:root{--ink:#142033;--muted:#728095;--line:#e5eaf0;--bg:#f5f7fa;--blue:#2764e7;--blue-dark:#194bc0;--green:#16845b;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1440px,calc(100% - 64px));margin:auto}.topline{background:#111c2c;color:#d7dfeb;font-size:12px}.topline-inner{display:flex;justify-content:space-between;padding:9px 0}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{min-height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#7b8799;margin-top:5px}.brand-mark{display:grid;place-items:center;background:var(--blue);color:#fff;width:42px;height:42px;border-radius:13px;font-size:25px;font-weight:900}.main-nav{display:flex;gap:26px;font-weight:650}.main-nav a:hover,.text-link:hover{color:var(--blue)}.header-search{margin-left:auto;display:flex;background:var(--bg);border:1px solid var(--line);border-radius:11px;overflow:hidden;width:min(300px,30vw)}.header-search input,.search-form input{border:0;background:transparent;padding:11px 14px;outline:none;width:100%;min-width:0}.header-search button{border:0;background:transparent;padding:0 13px;font-size:25px;color:var(--muted)}.cart-link{display:flex;align-items:center;gap:9px;font-weight:700;white-space:nowrap}.cart-link b{background:#eaf0ff;color:var(--blue);min-width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:12px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.main-content{min-height:55vh}.hero{margin:30px 0 70px;border-radius:28px;min-height:400px;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 30%,#294b84 0,#172943 35%,#101a2a 70%);color:#fff;display:flex;align-items:center;padding:56px 7%}.hero-copy{position:relative;z-index:2;max-width:570px}.eyebrow{display:block;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:2px;margin-bottom:12px}.hero .eyebrow{color:#8bb3ff}.hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2.6px;line-height:1.05;margin:0 0 20px}.hero h1 span{color:#83aaff}.hero p{color:#c2cede;max-width:430px;font-size:17px;margin:0 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:11px;padding:13px 19px;font-weight:750;transition:.18s}.btn-primary{background:var(--blue);color:white}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-secondary{background:#edf1f6;color:var(--ink)}.hero-art{position:absolute;right:6%;top:0;width:40%;height:100%;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #6681aa40;border-radius:50%;width:390px;height:390px}.orbit-two{width:290px;height:290px;border-style:dashed}.device{width:190px;height:230px;border:1px solid #7189ad;background:linear-gradient(145deg,#314968,#17253a);border-radius:23px;box-shadow:25px 30px 80px #0008;transform:rotate(9deg);position:relative;padding:18px}.device-screen{height:100%;border-radius:12px;background:linear-gradient(145deg,#111c2c,#263c5d);border:1px solid #8197b5;position:relative}.device-screen:after{content:"";position:absolute;inset:20% 15%;border-radius:10px;background:linear-gradient(135deg,#477de9,#172d54);box-shadow:0 0 50px #477de955}.device-led{position:absolute;width:6px;height:6px;background:#57edb2;border-radius:50%;bottom:10px;left:calc(50% - 3px)}.floating-chip{position:absolute;right:2%;bottom:16%;padding:12px 18px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff30;backdrop-filter:blur(10px);font-weight:850;letter-spacing:2px}.floating-chip span{display:block;font-size:8px;color:#a8b9d1;letter-spacing:3px}.section{margin:0 0 68px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-heading h2,.page-top h1{margin:0;font-size:32px;letter-spacing:-1px}.section-heading .eyebrow{margin-bottom:5px}.text-link{font-weight:750;color:var(--blue)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{padding:22px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:7px;transition:.2s}.category-card:hover,.product-card:hover{border-color:#b9cafa;box-shadow:0 10px 35px #152b4a0b;transform:translateY(-2px)}.category-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#edf2ff;color:var(--blue);font-size:21px;margin-bottom:8px}.category-card strong{font-size:16px}.category-card>span:last-child{font-size:12px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;min-width:0;transition:.2s}.product-image{display:grid;place-items:center;background:#f5f7fa;aspect-ratio:1.12;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.04)}.image-placeholder{width:100%;height:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#edf2f8,#f8fafc);color:#9aa9be;font-size:36px;font-weight:900;letter-spacing:3px}.image-placeholder small{font-size:8px;letter-spacing:4px}.product-info{padding:16px}.product-category{font-size:11px;color:var(--muted);margin-bottom:6px}.product-name{display:block;font-weight:700;line-height:1.4;min-height:42px}.product-name:hover{color:var(--blue)}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.product-bottom strong{font-size:16px;white-space:nowrap}.add-button{width:35px;height:35px;border:0;border-radius:11px;background:#edf2ff;color:var(--blue);font-size:24px;line-height:1}.add-button:hover{background:var(--blue);color:#fff}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#f5f7fa;padding:30px;border-radius:20px;margin-bottom:70px}.benefits>div{padding:4px 8px}.benefits span{font-size:11px;font-weight:850;color:var(--blue)}.benefits strong{display:block;margin:8px 0}.benefits p,.page-top p{color:var(--muted);margin:0}.page-top{padding:46px 0 32px}.page-top h1{font-size:40px;margin-bottom:8px}.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;margin-bottom:70px}.catalog-sidebar{align-self:start;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;flex-direction:column;gap:5px}.catalog-sidebar h3{margin:0 0 9px;font-size:15px}.catalog-sidebar a{padding:9px 10px;border-radius:8px;font-size:13px;color:#56647a}.catalog-sidebar a.selected,.catalog-sidebar a:hover{background:#edf2ff;color:var(--blue);font-weight:750}.search-form{display:flex;border:1px solid var(--line);border-radius:12px;padding:5px;margin-bottom:13px}.result-count{font-size:12px;color:var(--muted);margin:0 0 17px}.breadcrumbs{font-size:12px;color:var(--muted);padding:24px 0}.breadcrumbs a:hover{color:var(--blue)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:0 0 70px}.detail-image{background:#f5f7fa;border-radius:22px;min-height:420px;display:grid;place-items:center;overflow:hidden}.detail-image img{width:100%;height:100%;max-height:580px;object-fit:contain;mix-blend-mode:multiply}.detail-content h1{font-size:36px;letter-spacing:-1px;line-height:1.2;margin:8px 0 10px}.sku{font-size:12px;color:var(--muted)}.detail-price{font-size:34px;font-weight:850;margin:25px 0 4px}.detail-price span{font-size:16px;font-weight:600}.stock{color:var(--green);font-weight:700;font-size:13px}.detail-buy{display:flex;align-items:end;gap:12px;margin:22px 0 30px}.detail-buy label,.checkout-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);font-weight:700}.detail-buy input,.checkout-form input,.checkout-form textarea,.cart-row input{border:1px solid var(--line);border-radius:9px;padding:11px;width:100%;min-width:0;color:var(--ink);background:#fff}.detail-buy input{width:85px}.description{border-top:1px solid var(--line);padding-top:18px}.description h3{margin:0 0 10px}.empty-state{border:1px dashed #ccd5e2;border-radius:18px;padding:40px 25px;text-align:center;margin:15px 0 55px;color:var(--muted)}.empty-state strong,.empty-state h2,.empty-state h1{color:var(--ink)}.empty-state .btn{margin-top:10px}.flash{padding:12px 15px;border-radius:10px;margin:16px 0;font-size:13px}.flash.success{background:#e9f8f0;color:#146a48}.flash.error{background:#fff0f0;color:#a42d2d}.cart-table{border:1px solid var(--line);border-radius:15px;padding:5px 18px}.cart-row{display:grid;grid-template-columns:70px minmax(100px,1fr) 100px 75px 110px;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.cart-row:last-child{border:0}.cart-thumb{height:60px;background:#f3f6fa;border-radius:10px;display:grid;place-items:center;font-size:13px;color:#8a9ab0;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:contain}.cart-product a{font-weight:750}.cart-product small{display:block;color:var(--muted);font-size:11px}.cart-row input{padding:8px}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.cart-total>div{font-size:14px}.cart-total strong{font-size:21px;margin-left:10px}.checkout-panel{margin:35px 0 70px;padding:28px;background:#f7f9fc;border-radius:18px}.checkout-panel h2{margin:0 0 20px}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-form .full{grid-column:1/-1}.checkout-form textarea{resize:vertical}.muted{font-size:12px;color:var(--muted)}.success-state{margin:60px auto;max-width:700px}.success-mark{margin:0 auto 20px;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;background:#e2f8ed;color:#16845b;font-size:30px}.site-footer{background:#111c2c;color:#e4ebf4}.footer-main{padding:35px 0;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.footer-brand{color:#fff}.footer-brand small{color:#a7b5c8}.footer-main p{color:#a7b5c8;font-size:13px}.footer-links{margin-left:auto;display:flex;gap:20px;font-size:12px;color:#c4cfdd}.footer-bottom{border-top:1px solid #ffffff19;display:flex;justify-content:space-between;padding:16px 0;color:#91a0b5;font-size:11px}.admin-body{background:#f4f6fa;min-height:100vh}.admin-wrap{width:min(1440px,calc(100% - 64px));margin:30px auto}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;margin-bottom:20px;overflow:auto}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{padding:9px 13px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:700}.admin-nav a.active,.admin-nav a:hover{background:#eaf0ff;color:var(--blue)}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#5f6b7e}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.admin-form .full{grid-column:1/-1}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.admin-table td img{width:42px;height:42px;object-fit:contain;background:#f5f7fa;border-radius:7px}.admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-actions form{display:inline}.small-btn{border:0;border-radius:7px;padding:7px 9px;background:#edf2ff;color:var(--blue);font-size:12px;font-weight:700}.small-btn.danger{background:#fff0f0;color:#a42d2d}.login-card{width:min(440px,calc(100% - 32px));margin:9vh auto;background:#fff;padding:30px;border-radius:18px;border:1px solid var(--line)}.login-card h1{margin-top:0}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:6px;font-size:12px;font-weight:700}.login-card input{padding:12px;border:1px solid var(--line);border-radius:9px}@media(min-width:1400px){.hero{padding-left:6%;padding-right:6%}.admin-card{padding:26px}.admin-table{font-size:14px}.admin-table th,.admin-table td{padding:14px}}
@media(max-width:900px){.header-inner{gap:17px}.main-nav{gap:14px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}.hero-art{right:-6%;opacity:.7}.hero-copy{max-width:60%}.cart-row{grid-template-columns:55px minmax(90px,1fr) 90px 65px}.cart-row>strong:last-child{display:none}}@media(max-width:650px){.container{width:calc(100% - 28px)}.topline-inner span:last-child{display:none}.header-inner{min-height:68px;flex-wrap:wrap;gap:12px;padding:10px 0}.brand{font-size:20px}.brand-mark{width:36px;height:36px}.main-nav{display:none;order:5;width:100%;padding:10px 0}.menu-open .main-nav{display:flex}.header-search{order:4;width:100%;margin:0;display:none}.menu-open .header-search{display:flex}.cart-link{margin-left:auto}.cart-link span{display:none}.menu-toggle{display:block}.hero{margin:20px 0 48px;min-height:390px;padding:35px 25px;align-items:flex-start}.hero-copy{max-width:100%}.hero h1{font-size:43px}.hero p{max-width:300px;font-size:15px}.hero-art{width:70%;right:-20%;top:40%;height:70%;opacity:.3}.section{margin-bottom:48px}.section-heading h2{font-size:26px}.text-link{font-size:12px}.category-grid{gap:10px}.category-card{padding:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-info{padding:11px}.product-name{font-size:13px}.product-bottom strong{font-size:13px}.add-button{width:31px;height:31px}.benefits{grid-template-columns:1fr;padding:20px;gap:13px;margin-bottom:45px}.page-top{padding:32px 0 23px}.page-top h1{font-size:32px}.catalog-layout{grid-template-columns:1fr;gap:18px}.catalog-sidebar{flex-direction:row;overflow:auto;white-space:nowrap;align-items:center}.catalog-sidebar h3{display:none}.catalog-sidebar a{flex:none}.product-detail{grid-template-columns:1fr;gap:25px}.detail-image{min-height:280px;max-height:380px}.detail-content h1{font-size:29px}.detail-price{font-size:29px}.cart-table{padding:4px 10px}.cart-row{grid-template-columns:48px minmax(80px,1fr) 70px;gap:8px}.cart-row>strong:nth-of-type(1){display:none}.cart-row input{grid-column:2;width:70px}.cart-row>strong:last-child{display:block;grid-column:3;grid-row:2;font-size:12px}.cart-thumb{height:48px}.cart-total{gap:10px;align-items:flex-start;flex-direction:column}.checkout-panel{padding:20px}.checkout-form{grid-template-columns:1fr}.checkout-form .full{grid-column:auto}.footer-main{gap:15px}.footer-main p{width:100%;margin:0}.footer-links{margin-left:0;width:100%;flex-wrap:wrap}.footer-bottom{gap:10px;flex-direction:column}.admin-wrap{width:calc(100% - 20px);margin:15px auto}.admin-card{padding:15px}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.admin-head{align-items:flex-start;gap:12px;flex-direction:column}}


/* ZO2 desktop readability refinements: header and catalog sidebar */
@media (min-width: 901px) {
  .header-inner { min-height: 94px; gap: 38px; }
  .brand { font-size: 27px; gap: 12px; }
  .brand-mark { width: 48px; height: 48px; border-radius: 14px; font-size: 28px; }
  .brand small { font-size: 10px; letter-spacing: 2.2px; }
  .main-nav { gap: 32px; font-size: 17px; }
  .header-search { width: min(360px, 30vw); }
  .header-search input { padding: 13px 16px; font-size: 15px; }
  .header-search button { padding: 0 15px; font-size: 27px; }
  .cart-link { gap: 11px; font-size: 16px; }
  .cart-link b { min-width: 31px; height: 31px; font-size: 13px; }
  .catalog-layout { grid-template-columns: 270px minmax(0, 1fr); gap: 32px; }
  .catalog-sidebar { padding: 21px; gap: 7px; }
  .catalog-sidebar h3 { font-size: 17px; margin-bottom: 11px; }
  .catalog-sidebar a { padding: 11px 12px; font-size: 14px; line-height: 1.5; }
}
@media (min-width: 1200px) {
  .catalog-layout { grid-template-columns: 290px minmax(0, 1fr); gap: 36px; }
  .catalog-sidebar a { font-size: 14.5px; }
}
@media (max-width: 900px) {
  .catalog-layout { grid-template-columns: 235px minmax(0, 1fr); gap: 22px; }
  .catalog-sidebar a { font-size: 13px; }
}
@media (max-width: 650px) {
  .header-inner { min-height: 68px; }
  .brand { font-size: 20px; }
  .brand-mark { width: 36px; height: 36px; font-size: 22px; }
  .catalog-layout { grid-template-columns: 1fr; gap: 18px; }
  .catalog-sidebar { flex-direction: row; overflow: auto; white-space: nowrap; }
  .catalog-sidebar a { flex: none; font-size: 12px; padding: 9px 10px; }
}

/* News and editorial content */
.news-page{max-width:1120px;margin:18px auto 54px;color:#122033}.news-page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:26px 0 24px}.news-page-heading h1{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.035em;margin:8px 0 12px}.news-page-heading p{max-width:720px;margin:0;color:#68778c;line-height:1.7}.news-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#2d63eb}.news-filters{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.news-filters a{display:inline-flex;padding:10px 14px;border:1px solid #e1e8f2;border-radius:999px;color:#526176;text-decoration:none;font-size:13px;font-weight:650;background:#fff}.news-filters a.active,.news-filters a:hover{background:#245fe8;border-color:#245fe8;color:#fff}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{min-width:0;overflow:hidden;border:1px solid #e5eaf2;border-radius:18px;background:#fff;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.news-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(26,45,78,.09)}.news-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#edf3ff,#f8faff);text-decoration:none}.news-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.news-card:hover .news-card-image img{transform:scale(1.035)}.news-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:44px;font-weight:900;letter-spacing:-.06em;color:#2d63eb}.news-image-placeholder small{font-size:9px;letter-spacing:.2em}.news-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:19px}.news-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#78869a;font-size:11px;line-height:1.5}.news-card-meta span{color:#285fe6;font-weight:750}.news-card-body h2{margin:11px 0 8px;font-size:19px;line-height:1.35;letter-spacing:-.02em}.news-card-body h2 a{color:#17263b;text-decoration:none}.news-card-body h2 a:hover{color:#245fe8}.news-card-body p{margin:0 0 18px;color:#68778c;font-size:13px;line-height:1.7}.news-read-more{display:inline-flex;gap:8px;align-items:center;margin-top:auto;padding-top:8px;color:#245fe8;font-size:13px;font-weight:800;text-decoration:none}.news-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:32px 0}.news-pagination a{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #e3e9f2;border-radius:10px;color:#40516a;text-decoration:none}.news-pagination a.active{background:#245fe8;color:#fff;border-color:#245fe8}.news-empty{margin:30px 0;padding:35px}.news-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 28px;color:#8a97a8;font-size:12px}.news-breadcrumb a{color:#526782;text-decoration:none}.news-article{max-width:850px}.news-article-header{margin:22px 0 26px}.news-category-label{display:inline-block;color:#245fe8;font-size:12px;font-weight:800}.news-article-header h1{margin:10px 0 13px;font-size:clamp(32px,5vw,50px);line-height:1.1;letter-spacing:-.04em}.news-article-header time{color:#7b8798;font-size:12px}.news-lead{margin:20px 0 0;color:#5f6f85;font-size:18px;line-height:1.75}.news-article-cover{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:20px;margin:0 0 32px}.news-article-content{font-size:16px;line-height:1.9;color:#34445a;overflow-wrap:anywhere}.news-article-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:34px 0;padding-top:22px;border-top:1px solid #e5eaf2}.news-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.news-admin-heading h1{margin-bottom:8px}.news-admin-preview{display:block;max-width:260px;max-height:180px;object-fit:contain;margin-top:12px;border-radius:10px;border:1px solid #e3e9f2}.news-form-actions{display:flex;flex-wrap:wrap;gap:10px}.news-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.news-status.is-published{background:#e7f8ee;color:#197447}.news-status.is-draft{background:#fff4df;color:#94620c}.news-actions{min-width:160px}.news-actions form{display:inline}.news-delete{border:0;background:none;color:#c03939;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:5px}.home-news-section{margin-top:44px}.home-news-grid .news-card-body h2{font-size:17px}@media(max-width:850px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-page{margin-top:10px}.news-article{padding:0 2px}}@media(max-width:560px){.news-grid{grid-template-columns:1fr}.news-page-heading{align-items:flex-start;flex-direction:column}.news-filters{gap:7px}.news-filters a{font-size:12px;padding:9px 11px}.news-card-body{padding:17px}.news-article-header h1{font-size:32px}.news-lead{font-size:16px}.news-article-bottom,.news-admin-heading{align-items:flex-start;flex-direction:column}.news-actions{min-width:0}}

/* =========================================================
   ZO2 — форма керування новинами в адмінпанелі
   ========================================================= */

.news-admin-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.news-admin-form .form-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
    margin: 0;
}

.news-admin-form label {
    display: block;
    margin: 0;
    color: #263449;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.news-admin-form input:not([type="file"]):not([type="hidden"]),
.news-admin-form select,
.news-admin-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 11px 13px;
    border: 1px solid #d5dce6;
    border-radius: 8px;
    background: #fff;
    color: #172338;
    font: inherit;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: none;
}

.news-admin-form input:not([type="file"]):not([type="hidden"]) {
    min-height: 43px;
}

.news-admin-form select {
    min-height: 43px;
    cursor: pointer;
}

.news-admin-form textarea {
    min-height: 100px;
    resize: vertical;
}

.news-admin-form #content {
    min-height: 320px;
    line-height: 1.7;
}

.news-admin-form #excerpt {
    min-height: 100px;
}

.news-admin-form #meta_description {
    min-height: 90px;
}

.news-admin-form input[type="file"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    font-size: 14px;
}

.news-admin-form input:focus,
.news-admin-form select:focus,
.news-admin-form textarea:focus {
    border-color: #3979e5;
    outline: 3px solid rgba(57, 121, 229, .13);
}

.news-admin-form small {
    display: block;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.news-admin-form .form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.news-admin-form .form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}

.news-admin-form .form-actions .btn {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

.news-admin-form .form-actions .btn-primary {
    background: #2864e8;
    color: #fff;
}

.news-admin-form .form-actions .btn-primary:hover {
    background: #1e50c5;
}

.news-admin-form .form-actions .btn-secondary {
    border-color: #d5dce6;
    background: #fff;
    color: #334155;
}

.news-admin-form .form-actions .btn-secondary:hover {
    background: #f1f5f9;
}

.news-admin-form img {
    display: block;
    max-width: 220px;
    max-height: 180px;
    margin-top: 8px;
    border-radius: 8px;
    object-fit: contain;
}

@media (max-width: 640px) {
    .news-admin-form {
        gap: 16px;
    }

    .news-admin-form .form-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .news-admin-form #content {
        min-height: 240px;
    }

    .news-admin-form .form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .news-admin-form .form-actions .btn {
        width: 100%;
        box-sizing: border-box;
    }
}
/* ZO2 — оформлення тексту новин та статей */
.news-article {
    max-width: 1120px;
    margin: 0 auto;
    padding: 28px 24px 64px;
    color: #263449;
}

.news-article-header {
    max-width: 860px;
    margin: 0 auto 28px;
}

.news-article-header h1 {
    margin: 12px 0 16px;
    color: #14233b;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.16;
    letter-spacing: -0.035em;
    font-weight: 800;
}

.news-article-header time {
    display: inline-block;
    color: #718096;
    font-size: 14px;
}

.news-category-label {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    border-radius: 999px;
    background: #eaf1ff;
    color: #2459c4;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}

.news-article-header .news-lead {
    margin: 20px 0 0;
    color: #526176;
    font-size: 19px;
    line-height: 1.75;
}

.news-article-cover {
    display: block;
    width: 100%;
    max-width: 860px;
    max-height: 480px;
    object-fit: cover;
    margin: 0 auto 34px;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(21, 39, 69, 0.10);
}

.news-article-content {
    max-width: 860px;
    margin: 0 auto;
    color: #344256;
    font-size: 17px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.news-article-content p {
    margin: 0 0 22px;
}

.news-article-content h2 {
    margin: 42px 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3eaf3;
    color: #14233b;
    font-size: clamp(24px, 2.8vw, 30px);
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.news-article-content h3 {
    margin: 30px 0 12px;
    color: #1c3762;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 750;
}

.news-article-content h4 {
    margin: 24px 0 10px;
    color: #1c3762;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
}

.news-article-content strong,
.news-article-content b {
    color: #1b2e4b;
    font-weight: 750;
}

.news-article-content ul,
.news-article-content ol {
    margin: 0 0 24px;
    padding-left: 28px;
}

.news-article-content li {
    margin: 0 0 8px;
    padding-left: 4px;
}

.news-article-content ul li::marker {
    color: #3474e6;
}

.news-article-content blockquote {
    margin: 28px 0;
    padding: 18px 22px;
    border-left: 4px solid #3474e6;
    border-radius: 0 12px 12px 0;
    background: #f3f7ff;
    color: #344d72;
}

.news-article-content a {
    color: #245fc7;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.news-article-content a:hover {
    color: #173f8d;
}

.news-article-content hr {
    margin: 32px 0;
    border: 0;
    border-top: 1px solid #e3eaf3;
}

.news-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0 auto 24px;
    max-width: 860px;
    color: #8290a3;
    font-size: 13px;
}

.news-breadcrumb a {
    color: #526a8c;
    text-decoration: none;
}

.news-breadcrumb a:hover {
    color: #245fc7;
}

.news-article-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    max-width: 860px;
    margin: 42px auto 0;
    padding-top: 24px;
    border-top: 1px solid #e3eaf3;
}

@media (max-width: 640px) {
    .news-article {
        padding: 20px 16px 44px;
    }

    .news-article-header {
        margin-bottom: 22px;
    }

    .news-article-header h1 {
        font-size: 30px;
    }

    .news-article-header .news-lead {
        font-size: 17px;
        line-height: 1.7;
    }

    .news-article-cover {
        margin-bottom: 26px;
        border-radius: 12px;
    }

    .news-article-content {
        font-size: 16px;
        line-height: 1.8;
    }

    .news-article-content h2 {
        margin-top: 34px;
        font-size: 24px;
    }

    .news-article-content h3 {
        margin-top: 26px;
        font-size: 19px;
    }

    .news-article-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}