/* ============================================================
 * alagheza-guides.css — Buying Guides plugin styles
 * Extracted from Final HTML prototypes v8 (hub) + v10 (article)
 * ============================================================ */

/* ─── Guides Hub (Archive) Styles ─────────────────────────── */
.container{width:min(1440px,94%);margin:auto}.mini{font-size:13px;color:var(--muted)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,#e9f4ff 0,#fff 43%),linear-gradient(180deg,#f8fbff 0,#fff 100%);border-bottom:1px solid var(--line)}.hero-wrap{min-height:318px;display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:center;padding:22px 0 28px}.breadcrumb{text-align:center;color:#52709b;font-weight:800;font-size:14px;margin-bottom:10px}.hero h1{text-align:center;margin:0;font-size:48px;line-height:1.1;color:#071b46;font-weight:900}.hero p{text-align:center;max-width:780px;margin:18px auto 10px;color:#18345f;font-size:16px;font-weight:700}.appliances-art{height:260px;position:relative}.device{position:absolute;filter:drop-shadow(0 16px 22px rgba(10,31,68,.16))}.fridge{left:145px;top:0;width:120px;height:230px;border-radius:14px;background:linear-gradient(90deg,#adb5bd,#f8fafc 45%,#7c8796);border:1px solid #ccd5df}.wash{left:265px;top:112px;width:95px;height:104px;border-radius:13px;background:linear-gradient(135deg,#dfe6ef,#8795a5);border:1px solid #cbd5e1}.wash:after{content:"";position:absolute;inset:31px;border-radius:50%;background:radial-gradient(circle,#101827 0 22%,#cbd5e1 23% 47%,#334155 48%)}.tv{left:15px;top:115px;width:150px;height:88px;border-radius:7px;background:linear-gradient(135deg,#182257,#fb3c6c,#22d3ee);border:7px solid #111827}.tv:after{content:"";position:absolute;bottom:-28px;left:50%;width:80px;height:5px;background:#111827;transform:translateX(-50%);box-shadow:0 -12px 0 -2px #111827}.ac{left:250px;top:20px;width:165px;height:48px;border-radius:11px;background:linear-gradient(180deg,#fff,#e5e7eb);border:1px solid #e2e8f0}.chair{left:0;top:80px;width:90px;height:108px;border-radius:26px 26px 16px 16px;background:#9db3ca}.plant{left:110px;top:128px;font-size:64px}.coffee{left:92px;top:164px;font-size:60px}.vacuum{left:70px;top:190px;font-size:52px}.hero .features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.hero .feature{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 22px rgba(10,31,68,.04);text-align:initial;min-height:auto}.hero .feature .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px}.hero .feature b{display:block;font-size:17px;color:#092653}.hero .feature span{display:block;color:#62748d;font-weight:700;font-size:14px}.green{background:#eafaf1;color:#16a34a}.purple{background:#f2ecff;color:#7c3aed}.blue{background:#eaf3ff;color:#1769ff}.orange{background:#fff1e7;color:#f97316}.section{padding:28px 0;margin-top:0}.box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 26px rgba(10,31,68,.04)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px;text-align:center}.section-head.center{justify-content:center}.section-head h2{margin:0;font-size:28px;color:#092653;font-weight:900}.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.cat-card{min-height:182px;border:1px solid var(--line);border-radius:18px;padding:22px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f2f6ff,#fff);box-shadow:0 10px 24px rgba(10,31,68,.04);transition:.2s}.cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 34px rgba(11,31,68,.08)}.cat-card:nth-child(2n){background:linear-gradient(135deg,#f0fbf4,#fff)}.cat-card:nth-child(3n){background:linear-gradient(135deg,#fff7ed,#fff)}.cat-card:nth-child(4n){background:linear-gradient(135deg,#f4f0ff,#fff)}.cat-card h3{margin:0 0 8px;font-size:20px;color:#092653;font-weight:900}.cat-card p{margin:0;color:#50627a;font-weight:700;font-size:14px;max-width:60%}.cat-card small{display:block;margin-top:10px;color:#092653;font-weight:900}.round{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;margin-bottom:12px;background:#eef5ff;color:var(--blue)}.appl{position:absolute;left:18px;bottom:18px;font-size:74px;line-height:1;filter:drop-shadow(0 12px 12px rgba(10,31,68,.12))}.card-btn{display:inline-flex;margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 15px;font-weight:900;color:#092653}.guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.guide-card{display:grid;grid-template-columns:1fr 118px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;box-shadow:0 8px 22px rgba(10,31,68,.035)}.guide-card h3{font-size:17px;margin:0 0 6px;font-weight:900;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-card p{margin:0 0 8px;color:#5f7088;font-weight:700;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read{color:var(--blue);font-weight:900;font-size:14px}.thumb{font-size:70px;text-align:center;line-height:1}.info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.steps{display:grid;gap:12px}.step{display:flex;gap:13px;align-items:flex-start;background:#f8fbff;border:1px solid var(--line);padding:14px;border-radius:14px}.num{min-width:34px;height:34px;border-radius:11px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.faq details{border:1px solid var(--line);border-radius:14px;padding:15px 18px;margin-bottom:10px;background:#fff}.faq summary{cursor:pointer;font-weight:900;color:#092653}.faq p{margin:10px 0 0;color:#5f7088;font-weight:600}.cta{border-radius:24px;background:linear-gradient(135deg,#071b46,#1769ff);color:#fff;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden}.cta h2{margin:0;font-size:30px}.cta p{margin:8px 0 0;color:#dbeafe;font-weight:700}.cta .btn{background:#fff;color:#071b46;border:none}.price-center-card{background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;min-height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.price-center-card .price-icon{width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:30px;box-shadow:0 8px 22px rgba(10,31,68,.06)}.price-center-card h3{margin:0;color:#092653;font-size:22px}.price-center-card p{margin:0 0 6px;color:#50627a;font-weight:700;max-width:390px}.price-center-card .btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}

/* ─── Hub responsive ──────────────────────────────────────── */
@media(max-width:1100px){.hero-wrap{grid-template-columns:1fr}.appliances-art{display:none}.hero .features,.cat-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.guide-card{grid-template-columns:1fr 90px}.thumb{font-size:54px}}
@media(max-width:768px){.hero-wrap{display:flex!important;flex-direction:column!important;gap:8px!important;padding:14px 0 18px!important}.appliances-art{display:block!important;width:420px!important;max-width:100%!important;height:160px!important;margin:0 auto 4px!important;transform:scale(.68)!important;transform-origin:top center!important;overflow:visible!important}.hero h1{font-size:26px!important;margin-top:0!important}.hero p{font-size:13px!important;line-height:1.55!important;margin:8px auto 8px!important;max-width:94%!important}.breadcrumb{font-size:11px!important;margin-bottom:5px!important}.hero .features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}.hero .feature{min-width:0!important;padding:9px 8px!important;border-radius:12px!important;gap:7px!important;align-items:center!important;min-height:auto!important;text-align:initial!important}.hero .feature .ic{width:30px!important;height:30px!important;min-width:30px!important;font-size:15px!important}.hero .feature b{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}.hero .feature span{font-size:10.5px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.cat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.cat-card{min-height:128px!important;padding:11px!important;border-radius:13px!important}.round{width:30px!important;height:30px!important;font-size:15px!important;margin-bottom:6px!important}.cat-card h3{font-size:14px!important;line-height:1.25!important;margin-bottom:4px!important}.cat-card p{font-size:10.5px!important;line-height:1.25!important;max-width:72%!important}.cat-card small{font-size:10px!important;margin-top:4px!important}.appl{font-size:38px!important;left:9px!important;bottom:12px!important}.card-btn{margin-top:7px!important;padding:5px 8px!important;font-size:10.5px!important;border-radius:8px!important}.guide-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:10px!important;padding:2px 2px 10px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.guide-grid::-webkit-scrollbar{height:0!important;display:none!important}.guide-grid .guide-card{flex:0 0 238px!important;width:238px!important;min-height:108px!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:8px!important;padding:12px!important;border-radius:13px!important;scroll-snap-align:start!important}.guide-grid .guide-card h3{display:block!important;font-size:13.5px!important;line-height:1.35!important;min-height:auto!important;margin:0 0 5px!important;overflow:visible!important;white-space:normal!important}.guide-grid .guide-card p{font-size:10.5px!important;line-height:1.35!important;margin:0 0 5px!important;-webkit-line-clamp:2!important}}
@media(max-width:640px){.hero-wrap{padding:18px 0!important;min-height:auto!important}.hero h1{font-size:28px!important;line-height:1.15!important}.hero p{font-size:14px!important;line-height:1.65!important;margin:10px auto 8px!important}.breadcrumb{font-size:12px!important;margin-bottom:7px!important}.hero .features{gap:10px!important;margin-top:16px!important}.hero .feature{padding:11px!important;border-radius:13px!important;gap:10px!important;min-height:auto!important;text-align:initial!important}.hero .feature .ic{width:38px!important;height:38px!important;font-size:18px!important}.hero .feature b{font-size:14px!important}.hero .feature span{font-size:12px!important}.section{padding:18px 0!important}.box{padding:13px!important;border-radius:15px!important}.section-head{margin-bottom:13px!important}.section-head h2{font-size:20px!important}.cat-grid{gap:11px!important}.cat-card{min-height:134px!important;padding:14px!important;border-radius:14px!important}.round{width:34px!important;height:34px!important;font-size:16px!important;margin-bottom:7px!important}.cat-card h3{font-size:16px!important;margin-bottom:4px!important;line-height:1.35!important}.cat-card p{font-size:12px!important;line-height:1.35!important;max-width:64%!important}.cat-card small{font-size:11px!important;margin-top:5px!important}.appl{font-size:48px!important;left:12px!important;bottom:13px!important}.card-btn{margin-top:9px!important;padding:6px 10px!important;font-size:12px!important;border-radius:8px!important}.guide-grid{gap:11px!important}.guide-card{grid-template-columns:minmax(0,1fr) 64px!important;gap:9px!important;padding:12px!important;border-radius:13px!important;min-height:96px!important}.guide-card h3{font-size:14px!important;line-height:1.4!important;margin-bottom:4px!important;-webkit-line-clamp:2!important}.guide-card p{font-size:11px!important;line-height:1.35!important;margin-bottom:4px!important;-webkit-line-clamp:2!important}.guide-card .thumb{font-size:38px!important}.read{font-size:12px!important}.info-grid{gap:12px!important}.step{padding:10px!important;border-radius:11px!important;gap:9px!important}.num{min-width:28px!important;height:28px!important;border-radius:8px!important;font-size:12px!important}.mini{font-size:11px!important}.price-center-card{padding:14px!important;border-radius:13px!important;gap:7px!important}.price-center-card .price-icon{width:44px!important;height:44px!important;font-size:22px!important}.price-center-card h3{font-size:17px!important}.price-center-card p{font-size:12px!important;line-height:1.5!important}.cta{padding:18px!important;border-radius:17px!important}.cta h2{font-size:21px!important}.cta p{font-size:13px!important;line-height:1.5!important}.cta .btn{margin-top:12px!important;padding:9px 12px!important;font-size:13px!important}}

/* ─── Guide Desktop refinement (V5) ───────────────────────── */
@media (min-width:1101px){
.hero-wrap{min-height:286px!important;grid-template-columns:360px 1fr!important;gap:32px!important;padding:18px 0 22px!important}.appliances-art{height:225px!important;transform:scale(.88);transform-origin:center left!important}.hero h1{font-size:42px!important}.hero p{font-size:16px!important;margin-top:14px!important;margin-bottom:10px!important;max-width:720px!important}.breadcrumb{font-size:13px!important;margin-bottom:8px!important}.hero .features{gap:14px!important;margin-top:20px!important}.hero .feature{padding:14px!important;border-radius:14px!important;gap:11px!important;min-height:auto!important}.hero .feature .ic{width:44px!important;height:44px!important;font-size:20px!important}.hero .feature b{font-size:15px!important}.hero .feature span{font-size:13px!important}.section{padding:22px 0!important}.box{padding:20px!important;border-radius:16px!important}.section-head{margin-bottom:16px!important}.section-head h2{font-size:25px!important}.cat-grid{gap:14px!important}.cat-card{min-height:158px!important;padding:18px!important;border-radius:16px!important}.round{width:40px!important;height:40px!important;font-size:19px!important;margin-bottom:9px!important}.cat-card h3{font-size:18px!important;margin-bottom:6px!important}.cat-card p{font-size:13px!important;line-height:1.45!important;max-width:62%!important}.cat-card small{font-size:12px!important;margin-top:8px!important}.appl{font-size:60px!important;left:14px!important;bottom:14px!important}.card-btn{margin-top:12px!important;padding:7px 12px!important;font-size:13px!important;border-radius:9px!important}.guide-grid{gap:14px!important}.guide-card{grid-template-columns:minmax(0,1fr) 88px!important;gap:10px!important;padding:15px!important;border-radius:14px!important}.guide-card h3{font-size:15px!important;line-height:1.45!important;min-height:auto!important}.guide-card p{font-size:12px!important;line-height:1.45!important;margin-bottom:6px!important}.guide-card .thumb{font-size:50px!important}.read{font-size:13px!important}.info-grid{gap:16px!important}.step{padding:12px!important;border-radius:12px!important}.num{min-width:30px!important;height:30px!important;border-radius:9px!important;font-size:13px!important}.price-center-card{padding:18px!important;border-radius:15px!important}.price-center-card .price-icon{width:52px!important;height:52px!important;font-size:25px!important}.price-center-card h3{font-size:19px!important}.price-center-card p{font-size:13px!important}.cta{padding:24px!important;border-radius:20px!important}.cta h2{font-size:26px!important}.cta p{font-size:15px!important}}

/* ─── Single Guide (Article) Styles ───────────────────────── */
.layout{display:grid;grid-template-columns:230px minmax(0,1fr) 360px;gap:20px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:20px}.sticky{position:sticky;top:94px}.crumb{font-size:13px;color:#5a6fa3;font-weight:800;margin:16px 0 16px}.card.hero{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:center;padding:0;overflow:hidden}.hero-art{height:100%;min-height:255px;background:linear-gradient(135deg,#f4f8ff,#fff);display:grid;place-items:center;position:relative;border-left:1px solid var(--line);overflow:hidden}.hero-art .guide-featured-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:block}.washer{width:170px;height:195px;border-radius:22px;background:linear-gradient(145deg,#2a3345,#080b12);box-shadow:0 26px 42px rgba(16,38,84,.22);position:relative}.washer:before{content:"";position:absolute;inset:49px 31px 35px;border-radius:50%;background:radial-gradient(circle,#111927 35%,#263246 36%,#090d16 65%,#475569 66%,#111827 70%);border:8px solid #0f172a}.washer:after{content:"";position:absolute;right:18px;left:18px;top:17px;height:26px;border-radius:6px;background:#0f172a;box-shadow:85px 0 0 #0f172a}.hero-badge{position:absolute;right:18px;top:18px;background:var(--green);color:#fff;border-radius:12px;padding:9px 14px;font-weight:900}.hero-copy{padding:22px}.hero h1{font-size:38px;line-height:1.25;margin:0 0 9px;font-weight:900;letter-spacing:-.5px}.subtitle{font-size:15px;color:#34466d;line-height:1.65;margin:0 0 10px;font-weight:700}.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 8px;color:#32456f;font-weight:800;font-size:11px}.toc h3,.side h3{margin:0 0 12px;font-size:17px;color:var(--blue);font-weight:900}.toc a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #edf2fa;color:#24365f;font-size:14px;font-weight:800}.toc a:last-child{border-bottom:0}.trust li{list-style:none;margin:9px 0;color:#415375;font-size:14px}.trust ul{padding:0;margin:0}.avatar{width:72px;height:72px;border-radius:50%;margin:auto;background:linear-gradient(135deg,#dbeafe,#fff);display:grid;place-items:center;font-size:36px}.guide-reviewer{display:flex;align-items:center;gap:12px;margin:12px 0 0;color:#344054;background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.guide-reviewer .avatar{width:50px;height:50px;margin:0;overflow:hidden;flex:0 0 auto}.guide-reviewer .avatar img{width:100%;height:100%;object-fit:cover}.guide-reviewer strong{display:block;color:#13245a;font-size:14px;font-weight:900}.guide-reviewer span{display:block;color:#667085;font-size:12.5px;line-height:1.55;margin-top:2px;font-weight:700}
.hero-label{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#fff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900;margin-bottom:10px;box-shadow:0 8px 18px rgba(22,163,74,.16)}.section{margin-top:14px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.section h2{margin:0;font-size:24px;font-weight:900;color:#13245a}.section .num{background:var(--green);color:#fff;border-radius:8px;min-width:30px;height:30px;display:grid;place-items:center;font-weight:900}.lead{color:#51617f;margin:0 0 14px;line-height:1.7}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.type-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;min-height:185px;position:relative;overflow:hidden}.type-card.featured{border-color:#22a754;background:linear-gradient(180deg,#f7fff9,#fff)}.tag{position:absolute;top:0;right:20px;background:var(--green);color:#fff;border-radius:0 0 10px 10px;padding:6px 14px;font-size:12px;font-weight:900}.device-icon{width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,#eaf2ff,#fff);display:grid;place-items:center;font-size:42px;margin-bottom:10px}.type-card h3{margin:0 0 8px;font-size:18px}.type-card ul{margin:0;padding-right:18px;color:#394b6e;line-height:1.9;font-size:14px}.capacity{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cap{border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;background:#fff}.cap.active{border-color:#22a754;background:#f7fff9}.cap strong{display:block;font-size:17px}.cap span{display:block;color:#4e5f7f;margin-top:8px;font-size:13px;line-height:1.7}.features-carousel{position:relative;overflow:hidden;margin:0 -4px}.features-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px}.features-track::-webkit-scrollbar{display:none}.features-track .feature{flex:0 0 180px;scroll-snap-align:start;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;text-align:center;min-height:122px;transition:opacity .3s}.features-track .feature b{display:block;font-size:14px;margin:8px 0 5px}.features-track .feature small{color:#62718f;line-height:1.5}.features-track .feature i{font-style:normal;font-size:28px}.features-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.features-dots span{width:8px;height:8px;border-radius:50%;background:#d0d7e2;cursor:pointer;transition:background .3s}.features-dots span.active{background:var(--blue2)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metric{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:18px;padding:17px;position:relative;overflow:hidden;box-shadow:0 10px 25px rgba(16,38,84,.045)}.metric:before{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,var(--green),var(--blue2))}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.metric-title{display:flex;align-items:center;gap:10px}.metric-icon{width:42px;height:42px;border-radius:14px;background:#eef8f1;display:grid;place-items:center;color:var(--green);font-size:21px;flex:0 0 auto}.metric h3{font-size:18px;margin:0;color:#14234b;font-weight:900}.metric-score{font-weight:900;color:var(--green);font-size:14px;background:#ecfdf3;border:1px solid #bdeccf;border-radius:999px;padding:7px 10px;white-space:nowrap}.metric p{font-size:13.5px;color:#5c6987;line-height:1.65;margin:0 0 12px}.eval-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.eval-box{background:#f7faff;border:1px solid #e7eef9;border-radius:12px;padding:10px}.eval-box b{display:block;font-size:12.5px;color:var(--blue);margin-bottom:4px}.eval-box span{display:block;font-size:12px;color:#52627f;line-height:1.45}.bar{height:7px;border-radius:999px;background:#edf2f7;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),#78d39a);border-radius:999px}.method-note{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(90deg,#f0fdf4,#f7fbff);border:1px solid #d7f0df;border-radius:14px;padding:13px 14px;margin-bottom:14px;color:#304466;line-height:1.6;font-size:14px}.method-note b{color:var(--green)}

/* Video guide section */
.video-guide-card{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.video-guide-wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;align-items:stretch}.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#0b43b8,#14234b);box-shadow:0 16px 34px rgba(16,38,84,.14);border:1px solid rgba(11,67,184,.14)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;padding:24px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#0b43b8,#14234b)}.video-placeholder .play{width:68px;height:68px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;margin:0 auto 12px;font-size:28px;box-shadow:0 14px 30px rgba(0,0,0,.20)}.video-placeholder h3{margin:0 0 6px;font-size:21px;font-weight:900}.video-placeholder p{margin:0;color:rgba(255,255,255,.84);line-height:1.7;font-weight:700}.video-guide-info{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:10px}.video-guide-info h3{margin:0;color:#13245a;font-size:19px;font-weight:900}.video-guide-info p{margin:0;color:#52627f;line-height:1.7;font-size:14px}.video-points{display:grid;gap:8px;margin-top:4px}.video-point{display:flex;gap:8px;align-items:flex-start;color:#304466;font-size:13px;font-weight:800}.video-point span{width:24px;height:24px;border-radius:9px;background:#eef8f1;color:var(--green);display:grid;place-items:center;flex:0 0 auto;font-size:13px}

/* Products / sidebar */
.products{display:grid;gap:12px}.product{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.product-img{width:72px;height:72px;border-radius:12px;background:#f5f8fd;display:grid;place-items:center;font-size:38px}.product h4{margin:0 0 4px}.stars{color:var(--gold);font-size:13px}.price{color:var(--green);font-weight:900}.mini-btn{border:1px solid #cdd9ec;border-radius:9px;background:#fff;color:var(--blue);font-weight:900;padding:8px 14px}.cta{background:linear-gradient(135deg,#0b43b8,#16a34a);color:#fff;border:0}.tools{display:grid;gap:12px}.tool{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfdff}.tool b{display:block}.tool small{color:#637391}.share{display:flex;justify-content:center;gap:10px}.share a{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--blue)}

/* Sticky mobile index */
.sticky-mobile{display:none}

/* Product actions */
.product-actions{display:grid;gap:5px;min-width:auto}.product-actions .mini-btn{padding:4px 8px;font-size:11px;white-space:nowrap;line-height:1.2}.product-actions .price-history{background:#f7faff;color:var(--green);border-color:#cfe8d8}

/* ─── Single Guide responsive ─────────────────────────────── */
@media(max-width:1180px){.layout{grid-template-columns:1fr}.left,.side{display:none}.card.hero{grid-template-columns:280px 1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.page{padding:12px 0 24px}.layout{display:flex!important;flex-direction:column!important;gap:12px!important}.main{order:1;width:100%}.left{order:2;width:100%;display:block!important;position:static!important;top:auto!important}.side{order:3;width:100%;display:block!important;position:static!important;top:auto!important}.left .toc{display:none!important}.left .trust{display:block!important;margin-top:0!important}.side .card{display:block!important;margin-top:10px!important}.side .card:first-child{margin-top:0!important}.side h3,.left h3{font-size:17px!important;margin:0 0 10px!important;color:var(--blue)!important;font-weight:900!important}.card.hero{grid-template-columns:1fr}.hero-art{height:100%;min-height:210px;border-left:0;border-bottom:1px solid var(--line)}.hero-copy{padding:18px}.hero h1{font-size:28px}.subtitle{font-size:15px}.types,.capacity{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:1fr}.eval-points{grid-template-columns:1fr 1fr}.product{grid-template-columns:62px 1fr}.product .mini-btn{grid-column:1/-1}.section h2{font-size:21px}.types{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.type-card{min-height:132px!important;padding:11px 9px!important;border-radius:12px!important}.type-card .tag{right:10px!important;font-size:10px!important;padding:4px 8px!important}.type-card .device-icon{width:44px!important;height:44px!important;font-size:25px!important;border-radius:12px!important;margin-bottom:7px!important}.type-card h3{font-size:12.5px!important;line-height:1.3!important;margin-bottom:6px!important}.type-card ul{font-size:10.5px!important;line-height:1.45!important;padding-right:13px!important}.video-guide-wrap{grid-template-columns:1fr}.video-guide-info{padding:13px;border-radius:14px}.video-guide-info h3{font-size:17px}.video-guide-info p,.video-point{font-size:12.5px}.video-frame{border-radius:14px}.video-placeholder{padding:18px}.video-placeholder .play{width:58px;height:58px;font-size:24px}.video-placeholder h3{font-size:17px}.video-placeholder p{font-size:12.5px}.capacity{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.cap{padding:10px 8px!important;border-radius:12px!important;min-height:86px!important}.cap strong{font-size:13px!important}.cap span{font-size:11px!important;line-height:1.45!important;margin-top:5px!important}.products{gap:9px!important}.product{grid-template-columns:58px 1fr!important;gap:9px!important;padding:10px!important;border-radius:12px!important}.product-img{width:56px!important;height:56px!important;font-size:28px!important;border-radius:10px!important}.product h4{font-size:13px!important;margin:0 0 3px!important}.product-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.product .mini-btn,.product-actions .mini-btn{width:100%!important;font-size:11px!important;padding:4px 6px!important}.side .cta{height:38px!important;font-size:12px!important;margin-top:10px!important}.tools{gap:8px!important}.tool{grid-template-columns:34px 1fr auto!important;gap:8px!important;padding:10px!important;border-radius:12px!important}.tool b{font-size:13px!important}.tool small{font-size:11px!important;line-height:1.4!important}.share a{width:32px!important;height:32px!important;font-size:13px!important}.side .products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.side .product{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;text-align:center!important;gap:7px!important;padding:9px 7px!important;border-radius:12px!important}.side .product-img{margin:0 auto!important;width:50px!important;height:50px!important;font-size:25px!important}.side .product h4{font-size:12px!important;line-height:1.25!important;margin:0 0 4px!important;min-height:30px!important}.side .product .stars{font-size:10.5px!important;line-height:1.2!important}.side .product .lead{font-size:10.5px!important;margin:0!important}.side .product .price{font-size:11.5px!important;margin-top:3px!important}.side .product-actions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important}.side .product-actions .mini-btn{font-size:10.5px!important;padding:5px 5px!important;border-radius:8px!important}.sticky-mobile{display:block!important;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:8px 10px 9px;z-index:9999;box-shadow:0 -8px 18px rgba(16,24,40,.08)}.sticky-index-head{font-weight:900;color:var(--blue);font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.sticky-index-head:before{content:"☰";width:22px;height:22px;border-radius:8px;background:#eef6ff;color:var(--blue);display:grid;place-items:center;font-size:12px}.sticky-index-links{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px;-webkit-overflow-scrolling:touch}.sticky-index-links::-webkit-scrollbar{display:none}.sticky-index-links a{flex:0 0 auto;border:1px solid #d7e4f5;background:#f8fbff;color:#17346b;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap;line-height:1}.footer{margin-bottom:96px!important}}
@media(max-width:560px){.hero h1{font-size:24px}.meta-row .pill{font-size:10px;padding:5px 7px}.types,.capacity,.metrics-grid,.features,.eval-points{grid-template-columns:1fr}.metric{padding:13px}.section{margin-top:10px}.pad{padding:15px}.types,.capacity{grid-template-columns:1fr!important}.section h2{font-size:18px}.sticky-index-head{font-size:12px!important;margin-bottom:5px!important}.sticky-index-links a{font-size:11px!important;padding:6px 9px!important}}
@media(max-width:560px){.container{width:min(100% - 10px,640px)}.hero h1{font-size:22px}.hero-art{height:100%;min-height:175px}.hero-copy{padding:13px}.subtitle{font-size:13px}.meta-row{gap:6px}.section{margin-top:9px}.pad{padding:12px}.section h2{font-size:18px}.section-head{gap:8px;margin-bottom:9px}.method-note{font-size:11.8px;line-height:1.45}.metric{padding:12px;border-radius:13px}.metric-top{align-items:flex-start}.metric h3{font-size:14.5px}.eval-box{padding:8px}.types,.capacity,.metrics-grid,.eval-points{gap:9px}.washer{transform:scale(.78)}.product-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.product-actions .mini-btn{width:100%}.sticky-mobile .sticky-index-head{font-size:12px!important}.sticky-mobile .sticky-index-links a{font-size:10.5px!important;padding:5px 8px!important}.side .products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.types{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ─── Categories collapse/expand ─────────────────────────── */