.page-hero{padding:65px 0 48px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--paper),#edf2ff)}.page-hero-grid{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:end}.page-hero h1{font-size:clamp(40px,5vw,68px);margin:0 0 15px}.page-hero p{color:var(--muted);max-width:700px}.crumbs{font-size:10px;font-weight:900;color:var(--muted);margin-bottom:25px}.crumbs a{color:var(--blue)}.hero-stat-card{border:1px solid var(--ink);padding:22px;background:#fff;box-shadow:8px 8px 0 var(--coral)}.hero-stat-card>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.hero-stat-card>div:last-child{border:0}.hero-stat-card span{font-size:11px;color:var(--muted)}.hero-stat-card strong{font-size:12px}.filter-shell{padding:30px 0 15px}.filter-form{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:8px;border:1px solid var(--line);padding:10px;background:#fff}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;font-weight:900;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 13px;outline:none;min-height:47px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,58,143,.1)}textarea{resize:vertical;min-height:120px}.field-search{position:relative}.field-search input{padding-right:40px}.field-search:before{content:"⌕";position:absolute;right:14px;bottom:8px;font-size:24px;color:var(--blue)}.catalog-section{padding:35px 0 100px}.catalog-meta{display:flex;justify-content:space-between;margin-bottom:22px;font-size:12px;color:var(--muted)}.catalog-section .product-grid{grid-template-columns:repeat(3,1fr)}.empty-state{border:1px dashed var(--line);padding:60px;text-align:center;background:#fff}.empty-state b{display:block;font-size:28px}.pagination{margin-top:35px}.category-banner{position:relative;height:390px;overflow:hidden;background:var(--blue)}.category-banner img{height:100%;object-fit:cover;opacity:.62}.category-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,36,95,.1),rgba(12,36,95,.9))}.category-banner-content{position:absolute;z-index:2;inset:0;color:#fff;display:flex;align-items:center}.category-banner-content>div{max-width:600px}.category-banner .eyebrow{color:var(--mint)}.category-banner h1{font-size:62px;margin:10px 0}.criteria-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.criteria-row span{border:1px solid rgba(255,255,255,.4);padding:7px 11px;font-size:10px}
.product-detail{padding:55px 0}.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px}.detail-media{position:sticky;top:110px;height:max-content}.detail-media img{aspect-ratio:1.2;object-fit:cover}.detail-media:after{content:"مختبر فاصِل";position:absolute;right:13px;bottom:13px;background:var(--blue);color:#fff;padding:6px 10px;font-size:9px}.detail-title h1{font-size:48px;margin-bottom:12px}.brand-line{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.score-ribbon{display:grid;grid-template-columns:145px 1fr;margin:25px 0;border-block:1px solid var(--line);padding:18px 0}.big-score{font-size:54px;color:var(--blue);font-weight:950;line-height:1;border-left:1px solid var(--line)}.big-score small{font-size:13px}.score-ribbon>div:last-child{padding-right:20px}.score-ribbon p{margin:0;color:var(--muted);font-size:12px}.price-action{background:#eee8dc;padding:18px;display:flex;align-items:center;justify-content:space-between}.price-action strong{font-size:24px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.pros-cons{border:1px solid var(--line);padding:18px}.pros-cons h3{font-size:14px}.pros-cons ul{list-style:none;padding:0;margin:0;font-size:12px}.pros-cons li{padding:5px 18px 5px 0;position:relative}.pros li:before{content:"+";position:absolute;right:0;color:#16836f;font-weight:900}.cons li:before{content:"–";position:absolute;right:0;color:var(--coral);font-weight:900}.detail-section{padding:40px 0;border-top:1px solid var(--line)}.detail-section h2{font-size:32px}.scorecard{display:grid;gap:12px}.score-line{display:grid;grid-template-columns:150px 1fr 45px;align-items:center;gap:12px;font-size:12px}.score-line i{height:9px;background:#ded8cc;display:block}.score-line i:after{content:"";display:block;width:calc(var(--score) * 10%);height:100%;background:var(--blue)}.score-line b{text-align:left}.spec-table,.offers-table{width:100%;border-collapse:collapse;background:#fff}.spec-table th,.spec-table td,.offers-table th,.offers-table td{border:1px solid var(--line);padding:13px;text-align:right;font-size:12px}.spec-table th{width:32%;background:#eee8dc}.verified-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1da58c;margin-left:7px}.lab-tests{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lab-test{border:1px solid var(--ink);padding:19px;position:relative}.lab-test>span{font-size:10px;color:var(--muted)}.lab-test strong{display:block;font-size:25px;color:var(--blue)}.lab-test p{font-size:11px;color:var(--muted)}.lab-test em{font-style:normal;font-size:9px;background:var(--mint);padding:3px 7px}.offers-table a{color:var(--blue);font-weight:900}
.compare-page{padding:55px 0 110px}.compare-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.compare-controls{border:1px solid var(--ink);background:#fff;padding:18px;margin-bottom:22px}.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.range-field{font-size:10px;font-weight:900}.range-field input{padding:0;border:0;min-height:30px;accent-color:var(--coral)}.compare-table-wrap{overflow:auto;border:1px solid var(--ink);box-shadow:10px 10px 0 #dfe5f3;background:#fff}.compare-table{border-collapse:collapse;min-width:850px;width:100%;table-layout:fixed}.compare-table th,.compare-table td{border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;vertical-align:middle;text-align:center;font-size:12px}.compare-table th:first-child,.compare-table td:first-child{position:sticky;right:0;z-index:3;background:#f1ebdf;width:185px;text-align:right}.compare-product-head img{height:120px;object-fit:cover;margin-bottom:10px}.compare-product-head strong{display:block;font-size:14px}.compare-product-head small{color:var(--muted)}.winner-head{background:#edfdf8!important;position:relative}.winner-head:before{content:"اختيارك الأفضل";position:absolute;top:0;right:0;left:0;background:var(--mint);font-size:8px;font-weight:900}.cell-best{background:#edfbf7;color:#086b5a;font-weight:900}.result-rank{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.rank-card{padding:15px;background:#eee8dc;border-top:5px solid var(--line)}.rank-card:first-child{border-color:var(--coral)}.rank-card span{font-size:9px}.rank-card strong{display:block}.rank-card b{font-size:25px;color:var(--blue)}.compare-empty{padding:55px 0}.picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.picker-card{border:1px solid var(--line);background:#fff;padding:10px;display:grid;grid-template-columns:90px 1fr;gap:13px;align-items:center}.picker-card img{height:82px;object-fit:cover}.picker-card h3{font-size:13px;margin:0}.picker-card p{font-size:9px;color:var(--muted);margin:5px 0}
.finder{padding:65px 0 100px}.finder-grid{display:grid;grid-template-columns:360px 1fr;gap:55px}.finder-panel{border:1px solid var(--ink);padding:22px;background:#fff;box-shadow:9px 9px 0 var(--coral);height:max-content;position:sticky;top:110px}.finder-panel h2{font-size:25px}.finder-panel .field{margin:13px 0}.finder-results{min-height:400px}.finder-result{display:grid;grid-template-columns:70px 170px 1fr 100px;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.finder-result>span{font-size:35px;font-weight:900;color:#c9c1b2}.finder-result img{height:110px;object-fit:cover}.finder-result h3{font-size:19px;margin-bottom:4px}.finder-result p{font-size:11px;color:var(--muted)}.finder-result>b{font-size:27px;color:var(--blue)}
.guides-page{padding:60px 0 100px}.guides-page .guides-stack{margin-top:25px}.guide-hero{padding:55px 0}.guide-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.guide-hero img{height:420px;object-fit:cover;box-shadow:13px 13px 0 var(--blue)}.guide-hero h1{font-size:52px}.guide-facts{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:18px}.guide-facts strong{display:block;font-size:20px}.guide-facts span{font-size:9px;color:var(--muted)}.guide-body{padding:30px 0 90px}.editorial-copy{max-width:790px;font-size:17px;color:#3f4656}.method-box{background:var(--blue2);color:#fff;padding:28px;margin:35px 0}.method-box .eyebrow{color:var(--mint)}.ranking-list{margin-top:35px}.ranking-item{display:grid;grid-template-columns:70px 210px 1fr 150px;gap:25px;align-items:center;border-top:1px solid var(--ink);padding:25px 0}.ranking-item>span{font-size:46px;font-weight:950;color:var(--coral)}.ranking-item img{height:145px;object-fit:cover}.ranking-item h3{font-size:23px;margin-bottom:8px}.ranking-item p{font-size:12px;color:var(--muted)}.ranking-score{text-align:center;border:1px solid var(--blue);padding:15px}.ranking-score b{font-size:28px;color:var(--blue);display:block}.feedback-box{border:1px solid var(--line);padding:25px;margin-top:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.feedback-box form{display:flex;gap:8px}.feedback-box button{border:1px solid var(--ink);background:#fff;padding:8px 14px}
.prices-grid{display:grid;gap:15px}.price-product{border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:160px 230px 1fr;gap:22px;padding:15px;align-items:center}.price-product img{height:110px;object-fit:cover}.price-product h3{font-size:17px;margin-bottom:4px}.offer-mini{display:grid;grid-template-columns:1fr 100px 80px;gap:10px;padding:7px;border-bottom:1px solid var(--line);font-size:10px}.offer-mini:last-child{border:0}.correction-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.correction-info{background:var(--blue2);color:#fff;padding:30px;height:max-content}.correction-info .eyebrow{color:var(--mint)}.correction-info ol{padding-right:18px;font-size:12px}.form-card{background:#fff;border:1px solid var(--line);padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.static-page{padding:70px 0 110px}.static-grid{display:grid;grid-template-columns:250px 1fr;gap:70px}.static-aside{border-top:4px solid var(--coral);padding-top:15px;font-size:11px;color:var(--muted)}.static-copy{max-width:800px}.static-copy h1{font-size:55px}.static-copy h2{font-size:27px;margin-top:45px}.static-copy p,.static-copy li{color:#505668}.static-copy blockquote{margin:35px 0;background:#e9effd;border-right:6px solid var(--blue);padding:25px;font-size:20px;font-weight:800}
.compare-tray{position:fixed;right:50%;transform:translate(50%,130%);bottom:16px;width:min(920px,calc(100% - 24px));z-index:100;background:var(--ink);color:#fff;padding:12px 15px;display:grid;grid-template-columns:150px 1fr 140px 50px;align-items:center;gap:13px;box-shadow:0 15px 45px rgba(0,0,0,.35);transition:.35s}.compare-tray.show{transform:translate(50%,0)}.compare-tray .eyebrow{color:var(--mint);margin:0}.compare-tray strong{font-size:11px}.tray-items{display:flex;gap:7px;overflow:hidden}.tray-item{background:#343b4d;padding:7px 9px;font-size:10px;display:flex;gap:7px;align-items:center;white-space:nowrap}.tray-item button{border:0;background:none;color:var(--coral);padding:0}.tray-clear{border:0;background:none;color:#aaa;font-size:9px}
