/* Category (tag) page: breadcrumb, short description, other categories as chips, 2 cards per row on phones,
   "more greetings for you" links. Loaded from cards.blade.php on tag pages only. Colors are the site's own palette. */
.cat-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 10px;font-size:.85rem;color:#6c757d}
.cat-crumbs a{color:#6c757d}
.cat-crumbs a:hover{color:#343041}
.cat-head{margin-bottom:.4rem!important}
.cat-head .h2{font-weight:700}

/* description: two lines until "read more" (the button only shows when the text is longer) */
.tag-content{margin-bottom:0!important}
.tag-content.is-clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tag-content{max-width:70ch;color:#343041;font-size:1rem;line-height:1.6}
.cat-more{background:none;border:0;padding:2px 0;color:#343041;font-size:.9rem;font-weight:500;text-decoration:underline;cursor:pointer}

.cat-chips{display:flex;gap:8px;margin:14px 0 18px;padding-bottom:14px;border-bottom:1px solid #e9e6ea;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cat-chips::-webkit-scrollbar{display:none}
.cat-chip{flex:0 0 auto;padding:6px 16px;border-radius:99px;border:1px solid #dcd8de;background:#fff;color:#343041;font-size:.9rem;white-space:nowrap;text-decoration:none!important;transition:border-color .15s}
.cat-chip:hover{border-color:#FF6B81;color:#343041}
.cat-chip[aria-current="page"]{background:#343041;border-color:#343041;color:#fff}
.cat-chip:focus-visible,.cat-more:focus-visible,.cat-related-item:focus-visible{outline:2px solid #343041;outline-offset:2px}

/* cards: picture, title, the two existing buttons ("add text" green, "share" pink) */
.cat-grid .card{height:calc(100% - .5rem);border:0;border-radius:12px;overflow:visible;box-shadow:0 2px 10px -4px rgba(52,48,65,.35)}
.cat-grid .card-image{border-radius:12px 12px 0 0;overflow:hidden}
.cat-grid .card-image img{width:100%}
.cat-card-title{margin:10px 10px 0;font-size:.95rem;font-weight:500;line-height:1.4;text-align:center;color:#343041;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cat-grid .card-actions{height:auto;margin-top:auto;padding:10px 8px 12px;gap:10px}
.cat-grid .card-actions .add-text,.cat-grid .card-actions .share{padding:3px 12px;font-size:1rem;white-space:nowrap}

.cat-related{margin:28px 0 8px;padding-top:18px;border-top:1px solid #e9e6ea}
.cat-related h2{margin:0 0 12px;font-size:1.25rem;font-weight:700;color:#343041}
.cat-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cat-related-item{display:flex;align-items:center;gap:12px;min-width:0;min-height:72px;background:#fff;border-radius:12px;overflow:hidden;color:#343041;text-decoration:none!important;box-shadow:0 2px 10px -4px rgba(52,48,65,.35)}
.cat-related-item:hover{color:#343041;box-shadow:0 4px 14px -4px rgba(52,48,65,.45)}
.cat-related-item img{width:84px;height:84px;object-fit:cover;flex:0 0 auto}
.cat-related-item span{flex:1;min-width:0;font-weight:500;font-size:1.05rem;padding-inline-start:12px}
.cat-related-item img+span{padding-inline-start:0}
.cat-related-item i{flex:0 0 auto;margin-inline-end:14px;font-style:normal;font-size:1.3rem;color:#FF6B81}

@media (max-width:767px){
  .cat-grid{margin-inline:-6px}
  .cat-grid>.cards-loop{padding-inline:6px;margin-bottom:12px!important}
  .cat-card-title{margin:8px 6px 0;font-size:.82rem}
  .cat-grid .card-actions{padding:8px 4px 10px;gap:6px}
  .cat-grid .card-actions .add-text,.cat-grid .card-actions .share{padding:3px 8px;font-size:.82rem}
  .cat-grid .share-bar .buttons+div{margin-left:0}
  /* in a narrow column the share popup opens as a sheet at the bottom of the screen */
  .cat-grid .sharing-popover{position:fixed;top:auto;bottom:12px;left:12px;right:12px;width:auto;transform:none}
  .cat-related-list{grid-template-columns:repeat(3,78%);overflow-x:auto;scrollbar-width:none;gap:10px;padding-bottom:4px}
  .cat-related-list::-webkit-scrollbar{display:none}
  .cat-related-item img{width:70px;height:70px}
}
@media (prefers-reduced-motion:reduce){.cat-chip{transition:none}}

/* banner to a matching product on liatofer.com (config/tag-promos.php) */
.cat-promo{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 18px;border-radius:12px;background:#fff;border:1px dashed #FF6B81}
.cat-promo-ic{flex:0 0 auto;color:#FF6B81}
.cat-promo-text{flex:1;min-width:0;color:#343041;line-height:1.4}
.cat-promo-text b{display:block;font-size:1.05rem}
.cat-promo-text span{font-size:.92rem}
.cat-promo-btn{flex:0 0 auto;padding:6px 16px;border-radius:10px;background:#343041;color:#fff!important;font-size:.95rem;font-weight:500;text-decoration:none!important;white-space:nowrap}
.cat-promo-btn:hover{background:#4a4559}
.cat-promo-btn:focus-visible{outline:2px solid #343041;outline-offset:2px}
@media (max-width:575px){
  .cat-promo{flex-wrap:wrap;padding:12px 14px;gap:10px}
  .cat-promo-ic{width:28px;height:28px}
  .cat-promo-btn{width:100%;text-align:center}
}