/* Start:/local/templates/custom_artgk/css/product.css?17867025224559*/
/* /product/ — лобби каталога. Подключается через SetAdditionalCSS из /product/index.php. */

/* HERO */
.p-hero{background:linear-gradient(135deg,#f2f5fd 0%,#e8eefc 50%,#f5f0ff 100%);padding:48px 0 56px;position:relative;overflow:hidden}
.p-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:rgba(26,107,255,.06)}
.p-hero::after{content:'';position:absolute;bottom:-60px;left:30%;width:300px;height:300px;border-radius:50%;background:rgba(43, 91, 215,.05)}
.p-hero-inner{position:relative;z-index:1;max-width:780px}
.p-hero-label{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:rgba(255,255,255,.7);border-radius:100px;font-size:13px;font-weight:600;color:#2b5bd7;margin-bottom:24px}
.p-hero-label-dot{width:8px;height:8px;border-radius:50%;background:#2b5bd7;box-shadow:0 0 0 4px rgba(26,107,255,.15)}
.p-hero h1{font-size:52px;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
.p-hero h1 span{color:#2b5bd7}
.p-hero-desc{font-size:18px;line-height:1.55;color:#7a7f8c;max-width:640px}
@media(max-width:768px){.p-hero{padding:32px 0 32px}.p-hero h1{font-size:34px}.p-hero-desc{font-size:16px}}

/* CARDS GRID */
.p-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:-32px;position:relative;z-index:2}
@media(max-width:768px){.p-grid{grid-template-columns:1fr;margin-top:-16px}}

.p-card{background:#fff;border:1.5px solid #e8eefc;border-radius:20px;padding:32px;transition:all .25s;display:flex;flex-direction:column}
.p-card:hover{border-color:#2b5bd7;box-shadow:0 12px 40px rgba(26,107,255,.08);transform:translateY(-2px)}

.p-card-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}
.p-card-icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#e8eefc,#f0e8ff);display:flex;align-items:center;justify-content:center;color:#2b5bd7}
.p-card-icon svg{width:28px;height:28px}
.p-card-title-wrap{flex:1;min-width:0}
.p-card-title{font-size:24px;font-weight:800;color:#1a1a1a;margin-bottom:4px;line-height:1.2}
.p-card-tagline{font-size:14px;color:#7a7f8c;font-weight:500}
.p-card-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:6px}

.p-card-desc{font-size:15px;line-height:1.55;color:#7a7f8c;margin-bottom:24px;flex-grow:1}

.p-card-subs{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.p-sub{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafc;border:1px solid transparent;border-radius:10px;transition:all .2s;text-decoration:none;color:inherit}
.p-sub:hover{background:#eff4ff;border-color:#e8eefc}
.p-sub-arrow{flex-shrink:0;color:#7a7f8c;transition:transform .2s,color .2s}
.p-sub:hover .p-sub-arrow{color:#2b5bd7;transform:translateX(2px)}
.p-sub-body{flex:1;min-width:0}
.p-sub-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}
.p-sub-desc{font-size:12px;color:#7a7f8c;line-height:1.4}

.p-card-main-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff!important;border-radius:11px;font-weight:600;font-size:15px;text-decoration:none;transition:background .2s;align-self:flex-start;margin-top:auto}
.p-card-main-cta:hover{background:#1557cc}
.p-card-main-cta svg{width:16px;height:16px}

/* BOTTOM BANNER (CTA) */
.p-bottom{margin-top:72px;padding:48px 36px;background:linear-gradient(135deg,#1a1a1a 0%,#16213e 100%);border-radius:24px;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
@media(max-width:768px){.p-bottom{grid-template-columns:1fr;padding:32px 24px;margin-top:48px}}
.p-bottom h2{font-size:30px;font-weight:800;line-height:1.2;margin-bottom:12px}
.p-bottom p{font-size:16px;color:rgba(255,255,255,.75);line-height:1.5}
.p-bottom-cta{display:flex;flex-direction:column;gap:12px}
.p-bottom-cta a{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 26px;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff;border-radius:11px;font-weight:700;font-size:16px;text-decoration:none;transition:background .2s}
.p-bottom-cta a:hover{background:#e85d10}
.p-bottom-cta a.alt{background:transparent;border:1.5px solid rgba(255,255,255,.25);color:#fff}
.p-bottom-cta a.alt:hover{background:rgba(255,255,255,.08)}

/* End */
/* /local/templates/custom_artgk/css/product.css?17867025224559 */