/* ASPAD Blog — sablon comun pentru paginile de categorie */
body.category-page{
  --category-accent:#0b63a8;
  --category-accent-soft:#eaf4fb;
  background:#fff;
}

.category-page .home-header{position:sticky;top:0}
.category-page .home-nav a[aria-current="page"]{color:var(--blue-2)}

.category-page-hero{
  background:
    radial-gradient(circle at 88% 16%,rgba(248,184,1,.18),transparent 26%),
    linear-gradient(135deg,#edf5fb 0%,#fff 72%);
  border-bottom:1px solid var(--line);
  padding:46px 0 42px;
}
.category-page-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  gap:46px;
  align-items:end;
}
.category-page-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 22px;
  color:#667085;
  font-size:13px;
}
.category-page-breadcrumb a{
  color:var(--blue-2);
  font-weight:800;
  text-decoration:none;
}
.category-page-breadcrumb span[aria-hidden="true"]{color:#98a2b3}
.category-page-eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 13px;
  color:var(--blue-2);
  font-size:13px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.category-page-eyebrow:before{
  content:"";
  width:25px;
  height:3px;
  border-radius:99px;
  background:var(--yellow);
}
.category-page-hero h1{
  max-width:820px;
  margin:0;
  color:var(--navy);
  font-size:clamp(36px,4.8vw,58px);
  line-height:1.04;
  letter-spacing:-1.5px;
}
.category-page-lead{
  max-width:760px;
  margin:18px 0 0;
  color:#475467;
  font-size:18px;
  line-height:1.62;
}
.category-page-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.category-page-meta span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border:1px solid #d6e2ec;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#475467;
  font-size:13px;
  font-weight:800;
}
.category-page-overview{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:var(--navy);
  color:#fff;
  box-shadow:0 18px 42px rgba(16,47,78,.16);
}
.category-page-overview:after{
  content:"";
  position:absolute;
  right:-45px;
  bottom:-60px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(248,184,1,.16);
}
.category-page-overview strong{
  position:relative;
  z-index:1;
  display:block;
  margin-bottom:13px;
  color:var(--yellow);
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.category-page-overview ul{
  position:relative;
  z-index:1;
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}
.category-page-overview li{
  display:flex;
  gap:9px;
  color:#e7eff6;
  font-size:15px;
}
.category-page-overview li:before{
  content:"✓";
  color:var(--yellow);
  font-weight:900;
}

.category-page-section{padding:62px 0}
.category-page-section.category-page-section-alt{background:var(--soft)}
.category-page-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:26px;
  margin-bottom:25px;
}
.category-page-section-head h2{
  margin:0;
  color:var(--navy);
  font-size:clamp(28px,3.2vw,38px);
  line-height:1.1;
  letter-spacing:-.7px;
}
.category-page-section-head p{
  max-width:700px;
  margin:9px 0 0;
  color:var(--muted);
}

.category-featured-card{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 38px rgba(16,47,78,.08);
}
.category-featured-media{
  display:block;
  min-height:330px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--navy),var(--blue-2));
}
.category-featured-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
}
.category-featured-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px;
}
.category-featured-label{
  color:var(--blue-2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.category-featured-copy h2{
  margin:10px 0 14px;
  color:var(--navy);
  font-size:clamp(27px,3vw,38px);
  line-height:1.13;
  letter-spacing:-.6px;
}
.category-featured-copy h2 a{text-decoration:none}
.category-featured-copy p{margin:0;color:var(--muted);font-size:16px}

.category-text-visual{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  width:100%;
  height:100%;
  min-height:220px;
  overflow:hidden;
  padding:26px;
  background:linear-gradient(135deg,var(--navy),var(--category-accent));
  color:#fff;
}
.category-text-visual:after{
  content:"";
  position:absolute;
  top:-62px;
  right:-58px;
  width:190px;
  height:190px;
  border:28px solid rgba(248,184,1,.25);
  border-radius:50%;
}
.category-text-visual span,
.category-text-visual strong{position:relative;z-index:1}
.category-text-visual span{
  margin-bottom:9px;
  color:var(--yellow);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.category-text-visual strong{
  max-width:450px;
  font-size:clamp(21px,2.6vw,32px);
  line-height:1.12;
}

.category-topic-bar{
  display:none;
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:25px;
}
.category-js .category-topic-bar{display:flex}
.category-topic-button{
  min-height:42px;
  padding:9px 15px;
  border:1px solid #cbd8e4;
  border-radius:999px;
  background:#fff;
  color:var(--navy);
  font:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.category-topic-button:hover{border-color:#85afd0;background:#f6fbff}
.category-topic-button[aria-pressed="true"]{
  border-color:var(--navy);
  background:var(--navy);
  color:#fff;
}
.category-results-line{
  margin:0 0 18px;
  color:#667085;
  font-size:14px;
}
.category-page-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.category-guide-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.category-guide-card:hover{
  transform:translateY(-2px);
  border-color:#c5d7e5;
  box-shadow:0 13px 30px rgba(16,47,78,.08);
}
.category-guide-media{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#edf3f8;
}
.category-guide-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.category-guide-media .category-text-visual{
  min-height:0;
  padding:20px;
}
.category-guide-media .category-text-visual strong{
  display:-webkit-box;
  overflow:hidden;
  font-size:21px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.category-guide-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:20px;
}
.category-guide-meta{
  color:var(--blue-2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.category-guide-card h3{
  display:-webkit-box;
  overflow:hidden;
  margin:8px 0 10px;
  color:var(--navy);
  font-size:20px;
  line-height:1.26;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.category-guide-card h3 a{text-decoration:none}
.category-guide-card p{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:var(--muted);
  font-size:14px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.category-guide-card .read-link{margin-top:auto;padding-top:16px;font-size:14px}
.category-guide-card[hidden]{display:none}
.category-load-more-wrap{display:flex;justify-content:center;margin-top:28px}
.category-load-more{
  display:none;
  min-height:46px;
  padding:11px 20px;
  border:1px solid #b8c9d8;
  border-radius:11px;
  background:#fff;
  color:var(--navy);
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.category-js .category-load-more{display:block}
.category-load-more:hover{border-color:#7ba9cc;background:#f5faff}
.category-js .category-load-more[hidden]{display:none}

.category-commerce-v2{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:center;
  padding:32px 34px;
  border-radius:21px;
  background:var(--navy);
  color:#fff;
  box-shadow:0 15px 40px rgba(16,47,78,.14);
}
.category-commerce-v2-label{
  color:var(--yellow);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.category-commerce-v2 h2{margin:7px 0 8px;color:#fff;font-size:29px;line-height:1.16}
.category-commerce-v2 p{max-width:720px;margin:0;color:#dbe7f1}
.category-commerce-v2-actions{display:flex;flex-direction:column;gap:10px;min-width:255px}
.category-commerce-v2-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 17px;
  border-radius:10px;
  text-align:center;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
}
.category-commerce-v2-actions .primary{background:var(--yellow);color:var(--navy)}
.category-commerce-v2-actions .secondary{background:#fff;color:var(--navy)}

.category-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.category-related-card{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:90px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease;
}
.category-related-card:hover{transform:translateY(-2px);border-color:#9fbfd7}
.category-related-icon{
  display:grid;
  width:42px;
  height:42px;
  flex:0 0 42px;
  place-items:center;
  border-radius:11px;
  background:#edf4fa;
  color:var(--navy);
  font-size:19px;
  font-weight:900;
}
.category-related-card strong{display:block;color:var(--navy);font-size:15px;line-height:1.25}
.category-related-card span{display:block;margin-top:3px;color:var(--muted);font-size:12px}

.category-empty-v2{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:30px;
  border:1px solid #cbd9e5;
  border-radius:19px;
  background:#fff;
}
.category-empty-v2-icon{
  display:grid;
  width:58px;
  height:58px;
  place-items:center;
  border-radius:15px;
  background:var(--navy);
  color:var(--yellow);
  font-size:25px;
  font-weight:900;
}
.category-empty-v2 h2{margin:0;color:var(--navy);font-size:27px}
.category-empty-v2 p{max-width:680px;margin:7px 0 0;color:var(--muted)}

@media(max-width:920px){
  .category-page-hero-inner{grid-template-columns:1fr;gap:28px}
  .category-page-overview{max-width:620px}
  .category-featured-card{grid-template-columns:1fr 1.25fr}
  .category-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .category-page-hero{padding:35px 0 32px}
  .category-page-hero h1{font-size:clamp(34px,10vw,46px)}
  .category-page-lead{font-size:16px}
  .category-featured-card{grid-template-columns:1fr}
  .category-featured-media,.category-featured-media img{min-height:0;aspect-ratio:16/9}
  .category-featured-copy{padding:27px 24px 29px}
  .category-commerce-v2{grid-template-columns:1fr;padding:27px 24px}
  .category-commerce-v2-actions{min-width:0}
  .category-empty-v2{grid-template-columns:auto 1fr}
  .category-empty-v2 .store-button{grid-column:1/-1;width:100%}
}
@media(max-width:560px){
  .category-page-section{padding:48px 0}
  .category-page-section-head{align-items:flex-start;flex-direction:column;margin-bottom:21px}
  .category-page-grid,.category-related-grid{grid-template-columns:1fr}
  .category-topic-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
  .category-topic-button{flex:0 0 auto}
  .category-empty-v2{grid-template-columns:1fr;padding:24px 20px}
  .category-empty-v2-icon{width:50px;height:50px}
  .category-commerce-v2 h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .category-guide-card,.category-related-card,.category-topic-button{transition:none}
}