/* Inner pages — tokens from tokens.css; local aliases for legacy rules */
:root {
  --soft: var(--blue-soft);
  --soft2: var(--surface-2);
  --text: var(--ink);
  --blue2: var(--blue-2);
  --shadow: var(--elev-1);
}

* { box-sizing: border-box; }

body {
  direction: rtl;
}

.topbar {
  min-height: 40px;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid var(--line-soft);
  display: flex;
  align-items: center;
  backdrop-filter: blur(8px);
}

.topbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--fs-sm);
  color: var(--muted);
}

.top-actions { display: flex; gap: 1.25rem; align-items: center; }

.price-chip {
  color: var(--blue);
  background: var(--blue-soft);
  padding: 0.4rem 0.85rem;
  border-radius: var(--radius-sm);
  font-weight: 700;
  transition: background var(--dur-fast) var(--ease-out);
}

.price-chip:hover { background: #dce8ff; }

.site-header {
  background: rgba(255, 255, 255, 0.88);
  border-bottom: 1px solid rgba(16, 33, 59, 0.08);
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  transition: box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}

.site-header.is-scrolled,
.main-header.is-scrolled {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--elev-1);
}

.header-main {
  min-height: 82px;
  display: grid;
  grid-template-columns: 230px 1fr 260px;
  gap: 1.5rem;
  align-items: center;
}

.brand { display: flex; align-items: center; gap: 0.85rem; }

.logo-mark {
  width: 45px;
  height: 49px;
  position: relative;
  display: grid;
  place-items: center;
}

.logo-mark:before,
.logo-mark:after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, var(--blue-2), var(--blue));
  border-radius: 2px;
  transform: skew(-7deg);
}

.logo-mark:before {
  width: 10px;
  height: 44px;
  right: 9px;
  top: 2px;
  box-shadow: -13px 8px 0 #244ead, -26px -1px 0 #6388ee;
}

.logo-mark:after {
  width: 8px;
  height: 24px;
  right: 2px;
  bottom: 2px;
  background: var(--navy);
}

.brand-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--ink);
}

.brand-sub {
  font-size: var(--fs-xs);
  color: var(--muted);
  margin-top: 4px;
  line-height: 1.5;
}

.nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  font-size: var(--fs-md);
  font-weight: 500;
}

.nav a { padding: 1.5rem 0; position: relative; }

.nav a.active,
.nav a:hover { color: var(--blue); }

.nav a.active:after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 1rem;
  background: var(--blue);
  border-radius: 10px;
}

.header-search { display: flex; align-items: center; justify-content: flex-end; }

.search-box {
  width: 100%;
  height: var(--tap);
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.85rem;
  color: var(--muted);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}

.search-box:focus-within {
  border-color: rgba(26, 95, 255, 0.45);
  box-shadow: 0 0 0 3px rgba(26, 95, 255, 0.12);
}

.search-box input {
  border: 0;
  outline: 0;
  background: transparent;
  width: 100%;
  font-size: var(--fs-sm);
}

.mobile-toggle {
  display: none;
  border: 1px solid var(--line);
  background: var(--surface);
  width: 42px;
  height: 42px;
  border-radius: var(--radius-sm);
  place-items: center;
  cursor: pointer;
  padding: 0;
}

.mobile-toggle-icon {
  position: relative;
  display: block;
  width: 18px;
  height: 14px;
}

.mobile-toggle-icon span {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 0.22s ease, opacity 0.22s ease, top 0.22s ease;
}

.mobile-toggle-icon span:nth-child(1) { top: 0; }
.mobile-toggle-icon span:nth-child(2) { top: 6px; }
.mobile-toggle-icon span:nth-child(3) { top: 12px; }

.mobile-toggle.is-active .mobile-toggle-icon span:nth-child(1) {
  top: 6px;
  transform: rotate(45deg);
}

.mobile-toggle.is-active .mobile-toggle-icon span:nth-child(2) {
  opacity: 0;
}

.mobile-toggle.is-active .mobile-toggle-icon span:nth-child(3) {
  top: 6px;
  transform: rotate(-45deg);
}

.page-hero {
  padding: var(--space-5) 0 var(--space-4);
  border-bottom: 1px solid var(--line-soft);
  margin-bottom: var(--space-5);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.55), transparent),
    radial-gradient(600px 200px at 100% 0%, rgba(26, 95, 255, 0.06), transparent 60%);
}

.breadcrumb {
  font-size: var(--fs-sm);
  color: var(--muted);
  padding: 1.25rem 0 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  align-items: center;
}

.breadcrumb a { color: var(--ink); transition: color var(--dur-fast) var(--ease-out); }
.breadcrumb a:hover { color: var(--blue); }
.breadcrumb .sep { opacity: 0.45; }

.page-title {
  font-size: clamp(1.6rem, 3vw, var(--fs-3xl));
  line-height: var(--lh-tight);
  margin: 0;
  font-weight: 700;
  letter-spacing: var(--tracking-tight);
  color: var(--ink);
}

.page-subtitle {
  color: var(--muted);
  font-size: var(--fs-base);
  margin: 0.4rem 0 0;
  max-width: 40em;
}

.card {
  background: var(--surface);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  box-shadow: var(--elev-1);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: 0;
  border-radius: var(--radius-sm);
  padding: 0.65rem 1.35rem;
  min-height: var(--tap);
  cursor: pointer;
  font-weight: 700;
  font-size: var(--fs-sm);
  transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}

.btn:hover { transform: translateY(-2px); }

.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--blue-2));
  box-shadow: 0 8px 20px rgba(26, 95, 255, 0.22);
}

.btn-primary:hover { box-shadow: 0 12px 28px rgba(26, 95, 255, 0.28); }

.btn-outline {
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--ink);
}

.tag {
  font-size: var(--fs-xs);
  background: var(--blue-soft);
  color: var(--blue);
  padding: 0.25rem 0.55rem;
  border-radius: 5px;
  font-weight: 700;
}

.icon-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--blue-soft);
  display: grid;
  place-items: center;
  color: var(--blue);
  font-size: 1.1rem;
}

.section { padding: var(--space-section) 0; }

.site-footer {
  margin-top: var(--space-8);
  background: linear-gradient(165deg, var(--navy) 0%, var(--navy-2) 100%);
  color: #fff;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
  gap: 0;
  padding: 2.75rem 0;
}

.footer-col {
  padding: 0 1.75rem;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.footer-col:last-child { border-left: 0; }
.footer-col h4 { font-size: var(--fs-md); margin: 0 0 1rem; font-weight: 700; }
.footer-col p,
.footer-col a { color: #c9d3e6; font-size: var(--fs-sm); }
.footer-links { display: grid; gap: 0.5rem; }

.copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 1rem 0;
  text-align: center;
  color: #ccd4e3;
  font-size: var(--fs-xs);
}

@media (max-width: 1000px) {
  .header-main { grid-template-columns: 210px 1fr 52px; }
  .header-search { display: none; }
  .mobile-toggle { display: grid; }
  .nav { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-col:nth-child(2) { border-left: 0; }
}

@media (max-width: 700px) {
  .topbar { display: none; }
  .header-main { min-height: 70px; grid-template-columns: 1fr 46px; }
  .brand-title { font-size: 1.25rem; }
  .site-header { position: relative; backdrop-filter: none; }
  .section { padding: var(--space-6) 0; }
  .footer-grid { grid-template-columns: 1fr; padding: 1.75rem 0; }
  .footer-col { border: 0; padding: 1rem 0; }
}




/* WP menu resets */
.nav ul, .main-nav ul, .footer-links ul { list-style:none; margin:0; padding:0; display:contents; }
.nav .menu { display:flex; justify-content:center; align-items:center; gap:34px; font-size:14px; font-weight:500; list-style:none; margin:0; padding:0; }
.nav .menu li { margin:0; }
.nav .menu a { padding:28px 0; position:relative; display:block; }
.nav .menu .current-menu-item > a,
.nav .menu a:hover { color:var(--blue); }
.nav .menu .current-menu-item > a:after { content:""; position:absolute; height:2px; left:0; right:0; bottom:16px; background:var(--blue); border-radius:10px; }
.nav.is-open,
.main-nav.is-open {
  display: flex !important;
  position: absolute;
  top: 70px;
  right: 12px;
  left: 12px;
  background: #fff;
  padding: 12px;
  border: 1px solid #e4e9f2;
  border-radius: 12px;
  flex-direction: column;
  gap: 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  z-index: 30;
}
.nav.is-open .menu,
.main-nav.is-open .menu {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100%;
}
.nav.is-open .menu > li,
.main-nav.is-open .menu > li {
  width: 100%;
  margin: 0;
}
.nav.is-open .menu a,
.main-nav.is-open .menu a {
  display: block;
  width: 100%;
  padding: 12px 8px;
  white-space: normal;
  text-align: right;
}
.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal !important; }
.toast{position:fixed;left:20px;bottom:20px;background:#0c2b50;color:#fff;padding:11px 16px;border-radius:9px;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s;z-index:99}
.toast.show{opacity:1;transform:none}
.form-success{color:#198754;font-size:12px;margin-top:10px}
.archive-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.archive-products-grid .post-card img{width:100%;height:160px;object-fit:cover}
@media(max-width:900px){.archive-products-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.archive-products-grid{grid-template-columns:1fr}}


/* --- about.html --- */
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:18px}
.about-photo{overflow:hidden;padding:0}.about-photo img{width:100%;height:340px;object-fit:cover}
.about-copy h1{font-size:33px;margin:0 0 6px}.about-copy .eyebrow{color:#8f98a8;font-size:12px}
.about-copy h3{font-size:16px;color:#3155ac;margin:18px 0 5px}
.about-copy p{font-size:13px;color:#5e697b}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:27px}
.stat{padding:20px;text-align:center}.stat strong{font-size:29px;color:var(--blue);display:block}.stat span{font-size:11px;color:#697386}
.values{padding:27px;margin-top:30px}.values h2{text-align:center;font-size:20px;margin:0 0 25px}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.value{text-align:center;padding:0 24px;border-left:1px solid #edf0f5}.value:last-child{border:0}
.value .icon-circle{margin:0 auto 10px}.value h3{font-size:13px;margin:3px 0}.value p{font-size:11px;color:#7b8494}
.story{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:26px}.story-box{padding:25px}.story-box h2{font-size:18px;margin-top:0}.story-box p{font-size:12px;color:#667185}
@media(max-width:850px){.about-hero,.story{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr 1fr}.value{border:0;padding:16px}}
@media(max-width:500px){.stats,.values-grid{grid-template-columns:1fr}.about-photo img{height:260px}}


/* --- contact.html --- */
.contact-head{margin-bottom:22px}
.contact-main{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}
.contact-info{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:410px}
.map-img{width:100%;height:100%;object-fit:cover;background:#eef2f7}
.info-panel{padding:25px}
.info-panel h2{font-size:18px;margin:0 0 16px}
.contact-list{display:grid;gap:18px}
.contact-item{display:flex;gap:11px;align-items:flex-start}
.contact-item strong{display:block;font-size:12px}.contact-item span{font-size:11px;color:#738096}
.contact-form{padding:1.75rem;box-shadow:var(--elev-1)}.contact-form h2{font-size:var(--fs-xl);margin:0 0 0.35rem;font-weight:700}.contact-form>p{font-size:var(--fs-sm);color:var(--muted);margin:0 0 1.25rem;line-height:1.7}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{display:grid;gap:0.4rem}.field.full{grid-column:1/-1}.field label{font-size:var(--fs-sm);font-weight:700;color:var(--ink)}.req{color:var(--red)}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:0.85rem 0.95rem;outline:0;font-size:var(--fs-base);min-height:var(--tap);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(26,95,255,.45);box-shadow:0 0 0 3px rgba(26,95,255,.12)}
.field textarea{height:140px;resize:vertical;min-height:140px}
.quick-wrap{margin-top:24px;padding:15px 18px}
.quick{display:grid;grid-template-columns:180px repeat(4,1fr);gap:12px;align-items:center}
.quick h3{font-size:13px}.quick-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px;text-align:center;font-size:11px}
.quick-card strong{display:block;font-size:12px}
@media(max-width:900px){.contact-main{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}.quick h3{grid-column:1/-1}.contact-info{min-height:360px}}
@media(max-width:580px){.contact-info{grid-template-columns:1fr}.map-img{height:240px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.quick{grid-template-columns:1fr}}


/* --- product.html --- */
.product-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;margin-top:14px;align-items:start}
.gallery-main{height:390px;padding:16px;display:grid;place-items:center}
.gallery-main img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.thumbs{display:flex;gap:9px;margin-top:10px;justify-content:center}
.thumb{width:66px;height:50px;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#fff;padding:0;cursor:pointer}
.thumb.active{border-color:var(--blue)}
.thumb img{width:100%;height:100%;object-fit:cover}
.product-info{padding:8px 0}
.product-info h1{font-size:31px;margin:2px 0 5px}
.product-info .lead{font-size:13px;color:#687184;max-width:500px}
.info-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.info-badge{padding:0.85rem;border:1px solid var(--line-soft);background:var(--surface);border-radius:var(--radius);display:flex;align-items:center;gap:0.65rem;font-size:var(--fs-sm);box-shadow:var(--elev-1)}
.info-badge strong{display:block;font-size:var(--fs-sm);color:var(--ink)}
.quote-box{padding:1.15rem;background:var(--blue-soft);border:1px solid #dce5ff;border-radius:var(--radius);max-width:370px}
.quote-box h3{margin:0;font-size:14px;color:#1741aa}.quote-box p{font-size:11px;color:#6f7890}
.product-lower{display:grid;grid-template-columns:1fr 260px;gap:24px;margin-top:24px}
.tabs{overflow:hidden}
.tab-head{display:flex;border-bottom:1px solid var(--line)}
.tab-head button{flex:1;border:0;background:#fff;padding:13px;font:inherit;color:#70798c;border-bottom:2px solid transparent}
.tab-head button.active{color:var(--blue);border-bottom-color:var(--blue)}
.spec-table{width:100%;border-collapse:collapse;font-size:12px}
.spec-table td{padding:11px 16px;border-bottom:1px solid #edf0f5}.spec-table td:first-child{font-weight:700;width:35%}
.why{padding:19px}.why h3{margin-top:0;font-size:15px}.why ul{list-style:none;padding:0;margin:0 0 16px}.why li{font-size:12px;margin:9px 0;color:#556176}.why li:before{content:"✓";color:#1ab06d;font-weight:800;margin-left:8px}
.action-btn{width:100%;margin-top:8px}
@media(max-width:900px){.product-layout,.product-lower{grid-template-columns:1fr}.gallery-main{height:330px}}
@media(max-width:560px){.info-badges{grid-template-columns:1fr}.gallery-main{height:260px}.product-info h1{font-size:25px}}


/* --- blog.html --- */
.blog-wrap{display:grid;grid-template-columns:230px 1fr;gap:28px;margin-top:22px}
.blog-sidebar{display:grid;gap:20px;align-content:start}
.side-box{padding:20px}
.side-box h3{font-size:15px;margin:0 0 14px}
.cat-list{display:grid}
.cat-list a{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:10px 0;font-size:12px}
.cat-list a:last-child{border:0}
.newsletter{background:#f3f6ff;border-color:#dce5ff}
.newsletter p{font-size:12px;color:#6f7889}
.newsletter input{width:100%;height:40px;border:1px solid #dce2ec;border-radius:6px;padding:0 12px;margin:6px 0 9px;outline:0}
.blog-content-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;max-width:100%}
.blog-grid > *{min-width:0}
.post-card{overflow:hidden;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);box-shadow:var(--elev-1);border-color:var(--line-soft)}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--elev-2)}
.post-img{width:100%;height:150px;object-fit:cover}
.post-body{padding:14px 15px 16px}
.post-body h2{font-size:14px;line-height:1.9;margin:8px 0 8px;min-height:54px}
.post-meta{display:flex;justify-content:space-between;color:#9aa2af;font-size:10px}
.more{display:inline-block;margin-top:9px;color:var(--blue);font-size:11px;font-weight:700}
.pagination{display:flex;gap:9px;justify-content:center;margin:26px 0}
.pagination a{min-width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:7px;display:grid;place-items:center;font-size:12px}
.pagination a.active{background:var(--blue);color:#fff;border-color:var(--blue)}
@media(max-width:930px){.blog-wrap{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.blog-sidebar{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.post-img{height:190px}}


/* --- single-blog.html --- */
.article-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;margin-top:18px;align-items:start}
.article-sidebar{display:grid;gap:18px;position:sticky;top:140px}
.toc{padding:19px}.toc h3,.share-box h3,.expert-box h3{font-size:14px;margin:0 0 12px}
.toc nav{display:grid;gap:4px}
.toc a{font-size:11px;color:#687387;padding:7px 9px;border-radius:7px;border-right:2px solid transparent}
.toc a:hover{color:var(--blue);background:#f4f7ff;border-right-color:var(--blue)}
.share-box{padding:18px}.share-row{display:flex;gap:8px}
.share-btn{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--blue)}
.expert-box{padding:18px;background:#f3f6ff;border-color:#dce5ff}
.expert-box p{font-size:11px;color:#707b8e}
.article{overflow:hidden}
.article-head{padding:28px 34px 22px}
.article-category{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.article-title{font-size:32px;line-height:1.6;margin:0 0 11px;font-weight:800}
.article-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;color:#8b94a4}
.hero-article{width:100%;height:420px;object-fit:cover}
.article-body{padding:30px 42px 38px;font-size:14px;color:#48556a}
.article-body p{margin:0 0 18px;line-height:2.15}
.article-body h2{font-size:22px;color:#172033;margin:34px 0 12px}
.article-body h3{font-size:17px;color:#22314a;margin:27px 0 9px}
.article-body ul{padding-right:20px;line-height:2.2}
.article-body blockquote{margin:28px 0;padding:19px 23px;background:#f2f6ff;border-right:4px solid var(--blue);border-radius:9px;color:#405174}
.article-body figure{margin:26px 0}.article-body figure img{border-radius:12px;width:100%;max-height:390px;object-fit:cover}
.article-body figcaption{font-size:10px;color:#939cab;margin-top:7px;text-align:center}
.article-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:12px}
.article-table th,.article-table td{border:1px solid #e5eaf2;padding:11px 13px;text-align:right}
.article-table th{background:#f5f7fb;color:#25334d}
.article-author{margin-top:25px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.author-info{display:flex;align-items:center;gap:14px}
.author-avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#dbe5ff,#f5f8ff);display:grid;place-items:center;color:var(--blue);font-size:24px;font-weight:800}
.author-info h3{font-size:14px;margin:0}.author-info p{font-size:11px;color:#788396;margin:3px 0 0}
.related{margin-top:28px}
.related-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.related-head h2{font-size:20px;margin:0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.related-card{overflow:hidden;box-shadow:none}.related-card img{width:100%;height:145px;object-fit:cover}
.related-card .post-body{padding:14px}.related-card h3{font-size:13px;line-height:1.9;margin:7px 0}
@media(max-width:950px){.article-shell{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.toc{grid-column:1/-1}.hero-article{height:360px}}
@media(max-width:650px){.article-sidebar{grid-template-columns:1fr}.toc{grid-column:auto}.article-head,.article-body{padding:20px}.article-title{font-size:25px}.hero-article{height:250px}.related-grid{grid-template-columns:1fr}.article-author{align-items:flex-start}.article-table{font-size:10px}}


/* --- search.html --- */
.search-hero{padding:30px;margin-top:16px;background:linear-gradient(135deg,#f5f8ff,#fff);border-color:#dfe7f7}
.search-hero h1{font-size:29px;margin:0 0 6px}
.search-hero p{font-size:12px;color:#778294;margin:0 0 18px}
.big-search{display:grid;grid-template-columns:1fr 115px;gap:9px;max-width:820px}
.big-search input{height:51px;border:1px solid #dbe2ee;border-radius:9px;padding:0 16px;outline:0;background:#fff}
.search-layout{display:grid;grid-template-columns:230px 1fr;gap:26px;margin-top:25px}
.filter-box{padding:19px;position:sticky;top:140px}
.filter-box h3{font-size:14px;margin:0 0 12px}
.filter-group{border-top:1px solid #edf0f5;padding:13px 0}.filter-group:first-of-type{border-top:0}
.filter-group strong{font-size:11px;display:block;margin-bottom:8px}
.check{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#626e81;padding:5px 0}
.check label{display:flex;gap:7px;align-items:center}.check input{accent-color:var(--blue)}
.result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.result-head h2{font-size:18px;margin:0}.result-count{font-size:11px;color:#8a94a4}
.result-tabs{display:flex;gap:7px;margin-bottom:17px}
.result-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 15px;font-size:11px;cursor:pointer}
.result-tabs button.active{background:#eef4ff;color:var(--blue);border-color:#d5e1ff;font-weight:700}
.results{display:grid;gap:14px}
.search-result{display:grid;grid-template-columns:155px 1fr 115px;gap:18px;align-items:center;padding:13px;box-shadow:none}
.result-img{width:155px;height:110px;border-radius:10px;object-fit:cover;background:#f0f3f7}
.result-info h3{font-size:15px;margin:4px 0}.result-info p{font-size:11px;color:#778294;margin:0;line-height:1.9}
.result-meta{font-size:10px;color:#97a0ae;margin-top:7px;display:flex;gap:12px}
.result-action{text-align:left}.price{font-size:13px;font-weight:800;color:#183976;margin-bottom:7px}.muted-price{font-size:10px;color:#8a94a4}
.empty-state{display:none;padding:55px 20px;text-align:center}.empty-icon{width:84px;height:84px;border-radius:50%;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-size:35px;margin:0 auto 16px}.empty-state h2{font-size:20px}.empty-state p{font-size:12px;color:#7f8999}
@media(max-width:900px){.search-layout{grid-template-columns:1fr}.filter-box{position:static}.search-result{grid-template-columns:130px 1fr}.result-action{grid-column:2;text-align:right}}
@media(max-width:600px){.big-search{grid-template-columns:1fr}.search-result{grid-template-columns:1fr}.result-img{width:100%;height:180px}.result-action{grid-column:auto}.search-hero{padding:20px}}


/* --- 404.html --- */
.error-page{min-height:620px;display:grid;place-items:center;padding:55px 0}
.error-card{width:min(870px,100%);padding:52px 40px;text-align:center;position:relative;overflow:hidden}
.error-card:before,.error-card:after{content:"";position:absolute;border-radius:50%;background:#eef4ff;z-index:0}
.error-card:before{width:220px;height:220px;right:-90px;top:-80px}.error-card:after{width:150px;height:150px;left:-60px;bottom:-60px}
.error-inner{position:relative;z-index:1}
.error-number{font-size:145px;line-height:1;font-weight:800;letter-spacing:-8px;color:#eaf0ff;position:relative;display:inline-block}
.error-number span{color:var(--blue)}
.error-icon{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#2859d8,#5481ef);color:#fff;display:grid;place-items:center;font-size:30px;position:absolute;left:50%;top:50%;transform:translate(-50%,-43%) rotate(-7deg);box-shadow:0 13px 30px rgba(40,89,216,.25)}
.error-card h1{font-size:27px;margin:15px 0 7px}.error-card p{font-size:12px;color:#758092;max-width:520px;margin:0 auto 20px}
.error-search{max-width:590px;margin:0 auto;display:grid;grid-template-columns:1fr 110px;gap:8px}
.error-search input{height:47px;border:1px solid #dce3ee;border-radius:9px;padding:0 14px;outline:0}
.quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:23px}
.quick-links a{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 13px;font-size:11px;color:#4e5d73}
.help-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px;text-align:right}
.help-item{padding:16px;display:flex;gap:12px;align-items:center}.help-item h3{font-size:12px;margin:0}.help-item p{font-size:10px;margin:2px 0 0}
@media(max-width:650px){.error-card{padding:35px 18px}.error-number{font-size:105px}.error-search{grid-template-columns:1fr}.help-strip{grid-template-columns:1fr}.error-page{min-height:540px}}


/* Homepage nav menu (WP) */
body.is-front,
html:has(body.is-front) {
  overflow-x: hidden;
  max-width: 100%;
}
.main-nav .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  font-size: 13px;
  font-weight: 600;
  color: #20314b;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.main-nav .menu a {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  transition: .2s;
}
.main-nav .menu a:hover,
.main-nav .menu .current-menu-item > a { color: var(--blue, #1769ff); }
.footer-col .menu,
.footer-links .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
  font-size: 10.5px;
}
.footer-col .menu a,
.footer-links .menu a { color: inherit; }
body.is-front .site-footer { display: none; }
body.inner-page footer#about { display: none; }

/* Floating quick contact (desktop) */
.hm-float-contact {
  position: fixed;
  inset-inline-end: 1rem;
  bottom: 1.15rem;
  z-index: 1040;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.65rem;
}

.hm-float-contact-panel {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 168px;
  padding: 0.55rem;
  border-radius: 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: var(--elev-3);
}

.hm-float-contact-panel[hidden] {
  display: none !important;
}

.hm-float-contact-item {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.7rem;
  border-radius: 10px;
  color: var(--ink);
  text-decoration: none;
  font-size: var(--fs-sm);
  font-weight: 700;
  background: var(--surface-2);
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}

.hm-float-ico {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  fill: var(--blue);
}

.hm-float-contact-item:hover {
  background: var(--blue-soft);
  color: var(--blue);
}

.hm-float-contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 48px;
  padding: 0.7rem 0.95rem;
  border: 0;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-family: inherit;
  font-size: var(--fs-sm);
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(26, 95, 255, 0.35);
  cursor: pointer;
  transition: transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}

.hm-float-contact-btn:hover {
  background: var(--blue-2);
  transform: translateY(-1px);
}

.hm-float-contact-btn .hm-float-icon-open,
.hm-float-contact-btn .hm-float-icon-close {
  width: 20px;
  height: 20px;
}

.hm-float-contact-btn .hm-float-icon-close {
  display: none;
}

.hm-float-contact.is-open .hm-float-contact-btn .hm-float-icon-open {
  display: none;
}

.hm-float-contact.is-open .hm-float-contact-btn .hm-float-icon-close {
  display: block;
}

/* Mobile sticky tab bar */
.hm-mobile-tabbar {
  display: none;
}

@media (max-width: 768px) {
  .hm-float-contact {
    display: none !important;
  }

  .hm-mobile-tabbar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 1040;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    min-height: 60px;
    padding: 0.35rem 0.25rem calc(0.35rem + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--line);
    box-shadow: 0 -8px 24px rgba(6, 26, 52, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .hm-mobile-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    min-height: 48px;
    padding: 0.25rem 0.2rem;
    color: var(--muted);
    text-decoration: none;
    font-size: 0.7rem;
    font-weight: 700;
    border: 0;
    background: transparent;
    border-radius: 10px;
    font-family: inherit;
    cursor: pointer;
    transition: color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
  }

  .hm-mobile-tab svg {
    width: 22px;
    height: 22px;
  }

  .hm-mobile-tab.is-active,
  .hm-mobile-tab:hover,
  .hm-mobile-tabbar.is-contact-open .hm-mobile-tab-contact {
    color: var(--blue);
    background: var(--blue-soft);
  }

  .hm-mobile-contact-menu {
    position: absolute;
    inset-inline: 0.75rem;
    bottom: calc(100% + 0.55rem);
    display: grid;
    gap: 0.4rem;
    padding: 0.55rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: var(--elev-3);
  }

  .hm-mobile-contact-menu[hidden] {
    display: none !important;
  }

  .hm-mobile-contact-item {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 44px;
    padding: 0.55rem 0.75rem;
    border-radius: 10px;
    color: var(--ink);
    text-decoration: none;
    font-size: var(--fs-sm);
    font-weight: 700;
    background: var(--surface-2);
  }

  .hm-mobile-contact-item svg {
    width: 20px;
    height: 20px;
    color: var(--blue);
    flex-shrink: 0;
  }

  .hm-mobile-contact-item:hover,
  .hm-mobile-contact-item:active {
    background: var(--blue-soft);
    color: var(--blue);
  }

  body {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }
}

@media print {
  .hm-float-contact,
  .hm-mobile-tabbar {
    display: none !important;
  }
}