.blog-header-section{padding:var(--space-20) 0;background:var(--bg-secondary)}.blog-hero-grid{--hero-gap:var(--space-6);display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:var(--hero-gap);min-height:550px;margin-top:var(--space-8)}@media (max-width:1024px){.blog-hero-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto}}.hero-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform var(--transition-base) var(--ease-in-out)}.hero-card:hover{transform:scale(1.01)}.hero-card-large{grid-row: 1 / -1;grid-column:1}.hero-card-stack{display:contents}.hero-card-small{min-height:250px}@media (max-width:1024px){.hero-card-large{grid-row:auto;grid-column:auto;min-height:350px}.blog-hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.hero-card-large{grid-column: 1 / -1}}@media (max-width:600px){.blog-hero-grid{grid-template-columns:1fr;grid-template-rows:auto}.hero-card-small{min-height:220px}}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow) var(--ease-out);z-index:-1}.hero-card:hover .hero-bg-image{transform:scale(1.05)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1) 100%);z-index:0}.hero-content{position:relative;z-index:1;padding:var(--space-6);color:var(--color-white)}.hero-card-large .hero-content{padding:var(--space-8)}@media (max-width:768px){.hero-content{padding:var(--space-5)}.hero-card-large .hero-content{padding:var(--space-6)}}.hero-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-blue-primary);color:var(--color-white);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.hero-card-large .hero-title{font-size:var(--text-3xl);font-weight:800;line-height:1.15;margin-bottom:var(--space-3);text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (min-width:1024px){.hero-card-large .hero-title{font-size:var(--text-4xl)}}.hero-card-small .hero-title{font-size:var(--text-lg);font-weight:700;line-height:1.25;margin-bottom:var(--space-2)}.hero-meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);opacity:.85;font-family: var(--font-mono);text-transform:uppercase;letter-spacing:.03em}.blog-section{padding:var(--space-16) 0;background:var(--bg-primary)}.blog-grid-wrapper{max-width:1200px;margin:0 auto}.blog-grid-centered{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width:1024px){.blog-grid-centered{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (max-width:640px){.blog-grid-wrapper{max-width:480px}.blog-grid-centered{grid-template-columns:1fr;gap:var(--space-6)}}.article-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-base) var(--ease-in-out);height:100%}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-blue-primary)}.article-thumb{position:relative;padding-top:56.25%;overflow:hidden;background:var(--bg-tertiary)}.article-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow) var(--ease-out)}.article-card:hover .article-thumb img{transform:scale(1.05)}.article-body{padding:var(--space-5);display:flex;flex-direction:column;flex-grow:1}.article-category{font-size:var(--text-xs);color:var(--color-blue-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.article-title{font-size:var(--text-lg);font-weight:700;line-height:1.3;margin-bottom:var(--space-2);color:var(--text-primary)}.article-excerpt{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4);flex-grow:1}.article-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--border-color);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:auto}.review-header{background:var(--color-black);color:var(--color-white);padding:var(--space-16) 0;min-height:400px;display:flex;align-items:center;position:relative;overflow:hidden}.review-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.35;object-fit:cover}.review-header-content{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto;width:100%}.review-title{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-4);text-shadow:0 2px 10px rgba(0,0,0,.5)}@media (max-width:768px){.review-title{font-size:var(--text-3xl)}}.review-meta-large{display:flex;justify-content:center;gap:var(--space-6);font-size:var(--text-sm);font-family: var(--font-mono);color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.05em}@media (max-width:480px){.review-meta-large{flex-direction:column;gap:var(--space-2)}}.review-layout{max-width:680px;margin:0 auto;padding:var(--space-12) 0}@media (max-width:768px){.review-layout{padding:var(--space-8) 0}}.toc-box{background:var(--color-white);border:2px solid var(--border-color);margin-bottom:var(--space-8);overflow:hidden}.toc-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);cursor:pointer;background:var(--bg-secondary);transition:background var(--transition-fast)}.toc-header:hover{background:var(--bg-tertiary)}.toc-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0;padding:0;border:none;color:var(--text-primary)}.toc-icon{transition:transform var(--transition-base);font-size:20px;color:var(--text-tertiary)}.toc-box.active .toc-icon{transform:rotate(180deg)}.toc-content{max-height:0;overflow:hidden;transition:max-height var(--transition-base) var(--ease-in-out)}.toc-box.active .toc-content{max-height:500px}.toc-list{list-style:none;padding:var(--space-4) var(--space-5);margin:0}.toc-list li{margin-bottom:var(--space-2)}.toc-list li:last-child{margin-bottom:0}.toc-list a{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);display:block;padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.toc-list li:last-child a{border-bottom:none}.toc-list a:hover{color:var(--color-blue-primary);padding-left:var(--space-2)}.product-summary-card{background:var(--bg-secondary);border:2px solid var(--color-blue-primary);padding:var(--space-6);margin-bottom:var(--space-8);text-align:center}.summary-image{width:100%;max-width:160px;margin:0 auto var(--space-4);display:block}.summary-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-1);color:var(--text-primary)}.summary-price{font-size:var(--text-xl);font-weight:900;color:var(--color-blue-primary);margin-bottom:var(--space-3);font-family: var(--font-mono)}.btn-buy{display:inline-flex;align-items:center;justify-content:center;background:var(--color-blue-primary);color:var(--color-white);width:100%;border:2px solid var(--color-blue-primary);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base) var(--ease-in-out);text-decoration:none}.btn-buy:hover{background:var(--color-blue-secondary);border-color:var(--color-blue-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pros-cons-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-8) 0}@media (max-width:600px){.pros-cons-container{grid-template-columns:1fr}}.pros-box,.cons-box{padding:var(--space-6);border-radius:0}.pros-box{background:rgba(76,175,80,.05);border:1px solid #4caf50}.cons-box{background:rgba(244,67,54,.05);border:1px solid #f44336}.pros-title,.cons-title{font-weight:700;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.pros-title .material-icons,.cons-title .material-icons{font-size:20px;line-height:1}.pros-title{color:#2e7d32}.cons-title{color:#c62828}.pc-list{list-style:none}.pc-list li{position:relative;padding-left:24px;margin-bottom:var(--space-2);font-size:var(--text-sm)}.pc-list li::before{font-family:'Material Icons Outlined';position:absolute;left:0}.pros-box .pc-list li::before{content:'check_circle';color:#4caf50}.cons-box .pc-list li::before{content:'cancel';color:#f44336}.review-content{font-size:var(--text-base);line-height:1.8;color:var(--text-secondary)}.review-content .lead{font-size:var(--text-lg);line-height:1.7;color:var(--text-primary);border-left:3px solid var(--color-blue-primary);padding-left:var(--space-4);margin-bottom:var(--space-8)}.review-content h2{margin-top:var(--space-10);margin-bottom:var(--space-4);font-size:var(--text-2xl);color:var(--text-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-color)}.review-content h2:first-of-type{margin-top:0}.review-content h3{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-xl);color:var(--text-primary)}.review-content p{margin-bottom:var(--space-5)}.specs-table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.specs-table th,.specs-table td{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);text-align:left}.specs-table th{background:var(--bg-secondary);font-weight:700;width:35%;color:var(--text-primary)}.specs-table td{color:var(--text-secondary)}.specs-table tr:hover td{background:var(--bg-secondary)}.verdict-box{background:var(--color-black);color:var(--color-white);padding:var(--space-8);margin-top:var(--space-10);text-align:center}.verdict-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-blue-primary);margin-bottom:var(--space-2)}.verdict-score{font-size:var(--text-5xl);font-weight:900;color:var(--color-white);line-height:1;margin-bottom:var(--space-6);font-family: var(--font-mono)}.rating-bars{max-width:320px;margin:0 auto var(--space-6) auto;text-align:left}.rating-row{margin-bottom:var(--space-3)}.rating-name{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:600;margin-bottom:4px;color:rgba(255,255,255,.8)}.bar-bg{height:6px;background:rgba(255,255,255,.2);overflow:hidden}.bar-fill{height:100%;background:var(--color-blue-primary)}.verdict-box p{color:rgba(255,255,255,.8);font-size:var(--text-sm);max-width:480px;margin:0 auto var(--space-6) auto;line-height:1.6}.verdict-box .btn{margin-top:var(--space-2)}.blog-read-more{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-blue-primary);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.blog-read-more:hover{gap:var(--space-2);color:var(--color-blue-secondary)}.blog-read-more .material-icons-outlined{font-size:16px}.category-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.filter-btn{padding:var(--space-2) var(--space-4);background:transparent;border:2px solid var(--border-color);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.filter-btn:hover{border-color:var(--color-blue-primary);color:var(--color-blue-primary)}.filter-btn.active{background:var(--color-blue-primary);border-color:var(--color-blue-primary);color:var(--color-white)}.pagination{display:flex;justify-content:center;gap:var(--space-2)}.page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-weight:600}.page-btn:hover:not(:disabled) {border-color:var(--color-blue-primary);color:var(--color-blue-primary)}.page-btn.active{background:var(--color-blue-primary);border-color:var(--color-blue-primary);color:var(--color-white)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.back-to-blog{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;text-decoration:none;margin-bottom:var(--space-6);transition:color var(--transition-fast)}.back-to-blog:hover{color:var(--color-blue-primary)}.back-to-blog .material-icons-outlined{font-size:18px}.article-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.article-title a:hover{color:var(--color-blue-primary)}.blog-section-title{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:3px solid var(--color-blue-primary);display:inline-block}.blog-promo-banner{padding:var(--space-12) 0;background:var(--bg-secondary)}.promo-banner-link{display:block;overflow:hidden;transition:transform var(--transition-base) var(--ease-in-out)}.promo-banner-link:hover{transform:scale(1.01)}.promo-banner-image{width:100%;height:auto;display:block}.blog-with-sidebar{display:grid;grid-template-columns:1fr 380px;gap:var(--space-12);align-items:start}@media (max-width:1024px){.blog-with-sidebar{grid-template-columns:1fr;gap:var(--space-10)}}.blog-main-content{min-width:0}.article-list-item{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.article-list-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media (max-width:768px){.article-list-item{grid-template-columns:1fr;gap:var(--space-4)}}.article-list-thumb{position:relative;aspect-ratio: 4/3;overflow:hidden;display:block}.article-list-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow) var(--ease-out)}.article-list-item:hover .article-list-thumb img{transform:scale(1.05)}.article-list-body{display:flex;flex-direction:column;justify-content:center}.article-list-body .article-category{display:inline-block;margin-right:var(--space-3)}.article-read-time{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);font-family: var(--font-mono)}.article-read-time .material-icons-outlined{font-size:14px}.article-list-body .article-title{font-size:var(--text-xl);margin-top:var(--space-2);margin-bottom:var(--space-3)}.article-list-body .article-excerpt{margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-sidebar{position:sticky;top:var(--space-8)}.sidebar-widget{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--space-6)}.sidebar-title{font-size:var(--text-lg);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-blue-primary)}.sidebar-post{display:grid;grid-template-columns:100px 1fr;gap:var(--space-4);text-decoration:none;padding:var(--space-4) 0;border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.sidebar-post:first-of-type{padding-top:0}.sidebar-post:last-child{border-bottom:none;padding-bottom:0}.sidebar-post:hover{background:var(--color-white);margin-left: calc(var(--space-3) * -1);margin-right: calc(var(--space-3) * -1);padding-left:var(--space-3);padding-right:var(--space-3)}.sidebar-post-thumb{aspect-ratio: 4/3;overflow:hidden}.sidebar-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base) var(--ease-out)}.sidebar-post:hover .sidebar-post-thumb img{transform:scale(1.05)}.sidebar-post-content{display:flex;flex-direction:column;justify-content:center;min-width:0}.sidebar-post-category{font-size:var(--text-xs);font-weight:700;color:var(--color-blue-primary);text-transform:uppercase;letter-spacing:.05em}.sidebar-post-time{font-size:11px;color:var(--text-tertiary);font-family: var(--font-mono);margin-top:2px}.sidebar-post-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.4;margin-top:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-post:hover .sidebar-post-title{color:var(--color-blue-primary)}.blog-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:10}.blog-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.blog-loading-spinner .material-icons{font-size:32px;color:var(--color-blue-primary)}.blog-loading-spinner .spinning{animation:spin 1s linear infinite}@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}body.single-article .shop-header,body.single-article .shop-header.scrolled{position:relative;box-shadow:none}body.single-article .main-nav{position:relative}.article-section{padding:var(--space-8) 0 var(--space-16);background:var(--bg-primary)}.breadcrumb{margin-bottom:var(--space-6)}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;font-size:var(--text-sm);color:var(--text-tertiary)}.breadcrumb-list li{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-list li:not(:last-child)::after {content:'/';color:var(--text-tertiary);opacity:.5}.breadcrumb-list a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-list a:hover{color:var(--color-blue-primary)}.breadcrumb-list li:last-child span{color:var(--text-primary);font-weight:500}.article-header{max-width:900px;margin-bottom:var(--space-8)}.article-category-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-blue-primary);color:var(--color-white);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.article-main-title{font-size:var(--text-4xl);font-weight:800;line-height:1.15;color:var(--text-primary);margin-bottom:var(--space-6)}@media (max-width:768px){.article-main-title{font-size:var(--text-3xl)}}.article-meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4)}.article-author{display:flex;align-items:center;gap:var(--space-3)}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700;color:var(--text-primary);font-size:var(--text-sm)}.author-role{font-size:var(--text-xs);color:var(--text-tertiary)}.article-meta-details{display:flex;flex-wrap:wrap;gap:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.meta-item .material-icons-outlined{font-size:16px;color:var(--text-tertiary)}.share-bar{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4)}.share-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.share-buttons{display:flex;align-items:center;gap:var(--space-2)}.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);background:var(--color-white);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.share-btn:hover{border-color:var(--color-blue-primary);color:var(--color-blue-primary)}.share-btn .material-icons-outlined{font-size:18px}.share-facebook:hover{background:#1877f2;border-color:#1877f2;color:var(--color-white)}.share-whatsapp:hover{background:#25d366;border-color:#25d366;color:var(--color-white)}.share-email:hover{background:var(--color-blue-primary);border-color:var(--color-blue-primary);color:var(--color-white)}.share-more-wrapper{position:relative}.share-dropdown{position:absolute;top: calc(100% + var(--space-2));right:0;background:var(--color-white);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);min-width:180px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.share-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.share-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border:none;background:none;width:100%;cursor:pointer;transition:all var(--transition-fast)}.share-dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.share-dropdown-item .material-icons-outlined{font-size:16px}.article-featured-image{margin:0 0 var(--space-10)}.article-featured-image img{width:100%;height:auto;display:block}.article-featured-image figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.article-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-12);align-items:start}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{order:-1}}.article-content{min-width:0}.article-content .lead{font-size:var(--text-lg);line-height:1.7;color:var(--text-primary);border-left:3px solid var(--color-blue-primary);padding-left:var(--space-4);margin-bottom:var(--space-8)}.article-content h2{margin-top:var(--space-10);margin-bottom:var(--space-4);font-size:var(--text-2xl);color:var(--text-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-color)}.article-content h2:first-of-type{margin-top:0}.article-content h3{margin-top:var(--space-8);margin-bottom:var(--space-3);font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.article-content h4{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.article-content h5{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}.article-content h6{margin-top:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.article-content p{margin-bottom:var(--space-5);font-size:var(--text-base);line-height:1.8;color:var(--text-secondary)}.article-sidebar{position:sticky;top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);max-height:calc(100vh - var(--space-12));overflow-y:auto}.article-sidebar::-webkit-scrollbar{width:0;background:transparent}.article-sidebar{scrollbar-width:none;-ms-overflow-style:none}@media (max-width:1024px){.article-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.article-sidebar .sidebar-widget{flex:1;min-width:280px}}.sidebar-toc .toc-nav{list-style:none}.sidebar-toc .toc-nav li{margin-bottom:var(--space-1)}.toc-link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-left:2px solid transparent;transition:all var(--transition-fast)}.toc-link:hover{color:var(--color-blue-primary);background:var(--bg-secondary)}.toc-link.active{color:var(--color-blue-primary);border-left-color:var(--color-blue-primary);background:rgba(35,154,215,.05);font-weight:600}.sidebar-product{text-align:center;background:var(--color-white);border:2px solid var(--color-blue-primary)}.sidebar-product-image{padding:var(--space-4);background:var(--bg-secondary)}.sidebar-product-image img{max-width:150px;height:auto;margin:0 auto}.sidebar-product-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-top:var(--space-4)}.sidebar-product-price{font-size:var(--text-xl);font-weight:900;color:var(--color-blue-primary);font-family: var(--font-mono);margin:var(--space-2) 0}.sidebar-product-info{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.content-image{margin:var(--space-8) 0}.content-image img{width:100%;height:auto;display:block}.content-image figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.content-box{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);margin:var(--space-6) 0;border-left:4px solid}.content-box-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.content-box-icon .material-icons-outlined{font-size:24px;line-height:1}.content-box-content{flex:1;min-width:0}.content-box-content p{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);margin:0}.content-box-content p:not(:last-child) {margin-bottom:var(--space-2)}.content-box-content strong{color:var(--text-primary)}.content-box-info{background:rgba(35,154,215,.08);border-color:var(--color-blue-primary)}.content-box-info .content-box-icon{color:var(--color-blue-primary)}.content-box-warning{background:rgba(255,152,0,.08);border-color:#ff9800}.content-box-warning .content-box-icon{color:#ff9800}.content-box-success{background:rgba(76,175,80,.08);border-color:#4caf50}.content-box-success .content-box-icon{color:#4caf50}.content-gallery-thumbs{margin:var(--space-8) 0}.gallery-main{position:relative;cursor:pointer;overflow:hidden}.gallery-main-image{width:100%;height:auto;display:block;transition:transform var(--transition-slow)}.gallery-main:hover .gallery-main-image{transform:scale(1.02)}.gallery-expand-btn{position:absolute;top:var(--space-3);right:var(--space-3);width:44px;height:44px;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.gallery-main:hover .gallery-expand-btn{opacity:1}.gallery-expand-btn:hover{background:var(--color-blue-primary);transform:scale(1.1)}.gallery-expand-btn .material-icons{font-size:24px}.gallery-caption{padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.gallery-thumbnails{display:flex;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.gallery-thumb{flex:0 0 auto;width:80px;height:60px;padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.6;transition:all var(--transition-fast);overflow:hidden}@media (min-width:768px){.gallery-thumb{width:100px;height:70px}}.gallery-thumb:hover{opacity:1}.gallery-thumb.active{border-color:var(--color-blue-primary);opacity:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base)}.lightbox.active{opacity:1;visibility:visible}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95)}.lightbox-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;padding:var(--space-4)}.lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4);width:48px;height:48px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.lightbox-close:hover{background:var(--color-white);border-color:var(--color-white);color:var(--color-black)}.lightbox-close .material-icons{font-size:28px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.lightbox-nav:hover{background:var(--color-white);border-color:var(--color-white);color:var(--color-black)}.lightbox-nav .material-icons{font-size:32px}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}@media (max-width:768px){.lightbox-prev{left:var(--space-2)}.lightbox-next{right:var(--space-2)}.lightbox-nav{width:44px;height:44px}.lightbox-nav .material-icons{font-size:24px}}.lightbox-figure{margin:0;text-align:center;max-width:calc(100% - 140px)}@media (max-width:768px){.lightbox-figure{max-width:calc(100% - 100px)}}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;display:block;margin:0 auto}.lightbox-caption{margin-top:var(--space-4);font-size:var(--text-base);color:rgba(255,255,255,.8)}.lightbox-counter{position:absolute;bottom:var(--space-6);left:50%;transform:translateX(-50%);font-size:var(--text-sm);color:rgba(255,255,255,.6);font-family: var(--font-mono)}.content-video{margin:var(--space-8) 0}.video-placeholder{position:relative;aspect-ratio: 16/9;background:var(--color-black);overflow:hidden}.video-placeholder img{width:100%;height:100%;object-fit:cover;opacity:.7}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background:var(--color-blue-primary);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.video-play-btn:hover{background:var(--color-blue-secondary);transform:translate(-50%,-50%) scale(1.1)}.video-play-btn .material-icons{font-size:36px;margin-left:4px}.video-caption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.content-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-8) 0}@media (max-width:768px){.content-gallery{grid-template-columns:1fr}}.gallery-item{margin:0}.gallery-item img{width:100%;height:auto;display:block}.gallery-item figcaption{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.content-quote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:var(--bg-secondary);border-left:4px solid var(--color-blue-primary);position:relative}.content-quote::before{content:'"';position:absolute;top:var(--space-4);left:var(--space-4);font-size:48px;font-family:Georgia,serif;color:var(--color-blue-primary);opacity:.3;line-height:1}.content-quote p{font-size:var(--text-lg);font-style:italic;color:var(--text-primary);margin-bottom:var(--space-3);padding-left:var(--space-6)}.content-quote cite{display:block;font-size:var(--text-sm);color:var(--text-tertiary);font-style:normal;padding-left:var(--space-6)}.content-list-numbered{margin:var(--space-6) 0;padding-left:0;list-style:none;counter-reset:list-counter}.content-list-numbered li{counter-increment:list-counter;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-16);margin-bottom:var(--space-3);background:var(--bg-secondary);position:relative}.content-list-numbered li::before{content:counter(list-counter);position:absolute;left:var(--space-4);top:var(--space-4);width:28px;height:28px;background:var(--color-blue-primary);color:var(--color-white);font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;border-radius:50%}.content-list-numbered li strong{display:block;color:var(--text-primary);margin-bottom:var(--space-1)}.content-list-numbered li p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.article-content ul:not([class]) {margin:var(--space-5) 0;padding-left:0;list-style:none}.article-content ul:not([class]) li {position:relative;padding-left:var(--space-4);margin-bottom:var(--space-3);font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.article-content ul:not([class]) li:last-child {margin-bottom:0}.article-content ul:not([class]) li::before {content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--color-blue-primary);border-radius:50%}.article-content ol:not([class]) {margin:var(--space-5) 0;padding-left:var(--space-8);list-style:none;counter-reset:ol-counter}.article-content ol:not([class]) li {position:relative;padding-left:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);counter-increment:ol-counter}.article-content ol:not([class]) li::before {content:counter(ol-counter) '.';position:absolute;left: calc(var(--space-8) * -1);top:0;width:var(--space-6);font-weight:700;color:var(--color-blue-primary);text-align:right}.content-list-check{margin:var(--space-5) 0;padding:0;list-style:none}.content-list-check li{position:relative;padding-left:var(--space-8);margin-bottom:var(--space-3);font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.content-list-check li::before{content:'✓';position:absolute;left:0;top:0;width:24px;height:24px;background:rgba(76,175,80,.15);color:#4caf50;font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;border-radius:50%}.content-list-x{margin:var(--space-5) 0;padding:0;list-style:none}.content-list-x li{position:relative;padding-left:var(--space-8);margin-bottom:var(--space-3);font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.content-list-x li::before{content:'✕';position:absolute;left:0;top:0;width:24px;height:24px;background:rgba(244,67,54,.15);color:#f44336;font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;border-radius:50%}.content-list-arrow{margin:var(--space-5) 0;padding:0;list-style:none}.content-list-arrow li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.content-list-arrow li:last-child{margin-bottom:0}.content-list-arrow li::before{content:'→';flex-shrink:0;color:var(--color-blue-primary);font-weight:700}.content-list-compact{margin:var(--space-4) 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-6)}@media (max-width:640px){.content-list-compact{grid-template-columns:1fr}}.content-list-compact li{position:relative;padding-left:var(--space-5);font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.content-list-compact li::before{content:'•';position:absolute;left:0;color:var(--color-blue-primary);font-weight:700}.content-takeaways{margin:var(--space-8) 0;padding:var(--space-6);background:linear-gradient(135deg,rgba(35,154,215,.08) 0%,rgba(35,154,215,.02) 100%);border:1px solid rgba(35,154,215,.2);border-radius:var(--space-2)}.content-takeaways::before{content:'Key Takeaways';display:block;font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-blue-primary);margin-bottom:var(--space-4)}.content-takeaways ul{margin:0;padding:0;list-style:none}.content-takeaways li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);font-weight:500}.content-takeaways li:last-child{margin-bottom:0}.content-takeaways li::before{content:'✓';position:absolute;left:0;color:var(--color-blue-primary);font-weight:700}.content-faq{margin:var(--space-8) 0}.content-faq-item{border-bottom:1px solid var(--border-color);padding:var(--space-5) 0}.content-faq-item:first-child{padding-top:0}.content-faq-item:last-child{border-bottom:none;padding-bottom:0}.content-faq-question{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:0;display:flex;align-items:flex-start;gap:var(--space-3)}.content-faq-question::before{content:'Q';flex-shrink:0;width:28px;height:28px;background:var(--color-blue-primary);color:var(--color-white);font-size:var(--text-sm);font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:var(--space-1)}.content-faq-answer{padding-left: calc(28px + var(--space-3));font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.content-faq-answer p{margin:0}.content-definitions{margin:var(--space-6) 0}.content-definitions dt{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);padding-left:var(--space-4);border-left:3px solid var(--color-blue-primary)}.content-definitions dd{font-size:var(--text-sm);line-height:1.7;color:var(--text-secondary);margin:0 0 var(--space-5) 0;padding-left:var(--space-4)}.content-definitions dd:last-child{margin-bottom:0}.content-tldr{margin:var(--space-8) 0;padding:var(--space-5);background:var(--color-black);color:var(--color-white)}.content-tldr::before{content:'TL;DR';display:inline-block;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:var(--color-blue-primary);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-3)}.content-tldr p{margin:0;font-size:var(--text-base);line-height:1.6;color:rgba(255,255,255,.9)}.content-product-highlight{margin:var(--space-8) 0;padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;gap:var(--space-5);align-items:center}@media (max-width:640px){.content-product-highlight{flex-direction:column;text-align:center}}.content-product-highlight-image{flex-shrink:0;width:120px;height:120px;background:var(--color-white);display:flex;align-items:center;justify-content:center}.content-product-highlight-image img{max-width:100%;max-height:100%;object-fit:contain}.content-product-highlight-body{flex:1;min-width:0}.content-product-highlight-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.content-product-highlight-price{font-size:var(--text-xl);font-weight:900;color:var(--color-blue-primary);font-family: var(--font-mono);margin-bottom:var(--space-2)}.content-product-highlight-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.content-product-highlight-cta{display:inline-flex}.content-comparison{margin:var(--space-8) 0;overflow-x:auto}.content-comparison table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.content-comparison th,.content-comparison td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-color)}.content-comparison th{background:var(--bg-secondary);font-weight:700;color:var(--text-primary)}.content-comparison td{color:var(--text-secondary)}.content-comparison tr:hover td{background:var(--bg-secondary)}.content-comparison .check{color:#4caf50;font-size:18px;vertical-align:middle;margin-right:var(--space-1)}.content-comparison .cross{color:#f44336;font-size:18px;vertical-align:middle;margin-right:var(--space-1)}.content-grid-50{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-6) 0}@media (max-width:768px){.content-grid-50{grid-template-columns:1fr}}.content-grid-item h3{margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-lg)}.content-grid-item .content-list-check,.content-grid-item .content-list-x,.content-grid-item .content-list-icon{margin:0}.content-list-icon{margin:var(--space-5) 0;padding:0;list-style:none}.content-list-icon li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-base);line-height:1.6;color:var(--text-secondary)}.content-list-icon li:last-child{margin-bottom:0}.content-list-icon .material-icons{flex-shrink:0;font-size:20px;margin-top:2px}.list-icon-check{color:#4caf50}.list-icon-x{color:#f44336}.content-dev-note{margin:var(--space-8) 0 var(--space-4);padding:var(--space-4);background:#fff3e0;border:2px dashed #ff9800;font-size:var(--text-sm)}.content-dev-note-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,152,0,.3)}.content-dev-note-header .material-icons{color:#ff9800;font-size:20px}.content-dev-note-title{font-weight:800;color:#e65100;text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs)}.content-dev-note-badge{margin-left:auto;padding:2px 8px;background:#ff9800;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase}.content-dev-note p{margin:0 0 var(--space-2);color:#5d4037;line-height:1.6}.content-dev-note p:last-child{margin-bottom:0}.content-dev-note strong{color:#e65100}.content-dev-note code{background:rgba(255,152,0,.15);padding:2px 6px;font-family: var(--font-mono);font-size:var(--text-xs);color:#bf360c}body.production .content-dev-note{display:none}.content-section-highlight{margin:var(--space-6) 0;padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-color)}.content-section-highlight h3{margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-lg);color:var(--text-primary)}.content-section-highlight .content-list-arrow,.content-section-highlight .content-list-compact,.content-section-highlight .content-list-check,.content-section-highlight .content-list-x,.content-section-highlight .content-list-icon{margin:0}