/* Студия Спектр — оформление архивов и анимации */

/* ===== Раскрытие блоков при скролле ===== */
.kp-reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease;will-change:opacity,transform}
.kp-reveal.kp-reveal-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.kp-reveal{opacity:1;transform:none}}

/* ===== Архив категорий ===== */
body.archive:not(.woocommerce) #main-content > .container{max-width:1200px}
body.archive:not(.woocommerce) #left-area{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px;float:none;width:100%;padding:0 0 30px}
body.archive:not(.woocommerce) #left-area .spektr-arch-hero{grid-column:1/-1;background:linear-gradient(135deg,#23254C 0%,#3498DB 100%);border-radius:18px;padding:46px 40px;margin:6px 0 8px;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(35,37,76,.18)}
body.archive:not(.woocommerce) #left-area .spektr-arch-hero::after{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:rgba(242,184,7,.16)}
body.archive:not(.woocommerce) #left-area .spektr-arch-hero h1{margin:0 0 12px;font-size:34px;font-weight:800;color:#fff;letter-spacing:-.4px;line-height:1.2}
body.archive:not(.woocommerce) #left-area .spektr-arch-hero h1::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:#F2B807;margin:14px 0 0}
body.archive:not(.woocommerce) #left-area .spektr-arch-hero p{margin:0;color:rgba(255,255,255,.92);font-size:16px;max-width:640px;line-height:1.6}
body.archive:not(.woocommerce) #left-area .spektr-arch-hero .spektr-arch-count{position:absolute;right:42px;bottom:34px;font-size:14px;color:rgba(255,255,255,.85)}
body.archive:not(.woocommerce) #left-area > .et_pb_post{background:#fff;border-radius:16px;box-shadow:0 8px 26px rgba(35,37,76,.09);padding:26px 26px 30px;border-top:4px solid #3498DB;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;margin-bottom:0}
body.archive:not(.woocommerce) #left-area > .et_pb_post:nth-child(3n+2){border-top-color:#F2B807}
body.archive:not(.woocommerce) #left-area > .et_pb_post:nth-child(3n){border-top-color:#C52104}
body.archive:not(.woocommerce) #left-area > .et_pb_post:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(35,37,76,.16)}
body.archive:not(.woocommerce) #left-area .et_pb_post h2.entry-title{font-size:20px;line-height:1.35;margin:0 0 12px}
body.archive:not(.woocommerce) #left-area .et_pb_post h2.entry-title a{color:#23254C;text-decoration:none;transition:color .2s}
body.archive:not(.woocommerce) #left-area .et_pb_post h2.entry-title a:hover{color:#3498DB}
body.archive:not(.woocommerce) #left-area .et_pb_post .post-meta{font-size:13px;color:#7B8298;letter-spacing:.2px;margin:0 0 14px;padding-bottom:14px;border-bottom:1px dashed #E3E7F0}
body.archive:not(.woocommerce) #left-area .et_pb_post .post-meta a{color:#3498DB;text-decoration:none}
body.archive:not(.woocommerce) #left-area .et_pb_post > p{color:#4A4A4A;font-size:15px;line-height:1.7;margin:0 0 18px;flex:1}
body.archive:not(.woocommerce) #left-area .spektr-arch-readmore{display:inline-block;background:#F2B807;color:#23254C;font-weight:700;font-size:14px;padding:11px 22px;border-radius:8px;text-decoration:none;align-self:flex-start;transition:transform .15s ease,box-shadow .15s ease}
body.archive:not(.woocommerce) #left-area .spektr-arch-readmore:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(242,184,7,.4);color:#23254C}
body.archive:not(.woocommerce) .pagination{clear:both;text-align:center;padding:30px 0 10px}
body.archive:not(.woocommerce) .pagination .alignleft,body.archive:not(.woocommerce) .pagination .alignright{float:none;display:inline-block}
body.archive:not(.woocommerce) .pagination a,body.archive:not(.woocommerce) .pagination span{display:inline-block;background:#fff;border:1px solid #D8DDE8;border-radius:8px;padding:8px 15px;margin:0 4px;color:#23254C;text-decoration:none}
body.archive:not(.woocommerce) .pagination a:hover{background:#3498DB;border-color:#3498DB;color:#fff}
@media(max-width:980px){body.archive:not(.woocommerce) #left-area{grid-template-columns:1fr}body.archive:not(.woocommerce) #left-area .spektr-arch-hero{padding:32px 24px}body.archive:not(.woocommerce) #left-area .spektr-arch-hero h1{font-size:26px}}

/* ===== Главная: блоки преимуществ (Скорость/Экономия/Качество) ===== */
body.page-id-2 .et_pb_section_5 .et_pb_text{background:#fff;border-radius:18px;box-shadow:0 12px 34px rgba(35,37,76,.10);padding:34px 24px 28px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}
body.page-id-2 .et_pb_section_5 .et_pb_text:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(35,37,76,.16)}
body.page-id-2 .et_pb_section_5 .et_pb_text .et-pb-icon{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;font-size:30px;border-radius:50%;background:linear-gradient(135deg,#23254C 0%,#3498DB 100%);color:#fff!important;line-height:1}
body.page-id-2 .et_pb_section_5 .et_pb_text .kp-adv-ico{width:66px;height:66px;border-radius:50%;box-shadow:0 8px 20px rgba(35,37,76,.18);display:inline-block}
body.page-id-2 .et_pb_section_5 .et_pb_text h4{color:#23254C;font-size:19px;font-weight:700;margin:18px 0 8px;letter-spacing:.2px}
body.page-id-2 .et_pb_section_5 .et_pb_text p{color:#5a6480;font-size:15px;line-height:1.65;margin-bottom:0}

/* ===== Главная: секция «Оставьте заявку» ===== */
body.page-id-2 .kp-form-card{background:#fff;border-radius:18px;box-shadow:0 12px 34px rgba(35,37,76,.10);padding:30px 26px;height:100%}
body.page-id-2 .kp-form-title{color:#23254C;font-size:26px;font-weight:800;margin:0 0 8px;letter-spacing:-.3px}
body.page-id-2 .kp-form-title::after{content:"";display:block;width:52px;height:4px;border-radius:2px;background:#F2B807;margin:12px 0 0}
body.page-id-2 .kp-form-sub{color:#5a6480;font-size:15px;line-height:1.6;margin:14px 0 20px}
body.page-id-2 .kp-form-card .wpcf7 p{margin:0 0 14px}
body.page-id-2 .kp-form-card .wpcf7 input[type="text"],body.page-id-2 .kp-form-card .wpcf7 input[type="tel"],body.page-id-2 .kp-form-card .wpcf7 input[type="email"],body.page-id-2 .kp-form-card .wpcf7-captchar{width:100%;padding:14px 16px;border-radius:10px;border:1.5px solid #DEE3EE;background:#F7F9FC;color:#23254C;font-size:15px;transition:border-color .2s,box-shadow .2s}
body.page-id-2 .kp-form-card .wpcf7 input[type="text"]:focus,body.page-id-2 .kp-form-card .wpcf7 input[type="tel"]:focus,body.page-id-2 .kp-form-card .wpcf7 input[type="email"]:focus,body.page-id-2 .kp-form-card .wpcf7-captchar:focus{outline:none;border-color:#3498DB;box-shadow:0 0 0 3px rgba(52,152,219,.15)}
body.page-id-2 .kp-form-card .wpcf7 .wpcf7-captchac{vertical-align:middle;border-radius:6px;margin:0 10px 0 0}
body.page-id-2 .kp-form-card .wpcf7 .wpcf7-submit{background:linear-gradient(135deg,#23254C 0%,#3498DB 100%)!important;color:#fff!important;font-size:15px;font-weight:700;padding:14px 30px;border-radius:10px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
body.page-id-2 .kp-form-card .wpcf7 .wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(52,152,219,.35)}

/* контактная карточка */
body.page-id-2 .kp-contact-card{background:linear-gradient(150deg,#23254C 0%,#2E3A6E 100%);border-radius:18px;padding:30px 28px;color:#fff;position:relative;overflow:hidden;box-shadow:0 14px 36px rgba(35,37,76,.22);height:100%;display:flex;flex-direction:column;justify-content:center}
body.page-id-2 .kp-contact-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(242,184,7,.14)}
body.page-id-2 .kp-contact-card h3{color:#fff;font-size:24px;font-weight:800;margin:12px 0 6px;letter-spacing:-.3px}
body.page-id-2 .kp-contact-sub{color:rgba(255,255,255,.85);font-size:15px;line-height:1.6;margin:0 0 22px}
body.page-id-2 .kp-contact-row{margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}
body.page-id-2 .kp-contact-lbl{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 4px}
body.page-id-2 .kp-contact-val{font-size:17px;font-weight:600;color:#fff;text-decoration:none;line-height:1.4}
body.page-id-2 a.kp-contact-val:hover{color:#F2B807}
body.page-id-2 .kp-contact-card .kp-app-btn{align-self:flex-start;margin-top:8px}

/* инфо-карточка «О компании» */
body.page-id-2 .kp-info-card{background:#fff;border-radius:18px;box-shadow:0 12px 34px rgba(35,37,76,.10);padding:32px 30px;border-top:4px solid #3498DB}
body.page-id-2 .kp-info-card h3{color:#23254C;font-size:24px;font-weight:800;margin:14px 0 12px;letter-spacing:-.3px}
body.page-id-2 .kp-info-card h3::after{content:"";display:block;width:52px;height:4px;border-radius:2px;background:#F2B807;margin:12px 0 0}
body.page-id-2 .kp-info-card > p{color:#4a4a4a;font-size:16px;line-height:1.7;margin:0 0 20px}
body.page-id-2 .kp-info-card > p a{color:#3498DB;text-decoration:none;border-bottom:1px solid rgba(52,152,219,.35)}
body.page-id-2 .kp-info-card > p a:hover{color:#23254C}
body.page-id-2 .kp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.page-id-2 .kp-info-item{background:#F7F9FC;border:1px solid #E3E7F0;border-radius:12px;padding:18px 20px}
body.page-id-2 .kp-info-item strong{display:block;color:#23254C;font-size:16px;margin:0 0 6px}
body.page-id-2 .kp-info-item strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#F2B807;margin:0 8px 2px 0}
body.page-id-2 .kp-info-item span{color:#5a6480;font-size:14px;line-height:1.6}
@media(max-width:980px){body.page-id-2 .kp-info-grid{grid-template-columns:1fr}}

/* аккордеон */
body.page-id-2 .et_pb_accordion .et_pb_toggle{background:#fff;border:none;border-radius:12px;box-shadow:0 6px 20px rgba(35,37,76,.08);padding:20px 24px;margin-bottom:12px}
body.page-id-2 .et_pb_accordion .et_pb_toggle h5.et_pb_toggle_title{color:#23254C;font-size:16px;font-weight:700;padding:0 40px 0 0}
body.page-id-2 .et_pb_accordion .et_pb_toggle h5.et_pb_toggle_title::before{color:#3498DB;font-size:22px}
body.page-id-2 .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title{color:#3498DB}
body.page-id-2 .et_pb_accordion .et_pb_toggle_content{color:#5a6480;font-size:15px;line-height:1.7;padding-top:14px}
/* ===== Главная: блок «Заправка картриджей с выездом мастера» ===== */
body.page-id-2 .kp-zapr{background:#fff;border-radius:20px;box-shadow:0 14px 40px rgba(35,37,76,.10);padding:44px 40px 36px;margin:6px 0 8px;position:relative;overflow:hidden}
body.page-id-2 .kp-zapr::before{content:"";position:absolute;left:-90px;top:-90px;width:230px;height:230px;border-radius:50%;background:rgba(52,152,219,.06)}
body.page-id-2 .kp-zapr::after{content:"";position:absolute;right:-70px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:rgba(242,184,7,.08)}
body.page-id-2 .kp-zapr-head{max-width:780px;margin:0 auto 30px;text-align:center;position:relative;z-index:1}
body.page-id-2 .kp-zapr-head .kp-app-tag{margin-bottom:16px}
body.page-id-2 .kp-zapr-head h1{color:#23254C;font-size:32px;font-weight:800;line-height:1.25;margin:0 0 14px;letter-spacing:-.5px}
body.page-id-2 .kp-zapr-head h1::after{content:"";display:block;width:60px;height:4px;border-radius:2px;background:#F2B807;margin:14px auto 0}
body.page-id-2 .kp-zapr-head p{color:#5a6480;font-size:16px;line-height:1.7;margin:0}
body.page-id-2 .kp-zapr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px;position:relative;z-index:1}
body.page-id-2 .kp-zapr-card{background:#F7F9FC;border:1px solid #E3E7F0;border-radius:16px;padding:26px 20px 22px;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
body.page-id-2 .kp-zapr-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(35,37,76,.13);border-color:#3498DB}
body.page-id-2 .kp-zapr-ico{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#23254C 0%,#3498DB 100%);margin-bottom:16px;color:#fff;box-shadow:0 8px 20px rgba(35,37,76,.18)}
body.page-id-2 .kp-zapr-ico svg{width:28px;height:28px}
body.page-id-2 .kp-zapr-card h3{color:#23254C;font-size:17px;font-weight:700;margin:0 0 8px;letter-spacing:.1px}
body.page-id-2 .kp-zapr-card p{color:#5a6480;font-size:14px;line-height:1.6;margin:0}
body.page-id-2 .kp-zapr-how{background:linear-gradient(150deg,#23254C 0%,#2E3A6E 100%);border-radius:16px;padding:30px 32px;color:#fff;margin-bottom:30px;position:relative;overflow:hidden;z-index:1}
body.page-id-2 .kp-zapr-how::after{content:"";position:absolute;right:-50px;bottom:-50px;width:170px;height:170px;border-radius:50%;background:rgba(242,184,7,.14)}
body.page-id-2 .kp-zapr-how h2{color:#fff;font-size:22px;font-weight:800;margin:0 0 20px;letter-spacing:-.3px;position:relative;z-index:1}
body.page-id-2 .kp-zapr-how h2::after{content:"";display:block;width:52px;height:4px;border-radius:2px;background:#F2B807;margin:12px 0 0}
body.page-id-2 .kp-zapr-steps{margin:0 0 20px;padding:0;list-style:none;counter-reset:zstep;display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;position:relative;z-index:1}
body.page-id-2 .kp-zapr-steps li{position:relative;padding-left:42px;counter-increment:zstep;color:rgba(255,255,255,.92);font-size:15px;line-height:1.6}
body.page-id-2 .kp-zapr-steps li::before{content:counter(zstep);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:#F2B807;color:#23254C;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
body.page-id-2 .kp-zapr-note{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 18px;color:#fff;font-size:15px;line-height:1.6;margin:0;position:relative;z-index:1}
body.page-id-2 .kp-zapr-note strong{color:#F2B807}
body.page-id-2 .kp-zapr-pay{margin-bottom:30px;position:relative;z-index:1}
body.page-id-2 .kp-zapr-pay h2{color:#23254C;font-size:20px;font-weight:800;margin:0 0 16px;letter-spacing:-.3px}
body.page-id-2 .kp-zapr-pay h2::after{content:"";display:block;width:48px;height:4px;border-radius:2px;background:#F2B807;margin:10px 0 0}
body.page-id-2 .kp-zapr-pay-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px}
body.page-id-2 .kp-zapr-pay-list li{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #DEE3EE;border-radius:30px;padding:10px 18px;color:#23254C;font-size:14px;font-weight:600}
body.page-id-2 .kp-zapr-pay-list li::before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#3498DB 0%,#23254C 100%);flex:none}
body.page-id-2 .kp-zapr-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;position:relative;z-index:1}
body.page-id-2 .kp-zapr-btn-ghost{background:transparent;color:#23254C;border:2px solid #23254C}
body.page-id-2 .kp-zapr-btn-ghost:hover{background:#23254C;color:#fff;box-shadow:0 10px 22px rgba(35,37,76,.3)}
@media(max-width:980px){body.page-id-2 .kp-zapr{padding:34px 22px 30px}body.page-id-2 .kp-zapr-grid{grid-template-columns:repeat(2,1fr)}body.page-id-2 .kp-zapr-steps{grid-template-columns:1fr}body.page-id-2 .kp-zapr-head h1{font-size:26px}}
@media(max-width:480px){body.page-id-2 .kp-zapr-grid{grid-template-columns:1fr}}