/*
Theme Name: Boxlite SEO Performance
Theme URI: https://www.boxlite.ir/
Author: Boxlite
Description: قالب سبک و راست‌چین Boxlite با بهینه‌سازی بارگذاری تصاویر و ساختار اولیه سئو.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: boxlite
*/
/* Boxlite lightweight responsive stylesheet */
:root{color-scheme:light;--navy:#101a2c;--blue:#1769aa;--cyan:#20b8c5;--ink:#182235;--muted:#657187;--line:#e4eaf1;--paper:#fff;--soft:#f4f7fb;--radius:18px;--shadow:0 12px 32px rgba(16,26,44,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.9;font-size:16px}img{display:block;max-width:100%;height:auto}a{color:var(--blue);text-decoration:none}a:hover{opacity:.9}button,input{font:inherit}.w{width:min(1160px,calc(100% - 36px));margin-inline:auto}.top{position:sticky;top:0;z-index:20;background:rgba(16,26,44,.97);color:#fff;box-shadow:0 4px 20px #101a2c1c}.top .w{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{font-weight:900;font-size:28px;letter-spacing:-1px;color:#fff}.logo span{color:#21c4d0}.top nav{display:flex;gap:22px;flex-wrap:wrap}.top nav a{color:#e8eef8;font-size:14px}.acts,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:10px 18px;font-weight:700;font-size:14px;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-1px)}.btn.call{background:#fff;color:var(--navy)}.btn.tg{background:#19a9c6;color:#fff}.btn svg{width:18px;height:18px;fill:currentColor}.hero{padding:42px 0 54px;background:radial-gradient(circle at 15% 15%,#e4fbff 0,transparent 34%),linear-gradient(135deg,#f5f8fc,#fff 65%)}.hg{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:46px}.hero-copy{padding-block:18px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#147f91;font-weight:700;font-size:14px}.eyebrow-dot{width:9px;height:9px;background:var(--cyan);border-radius:50%}h1,h2,h3{line-height:1.5;color:var(--navy);margin-top:0}h1{font-size:clamp(30px,4vw,48px);line-height:1.45;margin:14px 0}h2{font-size:clamp(24px,3vw,34px);margin-bottom:8px}h3{font-size:21px;margin-bottom:8px}.hero-copy>p{font-size:18px;color:#4b586c}.hero figure{margin:0;overflow:hidden;border-radius:24px;background:#edf2f7;box-shadow:var(--shadow)}.hero figure img{width:100%;aspect-ratio: .95/1;object-fit:cover}.hero-note{margin:20px 0;color:#536177}.note-icon{color:#e2a52b}.trust{display:flex;gap:12px 24px;flex-wrap:wrap;padding:0;list-style:none;color:#59677b;font-size:13px}.trust li:before{content:'✓';color:#139a8b;font-weight:bold;margin-left:7px}section{padding:56px 0}section:nth-of-type(even){background:var(--soft)}.lead{color:var(--muted);max-width:760px;margin:0 0 28px}.models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.m{display:grid;grid-template-columns:42% 1fr;gap:20px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 4px 16px #101a2c08}.m img{width:100%;height:220px;object-fit:cover;border-radius:12px}.m p,.m li{color:#5d687a;font-size:14px}.m ul{padding-right:20px}.m>a{font-weight:700}.specs{background:var(--navy)!important;color:#eaf1fa}.specs h2,.specs .lead{color:#fff}.sg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sg>div{padding:20px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0a}.sg b,.sg span{display:block}.sg b{color:#42d1d9;margin-bottom:8px}.sg span{font-size:14px;color:#e0e8f3}.tb{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{border-collapse:collapse;width:100%;min-width:680px;text-align:right}th,td{padding:14px 16px;border-bottom:1px solid var(--line)}th{background:#edf4fa;color:var(--navy)}tr:last-child td{border-bottom:0}.g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.g button{border:0;padding:0;cursor:zoom-in;border-radius:14px;overflow:hidden;background:#e9eef5}.g img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .25s}.g button:hover img{transform:scale(1.04)}.st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;counter-reset:step}.st li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.st li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dff8fa;color:#087f8c;font-weight:900;margin-bottom:10px}.st b,.st span{display:block}.st span{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700;color:var(--navy)}details p{color:var(--muted)}.final{background:linear-gradient(120deg,#10213b,#174b71)!important;color:#fff;text-align:center}.final h2,.final p{color:#fff}.final p{max-width:720px;margin:0 auto 22px}.final .row{justify-content:center}.final .btn.call{color:var(--navy)}footer{padding:24px 18px;background:#0b1321;color:#b8c5d7;text-align:center;font-size:13px}footer p{margin:4px}.fab{display:none}dialog#lb{border:0;border-radius:16px;padding:16px;max-width:min(92vw,900px);box-shadow:0 20px 80px #0006}dialog#lb::backdrop{background:#07101dcc}dialog#lb img{max-height:78vh;width:auto;max-width:100%;object-fit:contain}dialog#lb button{margin-top:12px;border:0;border-radius:8px;padding:8px 16px;background:var(--navy);color:#fff}
@media(max-width:900px){.top nav{gap:12px}.hg{gap:24px}.models{grid-template-columns:1fr}.sg{grid-template-columns:repeat(2,minmax(0,1fr))}.g{grid-template-columns:repeat(3,minmax(0,1fr))}.st{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body{font-size:15px}.w{width:min(100% - 28px,560px)}.top{position:relative}.top .w{padding:12px 0;min-height:unset;flex-wrap:wrap;gap:8px}.logo{font-size:24px}.top nav{order:3;width:100%;justify-content:space-between;gap:8px}.top nav a{font-size:12px}.acts .btn{padding:7px 11px}.hg{grid-template-columns:1fr;gap:20px}.hero{padding:24px 0 32px}.hero-copy{padding:0}.hero-copy>p{font-size:16px}.hero figure{order:-1}.hero figure img{aspect-ratio:1.15/1;object-fit:cover}section{padding:38px 0}h1{font-size:30px}.m{grid-template-columns:1fr}.m img{height:auto;aspect-ratio:1.4/1}.sg{grid-template-columns:1fr 1fr}.g{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.st{gap:10px;padding:0}.st li{padding:14px}.fab{position:fixed;z-index:25;bottom:10px;left:12px;right:12px;display:flex;justify-content:center;gap:10px;padding:8px;background:#101a2ce8;backdrop-filter:blur(8px);border-radius:14px}.fab .btn{flex:1}.final{padding-bottom:80px}footer{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}