:root{--blue:#078bea;--blue2:#0073d5;--navy:#07345f;--text:#284b70;--muted:#7188a0;--line:#dceaf6;--soft:#f5faff;--shadow:0 8px 28px rgba(16,83,130,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font:14px/1.45 Arial,Helvetica,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.page-shell{max-width:1440px;margin:0 auto}.topbar{height:70px;border-bottom:1px solid #e7f0f7;display:flex;align-items:center;padding:0 34px;gap:35px;background:#fff}.brand{display:block;flex:0 0 235px}.brand img{width:210px;height:auto;display:block}.main-nav{display:flex;align-items:center;gap:8px;flex:1}.main-nav a{padding:11px 18px;border-radius:9px;color:#173f68;font-weight:600}.main-nav a.active{background:linear-gradient(135deg,#0b9af0,#087edc);color:#fff;box-shadow:0 5px 14px rgba(0,139,235,.2)}.main-nav a:hover{text-decoration:none;background:#edf7ff}.top-actions{display:flex;align-items:center;gap:22px}.languages{border:1px solid var(--line);border-radius:8px;padding:7px 11px;display:flex;gap:10px}.languages a{font-weight:600;color:#4a6380}.languages .active-lang{color:#123e68}.search-btn{border:0;background:none;font-size:27px;color:#12446e;cursor:pointer}.layout{display:grid;grid-template-columns:225px minmax(0,1fr) 255px;gap:16px;padding:17px 28px 0}.card{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.sidebar{padding:10px 13px;align-self:start}.side-section{padding:8px 0 16px;border-bottom:1px solid #e8f1f7}.side-section:last-of-type{border-bottom:0}.side-section h2{margin:6px 0 10px;color:#078bea;font-size:18px}.side-icon{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:5px;border-radius:8px;background:#e5f5ff;color:#078bea;font-size:16px}.side-link{display:flex;align-items:center;gap:5px;min-height:37px;padding:7px 8px;color:#244d73;border-left:3px solid transparent;border-radius:5px;font-size:13px}.side-link b{margin-left:auto;font-size:19px;font-weight:400;color:#5e8bad}.side-link small{color:#7790a6}.side-link.selected{background:#edf8ff;border-left-color:var(--blue);color:#067fd5;font-weight:700}.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px 3px 4px}.lang-grid a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#1787d2}.lang-grid a:last-child{grid-column:1/2}.lang-grid img{width:49px;height:34px;object-fit:cover;border:1px solid #e2e8ee}.content{min-width:0}.hero{height:352px;border-radius:9px;overflow:hidden;position:relative;background:url(i/hero-bg.jpg) right center/cover no-repeat,#062f59;box-shadow:0 10px 30px rgba(14,72,120,.12)}


.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,38,82,.78) 0%,rgba(5,38,82,.55) 38%,rgba(5,38,82,.12) 62%,rgba(5,38,82,0) 80%)}.hero-copy{position:relative;z-index:2;width:53%;padding:28px 34px;color:#fff}
.hero-copy h1,.hero-copy p,.eyebrow{text-shadow:0 2px 14px rgba(3,20,40,.85),0 1px 3px rgba(3,20,40,.9)}.eyebrow{font-size:14px;color:#72c8ff;line-height:1.25;margin-bottom:7px}.hero h1{font-size:37px;line-height:1.04;margin:0 0 15px;font-weight:800;letter-spacing:-.8px}.hero p{font-size:15px;line-height:1.45;margin:0 0 21px;color:#e8f6ff}.primary-btn,.order-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:24px;background:linear-gradient(135deg,#09a0ff,#0782e0);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 7px 18px rgba(0,132,225,.22)}.primary-btn{padding:12px 22px}.primary-btn:hover,.order-btn:hover{background:linear-gradient(135deg,#18a9ff,#0575ca);text-decoration:none}.primary-btn span,.order-btn span{font-size:21px;line-height:0}.slider-dots{position:absolute;bottom:16px;left:50%;z-index:3;display:flex;gap:8px}.slider-dots i{width:8px;height:8px;border-radius:50%;background:#91b9d6}.slider-dots i.active{background:#fff}.section-title{margin:22px 0 12px}.section-title h2{font-size:27px;color:#0b3158;margin:0;font-weight:800}.section-title span{display:block;width:38px;height:3px;background:var(--blue);margin-top:7px}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.server-card{border:1px solid var(--line);border-radius:8px;padding:12px 14px 14px;box-shadow:0 5px 18px rgba(17,80,125,.06);min-width:0}.server-card h3{font-size:16px;color:#173c65;margin:0 0 5px}.server-card>img{display:block;width:100%;height:68px;object-fit:contain;object-position:center;background:#f7f9fb;border-radius:6px;margin:0 0 9px}.server-card ul{list-style:none;padding:0;margin:0 0 9px;color:#4c6883;font-size:12px;line-height:1.55}.server-card li{margin:3px 0}.price{font-size:13px;color:#0b4d7e;margin-bottom:10px}.price b{color:#163c61}.price{font-weight:700}.price::first-letter{}.price{color:#078bea}.price b{color:#173c65}.order-btn{width:100%;padding:9px 10px;border-radius:6px;font-size:12px;gap:15px}.about-strip{margin-top:15px;border:1px solid #d9ebf8;background:#f4faff;border-radius:8px;display:grid;grid-template-columns:45px 1fr 35%;gap:10px;padding:13px 17px;color:#54728e;font-size:11px}.about-strip p{margin:0}.about-icon{width:34px;height:34px;border-radius:9px;background:#d9f0ff;color:#078bea;display:grid;place-items:center;font-size:22px}.benefits{border-left:1px solid #d5e8f5;padding-left:16px;display:flex;flex-direction:column;gap:3px}.benefits b{color:#1b4e78}.benefits span{color:#52708d}.description{padding:12px 3px 25px;color:#4e6a83;font-size:13px}.description p{margin:0 0 6px}.text-link{font-weight:700}.rightbar{display:flex;flex-direction:column;gap:15px}.news{overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #e6f0f7}.card-heading h2{font-size:18px;margin:0;color:#123a65}.card-heading a{font-size:11px}.news-item{position:relative;display:block;padding:11px 28px 11px 14px;border-bottom:1px solid #edf3f7;color:#355a7e;font-size:12px}.news-item time{display:block;color:#8ba0b2;font-size:10px;margin-bottom:3px}.news-item b{position:absolute;right:12px;top:38%;font-size:18px;color:#6c91ac;font-weight:400}.news-item:hover{background:#f7fbfe;text-decoration:none}.more{display:block;padding:12px 14px;font-weight:700;font-size:11px}.equipment{padding:16px;background:#eef8ff}.equip-icon{width:50px;height:50px;border-radius:13px;background:#49adf6;color:#fff;display:grid;place-items:center;font-size:29px;float:left;margin-right:12px}.equipment h2{font-size:16px;color:#174875;margin:3px 0 10px}.equipment p{clear:both;padding-top:6px;color:#587590;font-size:12px}.equipment a{font-size:11px;font-weight:700}.contact-box{padding:2px 8px 10px}.contact-box h2{font-size:22px;color:#1188d6;margin:0 0 13px}.phone-row{display:flex;gap:10px;align-items:flex-start}.phone-row>span{font-size:38px;color:#a7b4be;line-height:1}.phone-row div{display:flex;flex-direction:column;font-size:12px}.phone-row b{color:#3d5c75}.phone-row a{margin-top:3px}.footer{margin:10px 28px 0;border-top:1px solid #dfeaf3;padding:18px 7px 28px;color:#6d879e;font-size:11px}.footer-main{display:grid;grid-template-columns:220px 1fr 260px;gap:16px 24px}.footer-brand{grid-column:1;grid-row:1 / span 2}.payments{grid-column:2;grid-row:1}.footer-offer{grid-column:3;grid-row:1 / span 2;display:flex;gap:11px;align-items:flex-start;align-self:center}.offer-icon{width:36px;height:36px;border-radius:9px;background:#eaf2f9;color:#7a93ab;display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-offer p{margin:0 0 5px;font-size:11px;line-height:1.5;color:#6d879e}.footer-offer p a{color:#6d879e;text-decoration:underline}.footer-offer .offer-link{display:block;font-size:11px;font-weight:700;color:var(--blue);text-decoration:underline}.footer-offer .offer-more{display:block;margin-top:3px;font-size:10px;color:#8aa0b5}.footer-brand img{width:145px;display:block;margin-bottom:10px}.payments{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;color:#163f68;font-size:16px}.footer-links{grid-column:2;display:flex;gap:25px;justify-content:center;border-top:1px solid #edf3f7;padding-top:12px}.footer-links a{color:#6a8299;margin-right:16px}
@media(max-width:1100px){.layout{grid-template-columns:200px minmax(0,1fr)}.rightbar{grid-column:2;display:grid;grid-template-columns:1fr 1fr}.contact-box{grid-column:1/-1}.main-nav{gap:0}.main-nav a{padding:10px 9px}.hero-copy{width:62%}}
@media(max-width:820px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 18px;gap:10px}.brand{flex:1 0 180px}.brand img{width:180px}.main-nav{order:3;flex-basis:100%;overflow:auto}.top-actions{margin-left:auto}.layout{display:block;padding:12px}.sidebar{display:none}.rightbar{display:grid;grid-template-columns:1fr 1fr;margin-top:15px}.hero{height:330px}.hero-copy{width:75%;padding:24px}.hero h1{font-size:31px}.server-grid{grid-template-columns:1fr}.footer{margin:10px 12px 0}.footer-main{grid-template-columns:1fr}.footer-brand,.payments,.footer-offer{grid-column:1;grid-row:auto}.footer-offer{align-self:start}.footer-links{grid-column:1;flex-wrap:wrap}}
@media(max-width:560px){.languages{display:none}.search-btn{display:none}.rightbar{display:block}.news,.equipment{margin-bottom:15px}.hero-visual{left:20%;width:80%;opacity:.72}.hero-overlay{background:linear-gradient(90deg,rgba(5,38,82,.82) 0%,rgba(5,38,82,.7) 66%,rgba(5,38,82,.35) 100%)}.hero-copy{width:100%;padding:24px 20px}.hero h1{font-size:28px}.hero p{font-size:13px}.about-strip{grid-template-columns:35px 1fr}.benefits{grid-column:1/-1;border-left:0;border-top:1px solid #d5e8f5;padding:10px 0 0}.section-title h2{font-size:23px}.payments{justify-content:flex-start;gap:5px}.footer-links{gap:10px}}

/* --- flags drawn in CSS: consistent everywhere, no emoji-font or low-res jpg dependency --- */
.flag{display:inline-block;width:18px;height:13px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex-shrink:0}
.lang-grid .flag{width:49px;height:34px;border-radius:3px;box-shadow:0 0 0 1px #e2e8ee}
.languages .flag{margin-right:4px}

/* --- payment chips: flat, drawn in CSS, replace plain text spans --- */
.payments{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:center}
.pay-chip{display:flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}
.pay-chip.outline{background:#fff;border:1px solid var(--line);color:#71869a;font-weight:600;font-size:12px}
.chip-webmoney{background:#0039A6;color:#fff}
.chip-paypal{background:#fff;border:1px solid var(--line);color:#003087;gap:0}
.chip-paypal span{color:#009cde}
.chip-cards{background:#1a1f36;color:#fff;gap:8px}
.chip-cards .visa{color:#fff;font-style:italic;font-weight:800}
.chip-cards .mc{display:flex;margin-left:2px}
.chip-cards .mc i{width:13px;height:13px;border-radius:50%;display:inline-block;font-style:normal}
.chip-cards .mc i:first-child{background:#EB001B}
.chip-cards .mc i:last-child{background:#F79E1B;margin-left:-6px;mix-blend-mode:multiply}
.chip-optima{background:#fff;border:1px solid var(--line);color:#1a1a1a}
.chip-optima i{width:8px;height:8px;border-radius:50%;background:#F26522;display:inline-block;font-style:normal}
.chip-yandex{background:#fff;border:1px solid var(--line);color:#1a1a1a}
.chip-mbank{background:#00A651;color:#fff}

/* --- news content page (news.html) --- */
.news-content{padding:22px 6px}
.news-content h2{margin:0 0 10px;color:#0b3158}
.news-content a{color:var(--blue)}
.news-content .date{background:#eaf4ff;border-left:4px solid var(--blue);padding:10px 14px;border-radius:6px;margin:16px 0 8px;font-weight:800;color:#173c65}
.news-highlight{background:#fffdf0;border:1px solid #ffe9a8;border-radius:8px;padding:14px 18px;margin:10px 0}
.news-item-hidden{display:none}

@media(max-width:820px){.main-nav{flex-wrap:wrap;justify-content:flex-start;gap:2px 2px;overflow:visible}.main-nav a{padding:8px 9px;font-size:12.5px;white-space:nowrap}}

.news-content{overflow-wrap:anywhere;word-break:break-word}

/* ===== VPS page (vps.php) ===== */
.page-hero{position:relative;border-radius:9px;overflow:hidden;padding:30px 34px;color:#fff;background:url(i/hero-bg.jpg) right center/cover no-repeat,#062f59;box-shadow:0 10px 30px rgba(14,72,120,.12)}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,38,82,.93) 0%,rgba(5,38,82,.8) 55%,rgba(5,38,82,.5) 100%)}
.page-hero>*{position:relative}
.page-hero .eyebrow{margin-bottom:8px}
.page-hero h1{font-size:32px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-.6px;text-shadow:0 2px 14px rgba(3,20,40,.85)}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-tags span{padding:6px 13px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:600}
.vps-intro{margin-top:16px;padding:18px 22px;color:#4e6a83;font-size:13px;line-height:1.6}
.vps-intro p{margin:0 0 10px}.vps-intro p:last-child{margin:0}.vps-intro b{color:#173c65}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:15px}
.plan{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(17,80,125,.06);overflow:hidden;min-width:0}
.plan-head{padding:16px 18px 14px;background:linear-gradient(135deg,#f3faff,#e3f2ff);border-bottom:1px solid var(--line)}
.plan-head h3{margin:0 0 6px;font-size:20px;color:#0b3158}
.plan-price{font-size:12px;color:#587590}.plan-price b{font-size:28px;font-weight:800;color:var(--blue)}
.plan-specs{list-style:none;margin:0;padding:6px 18px;flex:1}
.plan-specs li{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf3f7}
.plan-specs li:last-child{border-bottom:0}
.spec-ico{flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:#e5f5ff;color:var(--blue);display:grid;place-items:center}
.spec-ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.spec-label{display:block;font-size:11px;color:var(--muted)}
.spec-val{display:block;font-size:13px;font-weight:700;color:#173c65}
.tag-nvme{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:4px;background:#fff0ee;color:#d93a2b;font-size:12px}
.plan .order-btn{width:calc(100% - 36px);margin:4px 18px 18px;padding:12px;font-size:14px;gap:18px}
button.order-btn,.submit-btn,.back-btn{border:0;cursor:pointer;font-family:inherit}
.order-card{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);padding:22px 24px}
.order-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.order-head h2{margin:0;font-size:22px;color:#0b3158}
.back-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 14px;color:#173f68;font-weight:600;font-size:13px}
.back-btn:hover{background:#edf7ff}
.form-group{border-top:1px solid #e8f1f7;margin-top:18px;padding-top:16px}
.form-group>h3{margin:0 0 12px;font-size:14px;color:var(--blue);text-transform:uppercase;letter-spacing:.4px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:700;color:#35597d}
.field input[type=text],.field select{width:100%;height:42px;padding:0 12px;border:1px solid #cfe0ee;border-radius:8px;background:#fff;color:#173c65;font:inherit;outline:0;transition:border-color .15s,box-shadow .15s}
.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,139,234,.15)}
.field input[readonly]{background:#f3f8fc;color:#4a6380}
.field input:disabled,.field select:disabled{background:#f0f4f8;color:#8aa0b5;cursor:not-allowed}
.field small,.field-hint{color:var(--muted);font-size:11px}
.field .red,.field-hint.red{color:#d93a2b}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#4e6a83;cursor:pointer}
.check input{margin-top:3px;width:16px;height:16px;accent-color:var(--blue)}
.form-error{min-height:20px;color:#d93a2b;font-weight:700;margin-top:12px}
.submit-btn{display:inline-flex;align-items:center;padding:13px 30px;border-radius:24px;background:linear-gradient(135deg,#09a0ff,#0782e0);color:#fff;font-weight:700;font-size:14px;box-shadow:0 7px 18px rgba(0,132,225,.22)}
.submit-btn:hover{background:linear-gradient(135deg,#18a9ff,#0575ca)}
.notice{border:1px solid #bfe6cf;background:#f1fbf5;border-radius:10px;padding:18px 22px;margin:16px 0 0;color:#1d4d35;font-size:13px;line-height:1.6}
.notice h2{margin:0 0 10px;font-size:18px;color:#12683d}
.notice p{margin:0 0 8px}.notice .warn{color:#c0392b;font-weight:700}
.notice img{display:block;border-radius:8px;border:1px solid var(--line);margin:8px 0}
.vps-notes{margin:18px 0 8px;border:1px solid #d9ebf8;background:#f4faff;border-radius:10px;padding:16px 22px}
.vps-notes h2{margin:0 0 8px;font-size:17px;color:#0b3158}
.vps-notes ul{list-style:none;margin:0;padding:0}
.vps-notes li{position:relative;padding:7px 0 7px 20px;border-bottom:1px dashed #d5e8f5;font-size:12.5px;color:#4e6a83}
.vps-notes li:last-child{border-bottom:0}
.vps-notes li::before{content:"*";position:absolute;left:4px;top:7px;color:#e0392b;font-weight:800}
@media(max-width:820px){.page-hero{padding:24px 20px}.page-hero h1{font-size:26px}.form-grid{grid-template-columns:1fr}.order-card{padding:18px 16px}}

/* --- важная новость в списке (nov.html) --- */
.news-item.important{background:#fff3f2;border-left:3px solid #d93a2b}
.news-item.important span{color:#d93a2b;font-weight:700}
.news-item.important time{color:#e0675c}
.news-item.important b{color:#d93a2b}
.news-item.important:hover{background:#ffeae8}

/* --- картинки на странице VPS --- */
.hero-art{position:absolute;right:28px;top:50%;transform:translateY(-50%);height:88%;width:auto;max-width:42%;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}
.page-hero>.hero-art{position:absolute}
.page-hero h1,.hero-tags{max-width:58%}
.intro-art{float:right;width:260px;max-width:40%;height:auto;margin:0 0 10px 20px}
.plan-head{position:relative;overflow:hidden}
.plan-art{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:84px;height:auto;opacity:.95}
@media(max-width:820px){.page-hero h1,.hero-tags{max-width:100%}.hero-art{opacity:.18;max-width:60%}}
@media(max-width:560px){.intro-art{float:none;display:block;margin:0 auto 12px}}

/* --- карточки тарифов: цена не должна заходить под иконку --- */
.plan-head{padding-right:84px}
.plan-art{width:64px;right:12px}
.plan-price b{font-size:26px;white-space:nowrap}
.plan-price .per{display:block;margin-top:1px}

/* --- баннер VPS без фонового фото (без лампочки), чистый градиент --- */
.page-hero{background:radial-gradient(circle at 82% 45%,rgba(11,154,240,.45) 0,rgba(11,154,240,0) 55%),linear-gradient(120deg,#062f59 0%,#0a4a87 60%,#0b6bb8 100%)}
.page-hero::before{background:none}
.intro-art{width:300px}

/* ===== Dedicated page (dedicated.php) ===== */
.ded-plans .plan-head{padding-right:18px}
.plan-photo{display:block;width:100%;height:92px;object-fit:contain;background:#f7f9fb;border-bottom:1px solid var(--line);padding:8px}
.plan-desc{margin:0;padding:12px 18px 2px;font-size:12.5px;color:#587590;line-height:1.5}
.plan-specs li>div{flex:1;min-width:0}
.spec-select{display:block;width:100%;height:34px;margin-top:2px;padding:0 8px;border:1px solid #cfe0ee;border-radius:6px;background:#fff;color:#173c65;font:inherit;font-weight:700;font-size:13px;outline:0;cursor:pointer}
.spec-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,139,234,.15)}
.ded-sub{margin:26px 0 12px;font-size:19px;color:#0b3158}
.ded-sub small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:2px}
.ded-intro{display:flow-root}
.ded-photo{float:right;width:300px;max-width:42%;height:auto;margin:0 0 10px 22px;border-radius:8px}
.faq{margin-top:16px;display:grid;gap:8px}
.faq details{border:1px solid var(--line);border-radius:8px;background:#fff}
.faq summary{cursor:pointer;padding:11px 16px;font-weight:700;color:#173c65;font-size:13px;list-style:none;position:relative;padding-right:36px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:14px;top:8px;font-size:20px;font-weight:400;color:var(--blue)}
.faq details[open] summary::after{content:"−"}
.faq details[open] summary{border-bottom:1px solid #edf3f7}
.faq details p{margin:0;padding:11px 16px 13px;font-size:13px;color:#4e6a83;line-height:1.55}
.notice.error{border-color:#f0c4c0;background:#fff4f3;color:#8a2b22}
.notice.error h2{color:#c0392b}
@media(max-width:560px){.ded-photo{float:none;display:block;max-width:100%;width:100%;margin:0 0 12px}}

/* ===== Hosting / Colocation pages ===== */
.plan-kv{list-style:none;margin:0;padding:6px 18px;flex:1}
.plan-kv li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid #edf3f7;font-size:12.5px}
.plan-kv li:last-child{border-bottom:0}
.plan-kv .k{color:var(--muted);flex:0 1 52%}
.plan-kv .v{font-weight:700;color:#173c65;text-align:right;flex:1}
.plan-kv .v.hl{color:#d93a2b}
.plan-tax{display:block;font-size:11px;color:var(--muted);margin-top:1px}
.media-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}
.media-row figure{margin:0;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;box-shadow:0 5px 18px rgba(17,80,125,.06)}
.media-row img{display:block;width:100%;height:auto;border-radius:6px}
.media-row figcaption{margin-top:8px;font-size:12px;color:var(--muted);text-align:center}
.feat-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
.feat-grid li{position:relative;padding:10px 12px 10px 34px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12.5px;color:#35597d}
.feat-grid li::before{content:"✓";position:absolute;left:11px;top:9px;color:var(--blue);font-weight:800}
.feat-grid li.strong{border-color:#bfe0f7;background:#f1f9ff;font-weight:700;color:#173c65}
.callout{margin-top:16px;border:1px solid #cfe5f6;background:#f1f9ff;border-radius:10px;padding:14px 18px;font-size:13px;color:#173c65}
.callout a{font-weight:700}
.callout.accent{border-color:#bfe6cf;background:#f1fbf5}
.price-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(17,80,125,.06)}
.price-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.price-table th{padding:12px 16px;background:linear-gradient(135deg,#f3faff,#e3f2ff);color:#0b3158;font-size:11px;letter-spacing:.4px;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line)}
.price-table td{padding:11px 16px;border-bottom:1px solid #edf3f7;color:#35597d;vertical-align:top}
.price-table tr:last-child td{border-bottom:0}
.price-table td small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.price-table td.num{white-space:nowrap;font-weight:700;color:#173c65}
.price-table td.num.free{color:#12683d}
.price-table td.price{white-space:nowrap;font-weight:800;color:var(--blue)}
.price-table tbody tr:hover{background:#f8fcff}
.price-note{margin:8px 4px 0;font-size:12px;color:var(--muted)}
.ex-calc{margin-top:12px;padding:12px 16px;border-radius:8px;background:#fff;border:1px dashed #b5d6ee;font-family:Consolas,Menlo,monospace;font-size:12.5px;color:#173c65}
@media(max-width:820px){.media-row{grid-template-columns:1fr}}
/* строки параметров: метка сжимается, значение занимает сколько нужно */
.plan-kv li{gap:10px}
.plan-kv .k{flex:1 1 0;min-width:0}
.plan-kv .v{flex:0 1 auto;max-width:56%;min-width:0;overflow-wrap:break-word}
.price-table th{background:#eaf5ff}
/* картинки скорости SSD на странице хостинга: компактнее */
.media-row{max-width:680px}
.media-row figure{padding:8px}
.media-row img{width:auto;max-width:100%;max-height:150px;margin:0 auto}
@media(max-width:820px){.media-row{max-width:none}.media-row img{max-height:190px}}

/* ===== SSL / Domains pages ===== */
.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:12px}
.type-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px 16px;box-shadow:0 5px 18px rgba(17,80,125,.05)}
.type-card h3{margin:0 0 2px;font-size:17px;color:#0b3158}
.type-card .for{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:var(--blue)}
.type-card p{margin:0;font-size:12.5px;line-height:1.55;color:#4e6a83}
.ssl-seal{float:right;width:150px;height:auto;margin:0 0 8px 20px;border-radius:50%}
.callout.warn{border-color:#f0c4c0;background:#fff4f3;color:#8a2b22}
/* проверка домена */
.check-card{margin-top:16px;padding:18px 22px}
.check-card h2{margin:0 0 12px;font-size:19px;color:#0b3158}
.domain-input{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.domain-input span{font-weight:700;color:#35597d}
.domain-input input{flex:1;min-width:200px;height:44px;padding:0 14px;border:1px solid #cfe0ee;border-radius:8px;font:inherit;font-size:15px;color:#173c65;outline:0}
.domain-input input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,139,234,.15)}
.tld-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.tld-grid input{position:absolute;opacity:0;pointer-events:none}
.tld-grid label{padding:7px 14px;border:1px solid #cfe0ee;border-radius:20px;background:#fff;color:#35597d;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s}
.tld-grid label:hover{border-color:var(--blue)}
.tld-grid input:checked+label{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 12px rgba(7,139,234,.3)}
.tld-grid input:focus-visible+label{box-shadow:0 0 0 3px rgba(7,139,234,.3)}
.check-actions{display:flex;gap:10px;flex-wrap:wrap}
.check-actions .submit-btn{padding:11px 26px}
.check-actions .ghost-btn{padding:11px 22px;border-radius:24px;border:1px solid var(--blue);background:#fff;color:var(--blue);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.check-actions .ghost-btn:hover{background:#edf7ff}
.check-actions button:disabled{opacity:.55;cursor:wait}
.checking-status{display:none;margin-top:12px;padding:10px 14px;border-radius:8px;background:#f1f9ff;color:#35597d;font-size:13px}
.checking-status.active{display:flex;align-items:center;gap:10px}
.loader{width:18px;height:18px;border:3px solid #d5e8f5;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#check_results{margin-top:12px;font-size:13px}
.check-result-item{margin:6px 0;padding:9px 14px;border-radius:8px;background:#f7fafc;border:1px solid #e3eef6}
.check-result-item.free,.check-result-item .free{color:#12683d}
.check-result-item.taken,.check-result-item .taken{color:#c0392b}
.check-result-item.error{color:#b9770e;background:#fff8ec;border-color:#f3dcae}
.free-hint{background:#e8f5e9!important;border:1px solid #9ad2a6!important;color:#1d5e33;font-size:13.5px}
.legacy-check{margin-top:8px;font-size:13px}
.price-table td.c,.price-table th.c{text-align:center}
.rules-list{margin:8px 0 0;padding-left:20px;font-size:13px;color:#4e6a83;line-height:1.7}
.link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.link-row a{padding:7px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;font-size:12.5px;font-weight:600}
.field.inline-check{flex-direction:row;align-items:center}
.kg-note{display:none;color:#12683d;font-weight:700;font-size:12px;margin-left:26px}
.check-result-item .error{color:#b9770e}
.check-result-item .taken{font-weight:700}
.check-result-item .free{font-weight:700}

/* ===== Info pages: services, servers, contacts, payment, dc, about ===== */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-top:16px}
.svc-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(17,80,125,.06);color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.svc-card:hover{transform:translateY(-3px);border-color:#9fd0f7;box-shadow:0 12px 28px rgba(7,139,234,.15)}
.svc-ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#e5f5ff,#cfe9ff);color:var(--blue);display:grid;place-items:center}
.svc-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc-card h3{margin:4px 0 0;font-size:17px;color:#0b3158}
.svc-card p{margin:0;font-size:13px;color:#4e6a83;line-height:1.55;flex:1}
.svc-card .go{font-weight:700;font-size:13px;color:var(--blue)}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px;margin-top:16px}
.info-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px 20px;box-shadow:0 5px 18px rgba(17,80,125,.05);font-size:13px;color:#4e6a83;line-height:1.6;position:relative}
.info-card.wide{grid-column:1/-1}
.info-card h3{margin:0 0 8px;font-size:16px;color:#0b3158}
.info-card p{margin:0 0 8px}.info-card p:last-child{margin-bottom:0}
.info-card .big{font-size:16px;font-weight:700;color:#173c65;line-height:1.7}
.info-card .blue-note{color:#0b6bb8;font-weight:600}
.info-card dl{margin:0;display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:6px 14px}
.info-card dt{color:var(--muted)}.info-card dd{margin:0;font-weight:600;color:#173c65}
.fee{position:absolute;right:14px;top:14px;padding:3px 10px;border-radius:12px;background:#fff0ee;color:#d93a2b;font-size:11.5px;font-weight:700}
.fee.ok{background:#e8f7ee;color:#12683d}
.pay-logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:12px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.pay-logos a{display:flex;align-items:center}
.pay-logos img{display:block;height:34px;width:auto;max-width:130px;object-fit:contain}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:14px}
.photo-grid figure{margin:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(17,80,125,.06)}
.photo-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .25s}
.photo-grid a:hover img{transform:scale(1.04)}
.photo-grid a{display:block;overflow:hidden}
.photo-grid figcaption{padding:10px 14px;font-size:12.5px;color:#4e6a83}
.map-img{display:block;width:100%;height:auto;margin-top:16px;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px rgba(17,80,125,.06)}
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-top:16px}
.duo .info-card ul{list-style:none;margin:0;padding:0}
.duo .info-card li{position:relative;padding:8px 0 8px 26px;border-bottom:1px dashed #d5e8f5;color:#35597d}
.duo .info-card li:last-child{border-bottom:0}
.duo .info-card li::before{content:"✓";position:absolute;left:4px;top:8px;color:var(--blue);font-weight:800}
/* бейдж сбора: в потоке над заголовком, чтобы не наезжать на длинные названия */
.fee{position:static;display:inline-block;margin:0 0 8px}
.photo-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:820px){.photo-grid{grid-template-columns:repeat(2,1fr)}}