/* Shared image-free course cards. Figma: 40000834:29549. */
.catalog-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--cando-border-disabled);border-top:6px solid var(--cando-primary-800);border-radius:var(--cando-space-2) var(--cando-space-2) 0 0;background:var(--cando-background-surface);box-shadow:0 2px 6px rgb(0 0 0 / 8%)}
.catalog-card .catalog-card__title,.catalog-card p{margin:0}
.catalog-card-body{padding:var(--cando-space-4) var(--cando-space-6);display:flex;flex:1;flex-direction:column;gap:var(--cando-space-2);min-width:0}
.catalog-card-details{display:grid;gap:var(--cando-space-2);grid-template-rows:auto auto auto minmax(var(--cando-space-8),auto)}
.catalog-card-badges{display:flex;align-items:center;justify-content:space-between;gap:var(--cando-space-2);min-height:calc(var(--cando-line-height-xs) + var(--cando-space-2))}
.catalog-card-modes{display:flex;flex-wrap:wrap;gap:var(--cando-space-1)}
.catalog-card-modes span,.catalog-card-popular,.catalog-card-discount{font-size:var(--cando-font-size-xs);line-height:var(--cando-line-height-xs);padding:var(--cando-space-1) var(--cando-space-3);border-radius:var(--cando-space-1);font-weight:var(--cando-font-weight-medium)}
.catalog-card-discount{flex:none;background:var(--cando-error-50);color:var(--cando-error-500)}
.catalog-card-modes span{background:var(--cando-neutral-0);color:var(--cando-text-primary)}
.catalog-card-popular{background:var(--cando-brand-50);color:var(--cando-brand-800)}
.catalog-card-popular[data-tone="warning"]{background:var(--cando-warning-50);color:var(--cando-warning-500)}
.catalog-card-popular[data-tone="success"]{background:var(--cando-success-50);color:var(--cando-success-500)}
.catalog-card-popular[data-tone="primary"]{background:var(--cando-primary-0);color:var(--cando-primary-500)}
.catalog-card .catalog-card-details .catalog-card__title{font-size:var(--cando-font-size-xl);line-height:var(--cando-line-height-xl);font-weight:var(--cando-font-weight-bold);min-height:calc(2 * var(--cando-line-height-xl));overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalog-card .catalog-card__title a:hover{text-decoration:none;color:var(--cando-primary-500)}
.catalog-card-summary{font-size:var(--cando-font-size-s);line-height:var(--cando-line-height-s);color:var(--cando-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}
.catalog-card-teacher-slot{min-height:var(--cando-space-8)}
.catalog-card-teacher{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cando-space-2);min-height:var(--cando-space-8);font-size:var(--cando-font-size-xs);line-height:var(--cando-line-height-xs);font-weight:var(--cando-font-weight-medium);color:var(--cando-text-tertiary)}
.catalog-card-avatars{display:flex;flex:none;align-items:center;isolation:isolate}
.catalog-card-avatars .catalog-card-avatar+.catalog-card-avatar{margin-inline-start:calc(-1 * var(--cando-space-2))}
.catalog-card-teacher-label{min-width:0;overflow-wrap:anywhere}
.catalog-card-teacher--multiple .catalog-card-teacher-label{white-space:nowrap}
.catalog-card-teacher--multiple::after{content:'·';color:var(--cando-border-disabled)}
.catalog-card-avatar{position:relative;display:grid;place-items:center;flex:0 0 var(--cando-space-8);width:var(--cando-space-8);height:var(--cando-space-8);background:var(--cando-neutral-0);border:2px solid var(--cando-background-surface);border-radius:50%;overflow:hidden}
.catalog-card-avatar .cando-icon{width:var(--cando-space-4);height:var(--cando-space-4)}
.catalog-card-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.catalog-card-avatar--figma img{position:absolute;width:100%;height:134.38%;left:-.27%;top:-1.49%;object-fit:fill}
.catalog-card-bottom{display:grid;gap:var(--cando-space-2);background:url('../images/catalog/card-divider.svg') top/100% 1px no-repeat;padding-top:calc(var(--cando-space-2) + 1px);margin-top:auto;font-size:var(--cando-font-size-xs);line-height:var(--cando-line-height-xs)}
.catalog-card-stats{display:flex;align-items:center;justify-content:space-between;gap:var(--cando-space-2);min-height:var(--cando-line-height-s);color:var(--cando-text-tertiary)}
.catalog-rating-chip{display:inline-flex;align-items:center;gap:var(--cando-space-1);border-radius:var(--cando-space-1);background:var(--cando-neutral-0);padding:2px 10px}
.catalog-rating-chip img{display:block;flex:none}
.catalog-card-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--cando-space-2);min-height:var(--cando-space-8)}
.catalog-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--cando-space-1);min-width:0}
.catalog-card-price strong{font-size:var(--cando-font-size-l);line-height:var(--cando-line-height-l);font-weight:var(--cando-font-weight-bold)}
.catalog-card-price>span{color:var(--cando-text-disabled)}
.catalog-card-prices{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cando-space-2);min-width:0}
.catalog-card-prices .cart-money{display:inline-flex;align-items:baseline;gap:var(--cando-space-1);white-space:nowrap}
.catalog-card-price .cart-money{color:var(--cando-text-primary);font-size:var(--cando-font-size-l);line-height:var(--cando-line-height-l);font-weight:var(--cando-font-weight-bold)}
.catalog-card-prices .cart-money small{color:var(--cando-text-disabled);font-size:var(--cando-font-size-xs);line-height:var(--cando-line-height-xs);font-weight:var(--cando-font-weight-regular)}
.catalog-card-price-old{color:var(--cando-text-tertiary);font-size:var(--cando-font-size-s);line-height:var(--cando-line-height-s)}
.catalog-card-price-old .cart-money small{color:inherit}
/* The money is an inline-flex box, which a <del>'s line-through does not reach: strike the figures themselves. */
.catalog-card-price-old .cart-money bdi,.catalog-card-price-old .cart-money small{text-decoration:line-through;text-decoration-thickness:1px}
.catalog-card-details-label{color:var(--cando-text-tertiary)}
.catalog-card-action{position:relative;display:grid;place-items:center;flex:none;width:var(--cando-space-8);height:var(--cando-space-8);border-radius:var(--cando-space-1);background:var(--cando-primary-500);color:var(--cando-text-on-primary);transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.catalog-card-action::before{content:"";position:absolute;inset:-6px}
.catalog-card-action:hover{background:var(--cando-primary-700)}
.catalog-card-action img{display:block;flex:none}
/* Keep absolutely positioned accessible labels inside the scrolling rail. */
.catalog-rail{position:relative;display:flex;gap:var(--cando-space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:var(--cando-space-2);scroll-padding-inline:2px}
.catalog-rail>.catalog-card{flex:0 0 min(302px,100%);scroll-snap-align:start}
/* RTL: previous is on the right, next on the left; group sits below the rail's left edge. */
.catalog-rail-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.catalog-rail-controls button{width:40px;height:40px;border:0;border-radius:50%;padding:8px;display:grid;place-items:center;background:rgba(217,217,217,.3);cursor:pointer}
.catalog-rail-controls button:hover:not(:disabled){background:var(--cando-neutral-50)}
.catalog-rail-controls button:disabled{opacity:.35;cursor:default}
@media(pointer:coarse){.catalog-rail-controls button{width:44px;height:44px}}
@media(prefers-reduced-motion:no-preference){.catalog-rail{scroll-behavior:smooth}}
.catalog-rail-pagination{display:none}
@media(max-width:1279px){
 .catalog .catalog-rail-controls{display:none}
 .catalog .catalog-rail-pagination{display:flex;direction:ltr;justify-content:center;align-items:center;margin-top:8px;padding:10px 16px}
 .catalog-rail-pagination button{width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent url('../images/catalog/dot-inactive.svg') center/8px 8px no-repeat;cursor:pointer}
 .catalog-rail-pagination button[aria-current=page]{background-image:url('../images/catalog/dot-active.svg');background-size:12px 12px}
}
/* Course rows (homepage popular/newest, course page related): three cards plus a peek of the fourth on desktop. */
.course-row .course-row__rail{gap:var(--cando-space-4);padding-block:var(--cando-space-1)}
.course-row .course-row__rail>.catalog-card{flex:0 0 82%}
@media(min-width:640px){.course-row .course-row__rail>.catalog-card{flex-basis:calc((100% - var(--cando-space-4)) / 2.2)}}
@media(min-width:1024px){.course-row .course-row__rail>.catalog-card{flex-basis:calc((100% - 2 * var(--cando-space-4)) / 3.25)}}
.course-row .catalog-rail-pagination{display:none}
/* Catalog card with image (Figma 40000967:36721): image on top, delivery chip over it. */
.catalog-card--image{border-top:0;overflow:hidden}
.catalog-card-media{position:relative;display:block;aspect-ratio:2/1;background:var(--cando-neutral-0);border-top:6px solid var(--cando-primary-800)}
.catalog-card-media{overflow:hidden}
.catalog-card-media img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:center}
.catalog-card-media-mode{position:absolute;inset-block-start:var(--cando-space-3);inset-inline-start:var(--cando-space-3);padding:var(--cando-space-1) var(--cando-space-3);border-radius:4px;background:var(--cando-background-surface);color:var(--cando-text-primary);font-size:var(--cando-font-size-xs);line-height:var(--cando-line-height-xs);box-shadow:0 1px 4px #0312691f}
.catalog-card--image .catalog-card-modes span{background:var(--cando-neutral-300);color:#fff}
.catalog-card-media-badge{position:absolute;inset-block-start:var(--cando-space-3);inset-inline-start:var(--cando-space-3);box-shadow:0 1px 4px #0312691f}
.catalog-card-media-badge.catalog-card-popular{background:var(--cando-brand-50)}
.catalog-card-media-badge.catalog-card-discount{background:#fff;color:var(--cando-error-500)}