/** Shopify CDN: Minification failed

Line 350:18 Unexpected "{"
Line 350:27 Expected ":"
Line 358:18 Unexpected "{"
Line 358:27 Expected ":"
Line 392:0 Unexpected "}"
Line 457:0 Unexpected "}"

**/
.fs-u2 {
  font-size: calc(var(--base-font-size) + 2px);
}

.fs-u4 {
  font-size: calc(var(--base-font-size) + 4px);
}

.fs-u30 {
  font-size: calc(var(--base-font-size) + 30px);
}

.fs-d2 {
  font-size: calc(var(--base-font-size) - 2px);
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mb-7 {
  margin-bottom: 7px!important;
}

.mt-15 {
  margin-top: 15px;
}

.mt-d15 {
  margin-top: -15px !important;
}

.mb-40 {
  margin-bottom: 40px!important;
}

.mb-60 {
  margin-bottom: 60px!important;
}

.mb-25 {
  margin-bottom: 25px!important;
}

.mt-25 {
  margin-bottom: 25px;
}

.mt-30 {
  margin-top: 30px!important;
}

.mt-35 {
  margin-top: 35px!important;
}

.mb-70 {
  margin-bottom: 70px!important;
}

.mb-12 {
  margin-bottom: 12px!important;
}

.mb-11 {
  margin-bottom: 11px!important;
}

.mb-10 {
  margin-bottom: 10px!important;
}

.mb-15 {
  margin-bottom: 15px!important;
}

.mb-25 {
  margin-bottom: 25px!important;
}

.mt-60 {
  margin-top: 60px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-17 {
  margin-bottom: 17px;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-23 {
  margin-bottom: 23px;
}

.mb-21 {
  margin-bottom: 21px!important;
}

.mt-23 {
  margin-top: 23px;
}

.mt-6 {
  margin-top: 6px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-56 {
  margin-bottom: 56px;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.primary {
  color: var(--primary);
}

.font-heading {
  font-family: var(--hd-font-family);
}

.font-body {
  font-family: var(--body-font-family);
}

.p {
  font-family: var(--body-font-family);
  font-weight: var(--text-font-weight);
  font-style: var(--text-font-style);
  font-size: var(--base-font-size);
  line-height: 1.7142857143;
  color: rgb(var(--color-body));
}

.font-custom {
  font-family: var(--custom-font-family);
}

/* ICON */
.fa-check::before {
  content: '\f00c';
}
.fa-circle-plus::before {
  content: '\f055';
}
.fa-circle-minus::before {
  content: '\f056';
}
.fa-chevron-left::before {
  content: '\f053';
}
.fa-chevron-right::before {
  content: '\f054';
}

.fa-facebook::before {
  content: "\f39e";
}
.fa-twitter::before {
  content: "\f099";
}
.fa-youtube::before {
  content: "\f167";
}
.fa-google-plus::before {
  content: "\f0d5";
}
.fa-pinterest::before {
  content: "\f0d2";
}
.fa-phone::before {
  content: "\f095";
}

@media (min-width: 1200px) {
  /* XL */
}
@media (min-width: 992px) {
  /* LG  */
}
@media (min-width: 768px) {
  /* MD */
  .mb-md-10 {
    margin-bottom: 10px;
  }
  .mb-md-15 {
    margin-bottom: 15px;
  }
}
@media (min-width: 577px) {
  /* SM */
  .p-sm-30 {
    padding: 30px;
  }
}
ul {
  list-style: disc !important;
  padding-left: 2rem !important;
}

ul li {
  display: list-item !important;
}

.rte ul,
.text-container ul,
.unordered-list {
  list-style-type: disc !important;
  padding-left: 1.25em !important;
}

.rte ul li,
.text-container ul li,
.unordered-list li {
  list-style: disc !important;
  display: list-item !important;
}

/* Restore table borders in rich text content areas */
.rte table,
.text-container table {
  border-collapse: collapse;
  width: 100%;
}

.rte table td,
.rte table th,
.text-container table td,
.text-container table th {
  border: 1px solid #ccc !important;
  padding: 0.5em 0.75em !important;
}

.rte table,
.text-container table {
  table-layout: fixed;
}

.rte table td,
.rte table th,
.text-container table td,
.text-container table th {
  width: 25%;
  vertical-align: top;
  word-wrap: break-word;
}

/* Article layout - wider sidebar, more padding on content */
.article__inner .article__info {
  width: 400px !important; /* mărit față de 330px implicit */
}

.article__inner .article__content {
  width: calc(100% - 400px) !important; /* se ajustează automat */
  padding-left: 40px !important; /* padding stânga mai mare */
  padding-right: 40px !important;
}

@media (min-width: 1200px) {
  .article__inner .article__content {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}

/* Titlul postărilor recente din sidebar */
.block-list-blog .recent-posts-info > a {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
  color: #FE007A !important;
  font-weight: 700 !important;
}

/* Imaginea thumbnail mai mare */
#shopify-section-{{ section.id }} .recent-posts-thumbnail {
    max-width: 100px;
    min-height: 80px;
    width: 100px;
    flex-shrink: 0;
    display: block;
}

#shopify-section-{{ section.id }} .list-block li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
/* Autor și dată pe rânduri separate */
.entry-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
#shopify-section-template--26256453108061__blog_carousel_tWWMHq h3.article-item__title {
  line-height: 1.2 !important;
}
#shopify-section-template--26256453108061__blog_carousel_tWWMHq .article-item-description {
  line-height: 1.3 !important;
}

@media (max-width: 768px) {
  .article__inner .article__content {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 768px) {
  .ap-blogcarousel {
    --ap-productlist-column-gaps: 0px !important;
  }
}
  .ap-blogcarousel .blog-item {
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
}

.article-item__image-container {
  min-height: 0;
  aspect-ratio: 3 / 2;
}
.article:has(.hf-price) .rte img[loading="eager"] {
  display: none !important;
}
/* HyperFit Listicle — Typography */
.hf-row h3 {
  font-size: 24px !important;
  line-height: 1.3 !important;
}
h2[style*="#FE007A"] {
  font-size: 32px !important;
}
.hf-row p {
  font-size: 18px !important;
}
/* HyperFit Listicle — Body font 18px */
.article:has(.hf-price) .rte p,
.article:has(.hf-price) .rte li {
  font-size: 18px !important;
  line-height: 1.85 !important;
}
.product-item-meta__title,
.type-product {
  text-transform: none;
}
[data-selector-type="single"] .block-swatch__item {
  cursor: default;
}
.product__thumbnail-ap-shadowscroll,
.product__thumbnail-list {
  max-width: 100%;
  overflow-x: auto;
}
@media (min-width: 1000px) {
  .product__media,
  #ap_product_detail_media,
  .product__media-nav,
  .product__thumbnail-ap-shadowscroll,
  .product__thumbnail-list,
  .product__thumbnail-list-inner {
    min-width: 0;
    max-width: 100%;
  }

  .product__thumbnail-list-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}
  #ap_product_detail_media .ap-product-media-image-wrapper img {
    transition: transform .35s ease;
    will-change: transform;
  }
  #ap_product_detail_media .ap-product-media-image-wrapper:hover img {
    transform: scale(2);
  }
  #ap_product_detail_media .product__media-item {
    cursor: zoom-in;
  }
}
.ap-productform__option-selector .block-swatch-list {
  display: flex;
  flex-wrap: wrap;
}

.ap-productform__option-selector .block-swatch-list .block-swatch {
  order: 0;
}

.ap-productform__option-selector .block-swatch-list .block-swatch.is-disabled {
  order: 1;
}
.collection-description-long ul,
.custom-liquid-section ul {
  list-style: disc outside;
  padding-left: 22px;
  margin: 0 0 24px;
}

.collection-description-long ul li,
.custom-liquid-section ul li {
  display: list-item;
  list-style: disc outside;
  margin-bottom: 8px;
}

.collection-description-long ol,
.custom-liquid-section ol {
  list-style: decimal outside;
  padding-left: 24px;
  margin: 0 0 24px;
}

.collection-description-long ol li,
.custom-liquid-section ol li {
  display: list-item;
  list-style: decimal outside;
  margin-bottom: 8px;
}

/* Toate optiunile raman vizibile, indiferent de selectie */
.ap-productform__variants .block-swatch,
.ap-productform__variants .color-swatch {
  display: inline-block !important;
  visibility: visible !important;
}

/* Combinatiile care nu exista: estompate si neclicabile */
.ap-productform__variants .block-swatch.is-combo-missing .block-swatch__item,
.ap-productform__variants .color-swatch.is-combo-missing .color-swatch__item {
  opacity: .3;
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: line-through;
}
#hf-variant-summary {
  margin: -2px 0 14px;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
  color: #1a1a1a;
}

@media (max-width: 768px) {
  #hf-variant-summary {
    margin: 2px 0 16px;
    font-size: 18px;
  }
}
.product-item__label-list .label--highlight {
  background-color: #FE007A;
  color: #fff;
}

.product-item__label-list .label--highlight .icon__tag {
  fill: #fff;
}
/* Tema afiseaza propriul pret unitar dupa schimbarea variantei.
   Il ascundem, pentru ca folosim blocul propriu de sub linie. */
.ap-productmeta .price-list .unit-price-measurement,
.ap-productmeta__price .unit-price-measurement,
.ap-productform .unit-price-measurement,
.price__unit,
.unit-price {
  display: none !important;
}

/* Blocul propriu ramane vizibil */
#hf-unit-price {
  display: block !important;
}

/* Badge-uri in coltul cardului, peste imagine */
.product-item-wrapper {
  position: relative;
}

.product-item-wrapper .product-item__label-list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
/* ---- Badge-uri produse: pozitionare ---- */

/* Containerele intermediare nu trebuie sa fie referinta de pozitionare */
.product-item-wrapper .product-item__info,
.product-item-wrapper .product-item-meta,
.product-item-wrapper .product-item-meta2,
.product-item-wrapper .product-price {
  position: static;
}

/* Referinta este imaginea, nu cardul */
.product-item-wrapper .product-item__image-wrapper {
  position: relative;
}

.product-item-wrapper .product-item__label-list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

/* ---- Badge-uri produse: aspect ---- */

.product-item-wrapper .product-item__label-list .label,
.product-item-wrapper .product-item__label-list .savings-amount,
.product-item-wrapper .product-item__label-list .savings-amount-new,
.product-item-wrapper .product-item__label-list .savings-amount-soldout {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 7px 16px;
  border-radius: 0 0 8px 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.2;
  color: #fff;
}

.product-item-wrapper .label--highlight,
.product-item-wrapper .savings-amount {
  background: #FE007A;
}

.product-item-wrapper .savings-amount-new {
  background: #03D7AD;
}

.product-item-wrapper .savings-amount-soldout {
  background: #70719B;
}

.product-item-wrapper .product-item__label-list .icon__tag {
  width: 16px;
  height: 16px;
  fill: #fff;
}

@media (max-width: 767px) {
  .product-item-wrapper .product-item__label-list .label,
  .product-item-wrapper .product-item__label-list .savings-amount,
  .product-item-wrapper .product-item__label-list .savings-amount-new,
  .product-item-wrapper .product-item__label-list .savings-amount-soldout {
    padding: 6px 12px;
    font-size: 13px;
  }

  .product-item-wrapper .product-item__label-list .icon__tag {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 767px) {
  .product-item-wrapper .product-price {
    min-height: 0;
    margin-top: 8px;
  }

  .product-item-wrapper .product-item-meta__variants,
  .product-item-wrapper .product-item-meta1 {
    margin-bottom: 0;
  }
}

/* Widget Judge.me fara recenzii: ascundem complet containerul */
.jdgm-widget.jdgm-preview-badge[style*="display: none"],
.jdgm-widget.jdgm-preview-badge[style*="display:none"],
.jdgm-widget.jdgm-preview-badge:has(.jdgm-prev-badge[data-number-of-reviews="0"]) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* ---- Badge-uri de variante in cardul de produs ---- */
/* Mutat din snippets/product-variant-selector.liquid */

.product-variant-display {
  margin: 4px 0 0;
  width: 100%;
  clear: both;
  display: block;
}

.variant-info {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}

.variant-info:last-child {
  margin-bottom: 0;
}

.variant-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: transparent;
  font-size: 14px;
  line-height: 1.3;
  color: #666;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.variant-info--oos .variant-badge {
  color: #aaa;
  border-color: #eee;
}

@media (min-width: 769px) {
  .variant-badge {
    padding: 6px 12px;
    border-radius: 20px;
  }
}

@media (max-width: 768px) {
  .variant-info {
    gap: 5px;
  }

  .variant-badge {
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 14px;
  }
}

/* ---- Spatiere carduri pe mobil ---- */

@media (max-width: 767px) {
  .product-item__info-top {
    padding: 8px !important;
    padding-bottom: 4px !important;
  }

  .product-item__info {
    padding: 10px !important;
    padding-top: 4px !important;
  }
}
@media (max-width: 767px) {
  .product-item-wrapper {
    display: flex;
    flex-direction: column;
  }

  .product-item-wrapper .product-item__info {
    margin-top: auto;
  }
}
/* Badge de reducere pe butonul de varianta */
.ap-productform__option-selector .block-swatch {
  position: relative;
}

.hf-variant-sale {
  position: absolute;
  top: -8px;
  right: -6px;
  z-index: 2;
  padding: 3px 9px;
  border-radius: 6px 0 6px 0;
  background: #FE007A;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  pointer-events: none;
  white-space: nowrap;
}

.block-swatch.is-disabled .hf-variant-sale,
.block-swatch.is-combo-missing .hf-variant-sale {
  opacity: .35;
}

.price-from {
  font-size: .8em;
  font-weight: 400;
  color: #6a6a6a;
  text-transform: lowercase;
  margin-right: 5px;
}
/* Badge de reducere din Essential Upsell */
[data-essential-upsell-element="discount-label"] {
  font-weight: 700 !important;
  --borderRadius: 6px 0 6px 0 !important;
  border-radius: 6px 0 6px 0 !important;
  --fontSize: 12px !important;
  --backgroundColor: #FE007A !important;
}

/* ===== Cos lateral: titlu mai mic, preturi sub titlu ===== */

#mini-cart .line-item__content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#mini-cart .line-item__info {
  flex: 1 1 auto;
  min-width: 0;
}

#mini-cart .product-item-meta__title {
  margin-bottom: 4px;
}

#mini-cart .line-item__quantity {
  margin-top: 8px;
}

/* Blocul de preturi de sub titlu, vizibil pe toate ecranele */
#mini-cart .product-item-meta__price-list-container {
  display: block !important;
}

#mini-cart .hf-line-prices {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
}

#mini-cart .hf-line-prices > * {
  margin: 0;
}

#mini-cart .hf-line-price-old {
  font-size: 14px;
  color: #8a8a8a;
  text-decoration: line-through;
}

/* Pretul unitar trece pe rand propriu, mic si gri - ca pe pagina de produs */
#mini-cart .hf-line-unitprice {
  flex-basis: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #6a6a6a;
}

/* Coloana de preturi din dreapta devine redundanta */
#mini-cart .line-item__price-list-container {
  display: none !important;
}
/* ===== Cos lateral: panoul de cupon ===== */

#mini-cart-coupon {
  max-height: 85vh;
  overflow-y: auto;
}

#mini-cart-coupon .hf-coupon {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 20px calc(24px + env(safe-area-inset-bottom));
  background: #fff;
}

#mini-cart-coupon .hf-coupon__title {
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}

#mini-cart-coupon .hf-coupon__note {
  margin: 0;
  font-size: 13px;
  color: #6a6a6a;
}

#mini-cart-coupon .hf-coupon__row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

#mini-cart-coupon .hf-coupon__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 15px;
  text-transform: uppercase;
}

#mini-cart-coupon .hf-coupon__input:focus {
  outline: none;
  border-color: #000;
}

#mini-cart-coupon .hf-coupon__apply {
  flex: 0 0 auto;
  height: 46px;
  padding: 0 22px;
  white-space: nowrap;
}

#mini-cart-coupon .hf-coupon__error {
  margin: 0;
  font-size: 13px;
  color: #d32f2f;
}

#mini-cart-coupon .hf-coupon__cancel {
  align-self: flex-start;
  margin-top: 4px;
  padding: 0;
  background: none;
  border: none;
  font-size: 14px;
  color: #6a6a6a;
  text-decoration: underline;
  cursor: pointer;
}

/* ==========================================================================
   HyperFit — Unificare blog  (v4)
   DE ADĂUGAT LA FINALUL fișierului assets/ap-theme-custom.css

   Dacă ai lipit deja o versiune anterioară, ȘTERGE-O complet și pune-o pe asta.

   v3 avea textul prea mic față de imagine. v4 echilibrează:
     - imaginea trece de la 3:2 la 16:10 (mai scundă cu ~25px)
     - titlul urcă de la 14px la 17px
     - rezumatul de la 13px la 14px
     - mai mult aer între imagine și text, ca blocul de text să aibă greutate

   ---- REGLAJ ----
   Tot ce trebuie ajustat e în blocul :root de mai jos. Cele două variabile
   care contează sunt --hf-card-ratio și --hf-card-title. Dacă textul pare
   mic, mărește titlul. Dacă imaginea domină, fă raportul mai plat (16/9).
   ========================================================================== */

:root {
  --hf-pink: #FE007A;
  --hf-blog-ink: #0B0B0D;
  --hf-blog-dim: #75757F;
  --hf-blog-line: #E3E3E9;
  --hf-blog-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  /* ---- REGLAJ CARD ---- */
  --hf-card-ratio: 16 / 10;  /* mai plat = imagine mai scundă. 16/9 e minimul rezonabil */
  --hf-card-title: 20px;     /* titlul */
  --hf-card-text: 17px;      /* rezumatul */
  --hf-card-meta: 12px;      /* data și autorul */
}

/* ---------- Cardul de articol ---------- */
.article-item {
  position: relative;
}

.article-item .article-item__image-container {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: transparent;
  aspect-ratio: var(--hf-card-ratio);
  transition: transform .25s ease, box-shadow .25s ease;
}

.article-item .article-item__image-container img,
.article-item .article-item__image-container img.article-item__image,
.article-item .article-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit !important;
}

.article-item:hover .article-item__image-container {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px -14px rgba(0, 0, 0, .3);
}

.article-item .article-item__content {
  padding: 14px 0 0;
}

/* Titlul — max 2 rânduri, ca toate cardurile din rând să înceapă textul la fel */
.article-item .article-item__title,
.article-item .article-item__title.heading,
.article-item h3.article-item__title {
  font-family: var(--hd-font-family), system-ui, sans-serif;
  font-weight: 800;
  font-size: var(--hf-card-title);
  line-height: 1.3;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin: 0 0 7px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.article-item .article-item__title a {
  color: var(--hf-blog-ink);
  text-decoration: none;
}

.article-item .article-item__title a:hover {
  color: var(--hf-pink);
}

/* Categoria (tag) — eyebrow roz */
.article-item .article-item__category,
.blog-tag .article-item__category {
  font-family: var(--hf-blog-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--hf-pink);
  text-decoration: none;
}

.article-item .article-item__category:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-tag {
  position: static;
  display: block;
  margin-top: 10px;
  background: none;
  padding: 0;
}

.blog-tag .title-blog {
  display: none;
}

/* Data și autorul — linie mono discretă.
   time_tag scoate un <time> în interiorul span-ului, deci îl vizăm explicit. */
.article-item .article,
.article-item__detail .article {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 7px;
}

.article-item .blog-date,
.article-item .blog-author,
.article-item .article-card__footer,
.article-item .circle-divider,
.article-item .circle-divider time,
.article-item time {
  font-family: var(--hf-blog-mono);
  font-size: var(--hf-card-meta);
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 1.4;
  color: var(--hf-blog-dim);
  text-transform: none;
}

.article-item .circle-divider {
  display: block;
  margin-bottom: 8px;
}

.article-item .blog-date span {
  display: inline;
}

.article-item .blog-author .title-blog {
  display: none;
}

/* Rezumatul — max 2 rânduri */
.article-item .article-item-description,
.article-item .article-card__excerpt {
  font-size: var(--hf-card-text);
  line-height: 1.55;
  color: #4A4A55;
  margin: 0;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Săgeata de hover peste imagine — cardul e deja clicabil */
.article-item .article-item__arrow {
  display: none;
}

/* Butonul „citește mai mult" */
.article-item .btn-blog.button {
  border-radius: 999px;
  padding: 10px 18px;
  font-family: var(--hf-blog-mono);
  font-size: 10.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 12px;
}

/* ---------- Varianta orizontală ---------- */
.article-item--horizontal {
  display: grid;
  grid-template-columns: minmax(0, 38%) 1fr;
  gap: 20px;
  align-items: center;
}

@media screen and (max-width: 749px) {
  .article-item--horizontal {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Pe mobil, cardul are toată lățimea — titlul poate fi ceva mai mare */
@media screen and (max-width: 749px) {
  :root { --hf-card-title: 18px; }
}

/* ---------- Listing blog ---------- */
.blog-articles .article-card__information,
.blog__posts .article-card__information {
  padding-left: 0;
  padding-right: 0;
}

/* Pe ecrane foarte late, patru carduri pe rând în loc de trei.
   Cardurile devin mai înguste, deci imaginile scad și proporția se menține. */
@media screen and (min-width: 1400px) {
  .blog-articles.grid--3-col-desktop > .grid__item,
  .blog__posts.grid--3-col-desktop > .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
}

/* ---------- Numerotare în articolele obișnuite ----------
   Adaugă class="hf-numbered" pe <ol> în editorul de articol. */
.rte ol.hf-numbered {
  list-style: none;
  counter-reset: hfn;
  padding-left: 0;
}

.rte ol.hf-numbered > li {
  counter-increment: hfn;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--hf-blog-line);
}

.rte ol.hf-numbered > li::before {
  content: counter(hfn, decimal-leading-zero);
  font-family: var(--hd-font-family), system-ui, sans-serif;
  font-weight: 900;
  font-size: clamp(24px, 3vw, 34px);
  line-height: .82;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--hf-pink);
}

/* ---------- Evidențiere în text ----------
   Adaugă class="hf-mark" pe <strong>. */
.rte .hf-mark,
.rte strong.hf-mark {
  background: linear-gradient(transparent 62%, rgba(113, 247, 254, .75) 0);
  font-weight: 600;
}

.article-item__title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
.article-item{display:flex;flex-direction:column;height:100%;}
.article-item__content{display:flex;flex-direction:column;flex:1;}
.article-item{align-self:stretch;}
.article-item__title{min-height:2.4em;}