:root {--line: rgba(255,255,255,.06);--glow: rgba(76,201,240,.45);--radius: 16px;--radius-sm: 12px;--shadow: 0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.02);}
section.catalog-napr {max-width: 1200px;margin: 0 auto;padding: 40px 20px;display: grid;gap: 24px;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));}
.catalog-napr .card {position: relative;overflow: hidden;border-radius: 18px;cursor: pointer;height: 280px;display: flex;align-items: flex-end;box-shadow: 0 8px 24px rgba(0,0,0,.15);background: #000;}
a.card {position: relative;text-decoration: none;background: linear-gradient(180deg,var(--panel),var(--panel-elev));border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden;display: flex;align-items: flex-end;min-height: 320px;box-shadow: var(--shadow);outline: none;transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.card:hover, .card:focus {transform: translateY(-2px);border-color: rgba(76,201,240,.35);box-shadow: 0 20px 50px rgba(0,0,0,.45),0 0 0 1px rgba(76,201,240,.08) inset;}
.card img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;}
.catalog-napr .card::after {content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.2));opacity: .9;transition: opacity .4s ease;}
.card-content {position: relative;padding: 20px;z-index: 2;opacity: 0;transform: translateY(20px);transition: all .5s ease;}
.swiper .card__content {width: 100%;}
.card p {font-size: 15px;margin: 0 0 16px;line-height: 1.5;opacity: .9;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.card a {display: flex;align-items: center;gap: 12px;padding: 0;color: #fff;border-radius: 10px;text-decoration: none;font-weight: 500;transition: background .3s ease,transform .3s ease;}
.card a svg {width: 15px;transition: .4s;}
.card .cart-title-h {font-size: 22px;position: absolute;color: #fff;z-index: 2;padding: 16px;line-height: 32px;margin-bottom: 0;bottom: 10px;font-weight: 600;}
.card a:hover svg {transform: translateX(20px);}
.card:hover img {transform: scale(1.1);}
.card:hover .cart-title-h {display: none;}
.card:hover::after {opacity: 1;}
.card:hover .card-content {opacity: 1;transform: translateY(0);}
@media (max-width: 600px) {.card {height: 220px;}}
.inner-page__body {color: #fff;}
.inner-page__body h2 {font-size: 26px;margin: 40px 0 20px;font-weight: 700;position: relative;}
.inner-page__body h2::after {content: "";display: block;width: 60px;height: 3px;background: #fff;margin-top: 8px;}
.inner-page__body p {font-size: 18px;margin: 12px 0;}
.inner-page__body ul {padding-left: 0;margin: 20px 0;list-style: none;}
.inner-page__body ul li {margin-bottom: 10px;position: relative;padding-left: 20px;font-size: 17px;}
.inner-page__body ul li::before {content: "✔";color: #fff;position: absolute;left: 0;font-size: 16px;}
.inner-page__body img, .inner-page__body video {width: 100%;max-height: 500px;object-fit: cover;border-radius: 12px;margin: 20px 0;box-shadow: 0 6px 20px rgba(0,0,0,.1);}
.inner-page__body video {height: 500px;}
.steps p {font-size: 17px;margin: 6px 0;padding-left: 28px;position: relative;}
.steps p::before {content: "➜";position: absolute;left: 0;color: #2563eb;font-weight: bold;}
.fly-btn {display: none;}
@media (max-width: 600px) {.inner-page__body {padding: 20px 15px;}
	.inner-page__body h2 {font-size: 22px;}
	.inner-page__body p, .inner-page__body ul li {font-size: 16px;}}