/* ============================================================
   Backhand Series – Design · Blocul de articole [bhs_articole]
   Model: „Editor's Picks” de pe wimbledon.com
   ============================================================ */

.bhsd-art{
	--bhsd-verde:#17573C;
	--bhsd-text:#222222;
	--bhsd-gri:#6B6B6B;
	--bhsd-supratitlu:#17573C;
	--bhsd-bg:#FFFFFF;
	--bhsd-pad:50px;          /* aceeași margine ca headerul și footerul */
	--bhsd-gap:32px;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:80px 0;
	background:var(--bhsd-bg);
	color:var(--bhsd-text);
	font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.bhsd-art--verde{
	--bhsd-text:#FFFFFF;
	--bhsd-gri:rgba(255,255,255,.62);
	--bhsd-supratitlu:rgba(255,255,255,.78);
	--bhsd-bg:#17573C;
}
.bhsd-art *,
.bhsd-art *::before,
.bhsd-art *::after{ box-sizing:border-box; }

.bhsd-art .bhsd-art__inner{
	max-width:1440px;
	margin:0 auto;
	padding:0 var(--bhsd-pad);
}

/* Titlul secțiunii */
.bhsd-art .bhsd-art__hero{
	margin:0 0 48px;
	text-align:center;
}
.bhsd-art .bhsd-art__eyebrow{
	margin:0 0 8px;
	padding:0;
	color:var(--bhsd-supratitlu);
	font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
	font-size:20px;
	font-weight:400;
	line-height:1.1;
	letter-spacing:.02em;
	text-transform:uppercase;
}
.bhsd-art .bhsd-art__title{
	margin:0;
	padding:0;
	color:var(--bhsd-text);
	font-family:inherit;
	font-size:40px;
	font-weight:700;
	line-height:1.05;
	letter-spacing:-.03em;
	text-transform:uppercase;
}
.bhsd-art .bhsd-art__label{
	padding:10px 0;
	color:var(--bhsd-text);
	font-size:16px;
	font-weight:500;
	line-height:1.2;
	letter-spacing:-.03em;
}

/* Rândul de carduri */
.bhsd-art .bhsd-carusel__scroll{
	gap:var(--bhsd-gap);
	padding:0;
	margin:0;
}
.bhsd-art .bhsd-carusel__item{
	flex:0 0 calc((100% - 3 * var(--bhsd-gap)) / 4);
}

/* Cardul */
.bhsd-art a.bhsd-card,
.bhsd-art a.bhsd-card:hover,
.bhsd-art a.bhsd-card:focus,
.bhsd-art a.bhsd-card:visited{
	display:flex;
	flex-direction:column;
	gap:16px;
	color:var(--bhsd-text);
	text-decoration:none;
	box-shadow:none;
	outline:none;
}
.bhsd-art a.bhsd-card:focus-visible .bhsd-card__media{
	outline:2px solid var(--bhsd-verde);
	outline-offset:2px;
}
.bhsd-art .bhsd-card__media{
	position:relative;
	display:block;
	aspect-ratio:16 / 9;
	overflow:hidden;
	border-radius:8px;
	background:#EEF1EE;
}
.bhsd-art .bhsd-card__img{
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	margin:0;
	border:0;
	border-radius:0;
	object-fit:cover;
	transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.bhsd-art .bhsd-card__img--gol{ background:linear-gradient(135deg,#E7EDE9,#D5E0D9); }
@media (hover:hover){
	.bhsd-art a.bhsd-card:hover .bhsd-card__img{ transform:scale(1.1); }
}

/* Iconița albă rotundă (articol / video) */
.bhsd-art .bhsd-card__icon{
	position:absolute;
	left:16px;
	bottom:16px;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#FFFFFF;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	color:#121619;
}
.bhsd-art .bhsd-card__icon svg{ display:block; width:20px; height:20px; }

/* Insigna „Exclusiv” */
.bhsd-art .bhsd-card__badge{
	position:absolute;
	top:16px;
	left:16px;
	z-index:1;
	display:inline-flex;
	align-items:center;
	gap:4px;
	height:20px;
	padding:4px 8px;
	border-radius:999px;
	background:rgba(0,0,0,.6);
	color:#FFFFFF;
	font-size:12px;
	font-weight:500;
	line-height:1;
	letter-spacing:-.03em;
	text-transform:uppercase;
}
.bhsd-art .bhsd-card__badge svg{ display:block; width:12px; height:12px; }

/* Textele de sub imagine */
.bhsd-art .bhsd-card__body{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.bhsd-art .bhsd-card__cat{
	color:var(--bhsd-gri);
	font-size:12px;
	font-weight:500;
	line-height:1.2;
	letter-spacing:-.03em;
	text-transform:uppercase;
}
.bhsd-art .bhsd-card__title{
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:var(--bhsd-text);
	font-size:20px;
	font-weight:500;
	line-height:24px;
	letter-spacing:-.03em;
}
.bhsd-art .bhsd-card__meta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	color:var(--bhsd-gri);
	font-size:14px;
	font-weight:400;
	line-height:21px;
	letter-spacing:-.02em;
}
.bhsd-art .bhsd-card__dot{ font-size:12px; line-height:1; }

/* Fundal gri deschis (fundal="gri") */
.bhsd-art--gri{ --bhsd-bg:#F2F4F8; }

/* Varianta de la finalul articolelor: „Descoperă / Ultimele articole” */
.bhsd-art--articol{ padding:72px 0 80px; }
.bhsd-art--articol .bhsd-art__hero{ margin-bottom:40px; }
.bhsd-art--articol .bhsd-art__title{ font-size:28px; line-height:1.29; }
/* trei carduri pe rând, pe toată lățimea footerului */
.bhsd-art--articol .bhsd-carusel__item{ flex-basis:calc((100% - 2 * var(--bhsd-gap)) / 3); }
/* când sunt puține articole, cardurile stau la mijloc */
.bhsd-art--articol .bhsd-carusel__item:first-child{ margin-left:auto; }
.bhsd-art--articol .bhsd-carusel__item:last-child{ margin-right:auto; }

/* ---------- Tabletă ---------- */
@media (max-width:1023.98px){
	.bhsd-art{ --bhsd-pad:18px; --bhsd-gap:24px; }
	.bhsd-art .bhsd-carusel__item{ flex-basis:304px; }
}

/* ---------- Telefon ---------- */
@media (max-width:767.98px){
	.bhsd-art{ --bhsd-pad:16px; --bhsd-gap:16px; padding:48px 0; }
	.bhsd-art .bhsd-art__hero{ margin-bottom:32px; }
	.bhsd-art .bhsd-art__eyebrow{ font-size:14px; }
	.bhsd-art .bhsd-art__title{ font-size:24px; }
	.bhsd-art .bhsd-carusel__item{ flex-basis:264px; }
	/* cardurile ajung până la marginea ecranului, iar următorul se vede pe jumătate */
	.bhsd-art .bhsd-carusel{ margin-right:calc(-1 * var(--bhsd-pad)); }
	.bhsd-art .bhsd-carusel__scroll{ padding-right:var(--bhsd-pad); scroll-padding-left:0; }
	.bhsd-art .bhsd-card__title{ font-size:16px; line-height:20px; }
	.bhsd-art .bhsd-card__icon{ left:12px; bottom:12px; width:32px; height:32px; }
	.bhsd-art .bhsd-card__icon svg{ width:16px; height:16px; }
	.bhsd-art .bhsd-card__badge{ top:12px; left:12px; }
}

@media (prefers-reduced-motion:reduce){
	.bhsd-art .bhsd-card__img{ transition:none; }
}