/* Базовая карточка + варианты: .server, .feature, .product, .contact */
.card { position: relative; padding: 1.4rem; background: var(--panel); border: 1px solid var(--line); transition: transform .15s, border-color .15s, box-shadow .15s; }
.card:hover { transform: translate(-3px, -3px); border-color: var(--red); box-shadow: 5px 5px 0 var(--red-deep); }
a.card { display: block; }

.tag { display: inline-block; padding: .15rem .55rem; background: var(--red); color: #0d0d0d; font: 700 .8rem/1.3 var(--font-main); text-transform: uppercase; letter-spacing: .08em; }
.card__title { font: 700 1.55rem/1.1 var(--font-main); text-transform: uppercase; }
.card__text { margin-top: .5rem; color: var(--muted); }

/* сервер */
.server { display: flex; flex-direction: column; }
.server__top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .9rem; color: var(--muted); font-size: .9rem; }
.server__stat { display: flex; align-items: baseline; justify-content: space-between; margin-top: auto; padding-top: 1.1rem; color: var(--muted); }
.server__stat b { color: var(--red); font: 700 1.8rem/1 var(--font-main); }
.server__stat small { color: var(--muted); font: 400 1rem var(--font-main); }
.server__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.2rem; margin-top: 1.2rem; }

/* преимущество / шаг */
.feature__num { display: block; margin-bottom: .6rem; color: transparent; -webkit-text-stroke: 1.5px var(--red); font: 700 3rem/1 var(--font-main); }

/* товар: заглушка-картинка */
.thumb { display: grid; place-items: center; aspect-ratio: 16 / 10; margin: -1.4rem -1.4rem 1.2rem; background: repeating-linear-gradient(135deg, #1d1d1d 0 14px, #151515 14px 28px); color: var(--line); font: 700 4rem/1 var(--font-main); }
.product .tag { margin-bottom: .6rem; }
.product__foot { display: flex; align-items: center; justify-content: space-between; margin-top: 1.2rem; }
.price { font: 700 1.6rem/1 var(--font-main); }

.contact .card__title { color: var(--text); }
.contact:hover .card__title { color: var(--red); }