.blog-page-header{padding:48px 0 32px;text-align:center;} .blog-page-breadcrumb{font-size:12px;color:var(--brand-muted);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:16px;} .blog-page-breadcrumb a{color:var(--brand-muted);text-decoration:none;transition:color var(--transition-fast);} .blog-page-breadcrumb a:hover{color:var(--brand-dark);} .breadcrumb-sep{margin:0 8px;opacity:0.5;} .blog-page-title{font-size:clamp(34px,5vw,48px);font-weight:500;letter-spacing:-0.02em;margin:0 0 12px;line-height:1.1;} .blog-page-subtitle{font-size:15px;color:var(--brand-muted);max-width:480px;margin:0 auto;line-height:1.5;font-weight:300;} .blog-content-section{padding:0 0 60px;} .featured-post{position:relative;border-radius:var(--radius-lg,16px);overflow:hidden;margin-bottom:48px;background:var(--brand-bg);cursor:pointer;transition:all var(--transition-smooth,0.4s cubic-bezier(0.4,0,0.2,1));display:block;text-decoration:none;color:inherit;} .featured-post:hover{box-shadow:0 12px 40px rgba(28,28,28,0.08);transform:translateY(-4px);} .featured-image{width:100%;height:420px;object-fit:cover;transition:transform 1s cubic-bezier(0.4,0,0.2,1);display:block;} .featured-post:hover .featured-image{transform:scale(1.03);} .featured-image-placeholder{background:var(--brand-border);height:420px;} .featured-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,28,28,0.65) 0%,rgba(28,28,28,0) 50%);z-index:1;} .featured-content{position:absolute;bottom:0;left:0;right:0;padding:40px;z-index:2;max-width:600px;} .featured-category{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:#fff;background:rgba(255,255,255,0.2);padding:6px 14px;border-radius:50px;margin-bottom:16px;font-weight:500;backdrop-filter:blur(4px);} .featured-title{font-size:clamp(24px,3.5vw,36px);font-weight:500;color:#fff;line-height:1.2;margin:0 0 12px;letter-spacing:-0.015em;} .featured-excerpt{font-size:15px;color:rgba(255,255,255,0.8);line-height:1.6;margin:0 0 16px;} .featured-date{font-size:12px;color:rgba(255,255,255,0.6);letter-spacing:0.03em;} .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px;} .blog-card{border-radius:var(--radius-md,10px);overflow:hidden;background:#fff;cursor:pointer;transition:all var(--transition-smooth,0.4s cubic-bezier(0.4,0,0.2,1));text-decoration:none;color:inherit;display:block;opacity:0;transform:translateY(24px);animation:blogCardFadeIn 0.6s cubic-bezier(0.4,0,0.2,1) forwards;} @keyframes blogCardFadeIn{to{opacity:1;transform:translateY(0);}} .blog-card:hover{box-shadow:0 12px 40px rgba(28,28,28,0.08);transform:translateY(-6px);} .blog-card-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--brand-bg);transition:transform 0.7s ease;display:block;} .blog-card-image-placeholder{aspect-ratio:4 / 3;background:var(--brand-border);} .blog-card:hover .blog-card-image{transform:scale(1.04);} .blog-card-body{padding:20px 16px;} .blog-card-category{font-size:11px;text-transform:uppercase;letter-spacing:0.07em;color:var(--brand-accent,var(--brand-sky));font-weight:600;margin-bottom:8px;display:inline-block;} .blog-card-title{font-size:18px;font-weight:500;letter-spacing:-0.01em;margin:0 0 8px;transition:color var(--transition-fast);line-height:1.25;} .blog-card:hover .blog-card-title{color:#a0785e;} .blog-card-excerpt{font-size:13px;color:var(--brand-muted);line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .blog-card-meta{font-size:11px;color:var(--brand-muted);letter-spacing:0.03em;display:flex;align-items:center;gap:10px;} nav.pagination{display:flex;align-items:center;justify-content:center;padding:10px 0 0;} nav.pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:6px;} nav.pagination .page-numbers{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid transparent;font-size:14px;font-weight:450;color:var(--brand-muted);transition:all var(--transition-fast);padding:0;background:transparent;cursor:pointer;text-decoration:none;font-family:var(--font-sans);} a.page-numbers:hover{border-color:var(--brand-border);color:var(--brand-dark);} span.page-numbers.current{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark);font-weight:500;} span.page-numbers.dots{background:transparent;border:none;min-width:32px;cursor:default;} nav.pagination .page-numbers svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;} nav.pagination .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important;height:1px;width:1px;overflow:hidden;} .article-hero{width:100%;max-width:calc(var(--container-max,1280px) - 80px);margin:24px auto 36px;border-radius:var(--radius-lg,16px);overflow:hidden;background:var(--brand-bg);} .article-hero img{width:100%;height:auto;max-height:520px;object-fit:cover;display:block;} .article-container{max-width:720px;margin:0 auto;padding:0 20px 60px;} .article-breadcrumb{font-size:12px;color:var(--brand-muted);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:20px;} .article-breadcrumb a{color:var(--brand-muted);text-decoration:none;transition:color var(--transition-fast);} .article-breadcrumb a:hover{color:var(--brand-dark);} .article-breadcrumb .sep{margin:0 8px;opacity:0.5;} .article-category{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--brand-accent);font-weight:600;margin-bottom:8px;text-decoration:none;} .article-title{font-size:clamp(32px,5vw,48px);font-weight:500;letter-spacing:-0.02em;line-height:1.15;margin-bottom:16px;} .single-post .article-title{font-size:35px;} .article-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--brand-muted);margin-bottom:36px;flex-wrap:wrap;} .article-author{display:flex;align-items:center;gap:8px;color:var(--brand-dark);font-weight:500;} .article-author a{text-decoration:none;} .article-author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;} .article-meta-dot{color:var(--brand-muted);} .article-meta-date,.article-meta-read{font-size:14px;color:var(--brand-muted);} .article-divider{border:none;border-top:1px solid var(--brand-border-light,var(--brand-border));margin:28px 0;} .article-body{font-size:17px;line-height:1.8;color:var(--brand-muted);} .article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-family:var(--font-display);color:var(--brand-dark);line-height:1.2;letter-spacing:-0.01em;} .article-body h2{font-size:26px;font-weight:500;margin:36px 0 16px;line-height:1.3;} .article-body h3{font-size:22px;font-weight:500;margin:32px 0 14px;} .article-body h4{font-size:18px;font-weight:500;margin:28px 0 12px;} .article-body p{margin-bottom:22px;} .article-body a{color:var(--brand-accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast);} .article-body a:hover{color:var(--brand-accent-hover,var(--brand-dark));} .article-body img{width:100%;border-radius:var(--radius-md,10px);margin:28px 0;display:block;} .article-body .caption,.article-body figcaption,.article-body .wp-caption-text{font-size:13px;color:var(--brand-muted);text-align:center;margin-top:-18px;margin-bottom:28px;} .article-body blockquote{border-left:3px solid var(--brand-accent);padding:12px 24px;margin:28px 0;font-style:italic;font-family:var(--font-display);font-size:20px;color:var(--brand-dark);background:var(--brand-bg);border-radius:0 var(--radius-sm,6px) var(--radius-sm,6px) 0;line-height:1.6;} .article-body blockquote p{margin:0;color:var(--brand-dark);font-style:italic;} .article-body ul,.article-body ol{margin:0 0 22px;padding-left:24px;} .article-body ul{list-style:disc;} .article-body ol{list-style:decimal;} .article-body li{font-size:17px;line-height:1.8;color:var(--brand-muted);margin-bottom:4px;} .article-body pre{background:var(--brand-dark);color:#e5e7eb;padding:24px;border-radius:var(--radius-md,10px);overflow-x:auto;margin:28px 0;font-size:14px;line-height:1.6;} .article-body code{font-size:14px;background:var(--brand-bg);padding:2px 6px;border-radius:4px;} .article-body pre code{background:transparent;padding:0;} .article-body table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;} .article-body th,.article-body td{padding:12px 16px;border:1px solid var(--brand-border);text-align:left;} .article-body th{background:var(--brand-bg);font-weight:600;color:var(--brand-dark);} .article-body td{color:var(--brand-muted);} .article-share-row{display:flex;align-items:center;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--brand-border-light,var(--brand-border));flex-wrap:wrap;} .article-share-row span{font-size:13px;text-transform:uppercase;letter-spacing:0.06em;color:var(--brand-muted);} .share-pill{color:var(--brand-muted);text-decoration:none;font-size:13px;transition:color var(--transition-fast);padding:6px 12px;border:1.5px solid var(--brand-border);border-radius:50px;} .share-pill:hover{color:var(--brand-dark);border-color:var(--brand-muted);} .article-comments-container{max-width:100%;margin:0;padding:40px 0 0;} .article-comments-container .comments-inner{max-width:100%;} .comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--brand-border);} .comments-title{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--brand-dark);margin:0;} .comments-count{font-size:13px;color:var(--brand-muted);font-weight:400;} .comment-list{list-style:none;margin:0;padding:0;} .comment{padding:24px 0;border-bottom:1px solid var(--brand-border);} .comment:first-child{padding-top:0;} .comment-author{display:flex;align-items:center;gap:12px;margin-bottom:12px;} .comment-author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#f3f4f6;} .comment-author-avatar img{width:100%;height:100%;object-fit:cover;} .comment-author-name{font-size:14px;font-weight:600;color:var(--brand-dark);} .comment-date{font-size:12px;color:var(--brand-muted);} .comment-content p{font-size:14px;line-height:1.7;color:var(--brand-muted);margin:0;} .comment-reply-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--brand-sky);text-decoration:none;} .comment-reply-link svg{width:14px;height:14px;flex-shrink:0;} .comment-respond{margin-top:40px;} .comment-reply-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--brand-dark);margin:0 0 24px;} .comment-form{display:grid;gap:16px;} .comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea{width:100%;padding:14px 18px;border-radius:var(--radius-lg);border:1px solid var(--brand-border);font-size:14px;color:var(--brand-dark);background:var(--brand-bg);font-family:var(--font-sans);} .comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--brand-muted);} .comment-form textarea{min-height:120px;resize:vertical;} .comment-form input:focus,.comment-form textarea:focus{border-color:rgba(0,114,255,0.5);outline:none;} .comment-form .form-submit{margin-top:8px;} .comment-form .submit{padding:14px 32px;border-radius:var(--radius-full);background:var(--brand-dark);color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast);} .comment-form .submit:hover{background:rgba(17,24,39,0.85);} .comment-form-wrapper{margin-bottom:40px;padding:28px;background:var(--brand-bg);border-radius:var(--radius-xl);border:1px solid var(--brand-border);} .comment-form-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;} .comment-form-icon{width:44px;height:44px;border-radius:50%;background:rgba(0,114,255,0.1);display:flex;align-items:center;justify-content:center;color:var(--brand-sky);flex-shrink:0;} .comment-form-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--brand-dark);margin:0;} .comment-form-subtitle{font-size:13px;color:var(--brand-muted);margin:4px 0 0;font-weight:300;} .comment-form-fields{display:flex;flex-direction:column;gap:16px;} .comment-form-group{display:flex;flex-direction:column;gap:6px;} .comment-form-label{font-size:12px;font-weight:600;color:var(--brand-dark);letter-spacing:0.02em;} .comment-form-label .required{color:var(--brand-secondary);} .comment-form-input,.comment-form-textarea{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--brand-border);font-size:14px;color:var(--brand-dark);background:var(--brand-card);font-family:var(--font-sans);transition:border-color var(--transition-fast);} .comment-form-input::placeholder,.comment-form-textarea::placeholder{color:var(--brand-muted);} .comment-form-input:focus,.comment-form-textarea:focus{border-color:rgba(0,114,255,0.5);outline:none;box-shadow:0 0 0 2px rgba(0,114,255,0.1);} .comment-form-textarea{min-height:120px;resize:vertical;} .comment-form-actions{display:flex;align-items:center;gap:12px;margin-top:8px;} .comment-form-actions button[type="submit"]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);background:var(--brand-dark);color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast);} .comment-form-actions button[type="submit"]:hover{background:rgba(17,24,39,0.85);} .comment-form-actions button[type="submit"] svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;} .cancel-reply-link{font-size:13px;color:var(--brand-muted);cursor:pointer;transition:color var(--transition-fast);} .cancel-reply-link:hover{color:var(--brand-dark);} .comment-list-wrapper{margin-top:40px;} .comment-item{padding:24px 0;border-bottom:1px solid var(--brand-border);} .comment-item:first-child{padding-top:0;} .comment-item-header{margin-bottom:12px;} .comment-item-author{display:flex;align-items:center;gap:12px;} .comment-item-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#f3f4f6;flex-shrink:0;} .comment-item-avatar img{width:100%;height:100%;object-fit:cover;} .comment-item-info{display:flex;flex-direction:column;} .comment-item-name{font-size:14px;font-weight:600;color:var(--brand-dark);margin:0;line-height:1.3;} .comment-item-name a{color:var(--brand-dark);} .comment-item-date{font-size:12px;color:var(--brand-muted);margin-top:2px;} .comment-item-text{font-size:14px;line-height:1.7;color:var(--brand-muted);margin:0 0 12px;} .comment-item-text p{margin:0;} .comment-item-actions{display:flex;align-items:center;gap:8px;} .comment-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--brand-border);background:transparent;font-size:12px;color:var(--brand-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);} .comment-action-btn:hover{border-color:var(--brand-dark);color:var(--brand-dark);} .comment-action-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;} .comment-action-btn.liked{border-color:var(--brand-secondary);color:var(--brand-secondary);} .comment-like-count{font-size:11px;font-weight:600;} .comment-item-replies{margin-top:16px;padding-left:32px;border-left:2px solid var(--brand-border);} .comment-item-replies .comment-item{padding:16px 0;border-bottom:none;} .comment-item-replies .comment-item:last-child{padding-bottom:0;} .comments-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--brand-border);} .comments-pagination a,.comments-pagination span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--brand-border);font-size:13px;font-weight:500;color:var(--brand-muted);transition:all var(--transition-fast);text-decoration:none;} .comments-pagination a:hover{border-color:var(--brand-dark);color:var(--brand-dark);} .comments-pagination span.current{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark);} .comments-pagination svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;} .related-section{max-width:720px;margin:0 auto 60px;padding:0 20px;} .related-title{font-size:24px;font-weight:500;margin-bottom:20px;letter-spacing:-0.01em;} .related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;} .related-card{border-radius:var(--radius-md,10px);overflow:hidden;background:var(--brand-card,#fff);text-decoration:none;color:inherit;transition:all var(--transition-smooth,0.4s cubic-bezier(0.4,0,0.2,1));display:block;} .related-card:hover{box-shadow:0 12px 40px rgba(28,28,28,0.08);transform:translateY(-4px);} .related-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;} .related-card-body{padding:14px;} .related-card-category{font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--brand-accent);font-weight:600;margin-bottom:6px;display:inline-block;} .related-card-title{font-size:16px;font-weight:500;margin-bottom:4px;line-height:1.3;letter-spacing:-0.01em;} .related-card-date{font-size:12px;color:var(--brand-muted);} .fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.7s ease,transform 0.7s ease;} .fade-in.visible{opacity:1;transform:translateY(0);} .no-posts-found{text-align:center;padding:80px 20px;} .no-posts-found h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--brand-dark);margin:0 0 12px;} .no-posts-found p{font-size:16px;color:var(--brand-muted);margin:0 0 24px;} .search-hero{text-align:center;padding:48px 0 40px;background:#fff;border-bottom:1px solid var(--brand-border);} .search-hero-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:#919191;font-weight:600;margin-bottom:12px;} .search-hero .blog-page-title{max-width:640px;margin-left:auto;margin-right:auto;} .search-hero .blog-page-subtitle{max-width:480px;margin-left:auto;margin-right:auto;} .search-hero-form{margin-top:28px;max-width:520px;margin-left:auto;margin-right:auto;} .search-hero-form .search-form{position:relative;display:flex;align-items:center;} .search-hero-form .search-field{width:100%;padding:14px 52px 14px 20px;border-radius:var(--radius-full);border:1px solid var(--brand-border);font-size:15px;color:var(--brand-dark);background:var(--brand-bg);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);} .search-hero-form .search-field::placeholder{color:var(--brand-muted);} .search-hero-form .search-field:focus{border-color:rgba(0,114,255,0.5);outline:none;box-shadow:0 0 0 3px rgba(0,114,255,0.1);} .search-hero-form .search-submit{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);border:none;cursor:pointer;padding:0;font-size:0;} .search-hero-form .search-submit:hover{background:rgba(17,24,39,0.85);} .search-hero-form .search-submit svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;} .search-hero-form .search-submit-text{display:none;} .search-no-results{grid-column:1 / -1;} .search-no-results-icon{width:80px;height:80px;border-radius:50%;background:var(--brand-bg);border:1px solid var(--brand-border);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--brand-muted);} .search-no-results-icon svg{stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;} .search-no-results-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--brand-dark);margin:0 0 12px;} .search-no-results-text{font-size:15px;color:var(--brand-muted);font-weight:300;line-height:1.7;margin:0 0 28px;max-width:420px;margin-left:auto;margin-right:auto;} .search-no-results-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-full);background:var(--brand-dark);color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);font-family:var(--font-sans);} .search-no-results-btn:hover{background:rgba(17,24,39,0.85);color:#fff;gap:12px;} .search-no-results-btn svg{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;} .search-products-wrapper{max-width:1200px;margin:0 auto;} .search-products-wrapper .products.shop-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none;margin:0;padding:0;} .search-products-wrapper nav.pagination{margin-top:48px;} .blog-hero-section{padding:48px 0 40px;background:#fff;border-bottom:1px solid var(--brand-border);text-align:center;} .blog-hero-inner{max-width:640px;margin:0 auto;} .blog-hero-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;margin-bottom:12px;} .blog-hero-title{font-size:32px;font-weight:700;letter-spacing:-0.02em;color:var(--brand-dark);margin:0 0 12px;line-height:1.1;} .blog-hero-desc,.blog-hero-subtitle{font-size:16px;color:var(--brand-muted);font-weight:300;line-height:1.7;margin:0;} .blog-tabs-section{padding:20px 0;background:#fff;border-bottom:1px solid var(--brand-border);} .topic-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;justify-content:center;flex-wrap:wrap;} .topic-tabs::-webkit-scrollbar{display:none;} .topic-tab{padding:8px 20px;border-radius:var(--radius-full);border:1px solid var(--brand-border);font-size:13px;font-weight:500;color:var(--brand-muted);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:transparent;font-family:var(--font-sans);} .topic-tab:hover{border-color:var(--brand-dark);color:var(--brand-dark);} .topic-tab.active{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark);} .sidebar{display:none;} .sidebar-block{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--brand-border);padding:24px;margin-bottom:24px;} .sidebar-block:last-child{margin-bottom:0;} .sidebar-block-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--brand-dark);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--brand-border);} .search-box{position:relative;display:flex;align-items:center;} .search-box input[type="text"]{width:100%;padding:12px 44px 12px 16px;border-radius:var(--radius-full);border:1px solid var(--brand-border);font-size:14px;color:var(--brand-dark);background:var(--brand-bg);font-family:var(--font-sans);} .search-box input[type="text"]::placeholder{color:var(--brand-muted);} .search-box input[type="text"]:focus{border-color:rgba(0,114,255,0.5);outline:none;box-shadow:0 0 0 2px rgba(0,114,255,0.1);} .search-box button[type="submit"]{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);border:none;cursor:pointer;} .search-box button[type="submit"]:hover{background:rgba(17,24,39,0.85);} .search-box button[type="submit"] svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;} .sidebar-block .search-form{position:relative;display:flex;align-items:center;} .sidebar-block .search-field{width:100%;padding:12px 48px 12px 16px;border-radius:var(--radius-full);border:1px solid var(--brand-border);font-size:14px;color:var(--brand-dark);background:var(--brand-bg);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);} .sidebar-block .search-field::placeholder{color:var(--brand-muted);} .sidebar-block .search-field:focus{border-color:rgba(0,114,255,0.5);outline:none;box-shadow:0 0 0 2px rgba(0,114,255,0.1);} .sidebar-block .search-submit{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);border:none;cursor:pointer;padding:0;font-size:0;} .sidebar-block .search-submit:hover{background:rgba(17,24,39,0.85);} .sidebar-block .search-submit svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;} .sidebar-block .search-submit-text{display:none;} .sidebar-cat-list{list-style:none;margin:0;padding:0;} .sidebar-cat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--brand-border);} .sidebar-cat-item:last-child{border-bottom:none;} .sidebar-cat-item a{font-size:14px;color:var(--brand-muted);transition:color var(--transition-fast);} .sidebar-cat-item a:hover{color:var(--brand-dark);} .cat-count{font-size:12px;color:var(--brand-muted);background:var(--brand-bg);padding:2px 10px;border-radius:var(--radius-full);} .popular-post{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--brand-border);} .popular-post:last-child{border-bottom:none;} .popular-thumb{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;} .popular-thumb img{width:100%;height:100%;object-fit:cover;} .popular-info{display:flex;flex-direction:column;justify-content:center;min-width:0;} .pop-cat{font-size:10px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--brand-sky);margin-bottom:4px;} .popular-info h4{font-size:13px;font-weight:500;color:var(--brand-dark);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .popular-info h4 a{color:var(--brand-dark);transition:color var(--transition-fast);} .popular-info h4 a:hover{color:var(--brand-sky);} .pop-date{font-size:11px;color:var(--brand-muted);} .tags-cloud{display:flex;flex-wrap:wrap;gap:8px;} .tag-pill{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--brand-border);font-size:12px;color:var(--brand-muted);transition:all var(--transition-fast);background:transparent;cursor:pointer;font-family:var(--font-sans);} .tag-pill:hover,.tag-pill.active{border-color:var(--brand-sky);color:var(--brand-sky);background:rgba(0,114,255,0.05);} .blog-layout{display:grid;grid-template-columns:1fr;gap:40px;} .blog-content{min-width:0;} .posts-grid{display:grid;grid-template-columns:1fr;gap:24px;} .post-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--brand-border);transition:all var(--transition-base);display:flex;flex-direction:column;} .post-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,0.06);} .post-card.wide{grid-column:1 / -1;} .post-card.wide .wide-inner{display:grid;} .post-card-img{position:relative;overflow:hidden;display:block;aspect-ratio:16/10;} .post-card.wide .post-card-img{aspect-ratio:auto;min-height:220px;} .post-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);} .post-card:hover .post-card-img img{transform:scale(1.04);} .post-card-img.no-image{background:#f3f4f6;} .read-time{position:absolute;bottom:12px;right:12px;padding:4px 10px;border-radius:var(--radius-full);background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);font-size:11px;font-weight:500;color:var(--brand-dark);z-index:5;} .post-card-meta{display:flex;align-items:center;gap:10px;padding:16px 20px 0;} .post-cat{font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--brand-sky);} .post-meta-dot{width:4px;height:4px;border-radius:50%;background:var(--brand-border);flex-shrink:0;} .post-date{font-size:12px;color:var(--brand-muted);font-weight:400;} .post-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--brand-dark);margin:10px 20px 0;line-height:1.35;letter-spacing:-0.01em;} .post-card.wide .post-title{font-size:22px;} .post-title a{color:inherit;transition:color var(--transition-fast);} .post-title a:hover{color:var(--brand-sky);} .post-excerpt{font-size:14px;color:var(--brand-muted);font-weight:300;line-height:1.7;margin:8px 20px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .post-card.wide .post-excerpt{-webkit-line-clamp:4;} .post-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 20px;margin-top:auto;} .post-author{display:flex;align-items:center;gap:10px;} .post-author-av{width:30px;height:30px;border-radius:50%;overflow:hidden;background:#f3f4f6;flex-shrink:0;} .post-author-av img{width:100%;height:100%;object-fit:cover;} .post-author-name{font-size:13px;font-weight:500;color:var(--brand-dark);} .post-share{width:36px;height:36px;border-radius:50%;border:1px solid var(--brand-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--brand-muted);flex-shrink:0;} .post-share:hover{border-color:var(--brand-dark);color:var(--brand-dark);background:var(--brand-bg);} .post-share svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;} .featured-post-image{position:relative;overflow:hidden;min-height:280px;} .featured-post-image.no-image{background:#f3f4f6;} .featured-post-img{width:100%;height:100%;object-fit:cover;} .featured-post-category{position:absolute;top:16px;left:16px;padding:4px 12px;border-radius:var(--radius-full);background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;z-index:5;} .featured-post-category a{color:var(--brand-dark);} .featured-post-content{padding:32px;display:flex;flex-direction:column;justify-content:center;} .featured-post-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;} .featured-post-date,.featured-post-reading-time{font-size:12px;color:var(--brand-muted);} .featured-post-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--brand-dark);margin:0 0 12px;line-height:1.2;letter-spacing:-0.02em;} .featured-post-title a{color:var(--brand-dark);transition:color var(--transition-fast);} .featured-post-title a:hover{color:var(--brand-sky);} .featured-post-excerpt{font-size:14px;color:var(--brand-muted);font-weight:300;line-height:1.7;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} .featured-post-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;} .featured-post-author{display:flex;align-items:center;gap:12px;} .featured-post-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;} .featured-post-author-info{display:flex;flex-direction:column;} .featured-post-author-name{font-size:14px;font-weight:600;color:var(--brand-dark);} .featured-post-author-title{font-size:12px;color:var(--brand-muted);} .featured-post-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--brand-sky);transition:gap var(--transition-fast);} .featured-post-link:hover{gap:12px;color:var(--brand-sky);} .featured-post-link svg{width:18px;height:18px;flex-shrink:0;} .featured-img.no-image{background:#f3f4f6;display:block;min-height:280px;} .popular-thumb.no-image{background:#f3f4f6;} .popular-thumb img.popular-thumb-placeholder{width:100%;height:100%;object-fit:cover;display:block;} @media(min-width:1024px){.blog-page-header{padding:56px 0 40px;} .blog-content-section{padding:0 0 80px;} .search-hero{padding:64px 0 56px;} .search-products-wrapper .products.shop-product-grid{grid-template-columns:repeat(4,1fr);} .blog-hero-section{padding:64px 0 56px;} .blog-hero-title{font-size:48px;} .sidebar{display:block;} .blog-layout{grid-template-columns:1fr 320px;gap:48px;} .post-title{font-size:18px;} .post-card.wide .post-title{font-size:28px;} .featured-post-content{padding:40px;} .featured-post-title{font-size:32px;}} @media(max-width:1024px){.featured-image,.featured-image-placeholder{height:340px;} .blog-grid{grid-template-columns:repeat(2,1fr);gap:20px;}} @media(max-width:768px){.featured-image,.featured-image-placeholder{height:280px;} .featured-content{padding:24px;} .blog-grid{grid-template-columns:1fr 1fr;gap:14px;} .article-hero{margin:16px auto 24px;border-radius:var(--radius-md,10px);max-width:calc(100% - 32px);} .article-container{padding:0 8px 40px;} .article-body h2{font-size:22px;} .article-body h3{font-size:20px;} .article-body blockquote{font-size:17px;padding:12px 20px;} .related-grid{grid-template-columns:1fr;} .blog-page-header{padding:32px 0 24px;} .blog-page-title{font-size:28px;} .blog-page-subtitle{font-size:14px;} .blog-card-title{font-size:16px;} .blog-card-body{padding:16px 12px;} .article-title{font-size:28px;} .article-meta{gap:10px;font-size:13px;} .search-hero{padding:32px 0 24px;} .search-hero-form{margin-top:20px;} .search-hero-form .search-field{padding:12px 48px 12px 16px;font-size:14px;} .search-no-results{padding:0;} .search-no-results-title{font-size:18px;} .search-no-results-text{font-size:14px;}} @media(max-width:480px){.featured-image,.featured-image-placeholder{height:240px;} .blog-grid{grid-template-columns:1fr;} nav.pagination .page-numbers{width:34px;height:34px;font-size:13px;} .blog-page-title{font-size:24px;} .article-title{font-size:24px;} .article-meta{gap:8px;font-size:12px;} .related-card-title{font-size:15px;}} @media(min-width:768px){.comment-form .comment-form-author,.comment-form .comment-form-email{grid-column:span 1;} .search-products-wrapper .products.shop-product-grid{grid-template-columns:repeat(3,1fr);} .posts-grid{grid-template-columns:repeat(2,1fr);gap:20px;} .post-card.wide .wide-inner{grid-template-columns:1fr 1fr;} .post-card.wide .post-card-img{min-height:100%;aspect-ratio:unset;} .featured-post-image{min-height:400px;} .featured-img.no-image{min-height:400px;}} .blog-breadcrumb{padding:20px 0 0;font-size:14px;color:var(--brand-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .blog-breadcrumb a{color:var(--brand-muted);text-decoration:none;transition:color var(--transition-fast);} .blog-breadcrumb a:hover{color:var(--brand-dark);} .blog-breadcrumb .bc-sep{color:var(--brand-border);font-size:11px;} .blog-breadcrumb .bc-current{color:var(--brand-dark);} .blog-intro{padding:16px 0 24px;} .blog-intro-title{font-family:var(--font-display);font-size:clamp(28px,4vw,32px);font-weight:700;letter-spacing:-0.02em;line-height:1.15;margin:0 0 8px;color:var(--brand-dark);} .blog-intro-desc{font-size:15px;color:var(--brand-muted);line-height:1.6;max-width:620px;margin:0;} .blog-layout{display:grid;grid-template-columns:1fr;gap:40px;padding-bottom:56px;} .blog-content{min-width:0;} .blog-sidebar{display:block;} .blog-sidebar a,.blog-sidebar a:hover,.blog-sidebar a:focus{text-decoration:none;} .blog-layout .sidebar-block{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:32px;} .blog-layout .sidebar-block-title{font-size:18px;font-weight:700;padding-bottom:0;border-bottom:none;margin-bottom:18px;color:var(--brand-dark);} .blog-layout .sidebar-cat-item{padding:12px 0;} .blog-layout .cat-count{background:transparent;padding:0;color:#999;font-size:14px;} .blog-layout .popular-post{padding:14px 0;} .blog-layout .popular-thumb{width:64px;height:64px;border-radius:8px;} .blog-layout .popular-info h4{font-size:14px;font-weight:600;} .blog-layout .pop-date{font-size:12px;} .article-layout .sidebar-block{background:var(--brand-card);border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:22px;margin-bottom:24px;} .blog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;} .blog-tab{display:inline-flex;align-items:center;padding:9px 18px;border-radius:6px;background:#f2f2f2;color:#555;font-size:14px;font-weight:500;text-decoration:none;border:none;transition:all var(--transition-fast);font-family:var(--font-sans);line-height:1.4;} .blog-tab:hover{color:#1a1a1a;background:#e8e8e8;} .blog-tab.active{background:var(--brand-dark);color:#fff;} .blog-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin-bottom:40px;align-items:center;} .blog-featured-media{display:block;overflow:hidden;border-radius:var(--radius-md);background:var(--brand-border);height:340px;} .blog-featured-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow);} .blog-featured:hover .blog-featured-media img{transform:scale(1.04);} .blog-featured-body{min-width:0;} .blog-tag{display:inline-block;background:var(--brand-dark);color:#fff;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:14px;} .blog-meta-line{font-size:13px;color:var(--brand-text-muted);margin-bottom:10px;} .blog-meta-line .ml-dot{margin:0 7px;color:var(--brand-border);} .blog-featured-title{font-family:var(--font-display);font-size:clamp(22px,2.6vw,26px);font-weight:700;line-height:1.35;letter-spacing:-0.015em;margin:0 0 16px;color:var(--brand-dark);} .blog-featured:hover .blog-featured-title{color:var(--brand-accent-warm-hover);} .blog-featured-excerpt{color:var(--brand-muted);font-size:15px;line-height:1.65;margin:0 0 18px;} .blog-author-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--brand-muted);margin-bottom:18px;} .blog-author-row span{display:inline-flex;align-items:center;gap:6px;} .blog-author-row svg{width:14px;height:14px;} .blog-read-more{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--brand-dark);text-decoration:none;transition:gap var(--transition-fast),color var(--transition-fast);} .blog-read-more svg{width:16px;height:16px;transition:transform var(--transition-fast);} .blog-read-more:hover{color:var(--brand-accent-warm-hover);gap:11px;} .blog-card{background:transparent;border:none;border-radius:0;overflow:visible;transform:none;box-shadow:none;animation:none;opacity:1;} .blog-card:hover{transform:none;box-shadow:none;} .blog-card-media{display:block;width:100%;height:190px;border-radius:var(--radius-md);overflow:hidden;background:var(--brand-border-light);margin-bottom:16px;} .blog-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.7s cubic-bezier(0.4,0,0.2,1);} .blog-card:hover .blog-card-image{transform:scale(1.04);} .blog-card-body{padding:0;} .blog-card-meta-line{font-size:13px;color:var(--brand-text-muted);margin-bottom:10px;} .blog-card-meta-line .ml-dot{margin:0 6px;color:var(--brand-border);} .blog-card-meta-line .ml-cat{color:var(--brand-accent-warm-hover);font-weight:600;} .blog-card-title{font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-0.01em;margin:0 0 10px;} .blog-card-excerpt{font-size:14px;color:var(--brand-muted);line-height:1.6;margin:0 0 14px;} .blog-card .blog-author-row{margin-bottom:14px;font-size:13px;} nav.pagination .page-numbers{border-radius:6px;width:36px;height:36px;border:1px solid var(--brand-border);} nav.pagination .page-numbers.prev,nav.pagination .page-numbers.next{border:1px solid var(--brand-border);} nav.pagination .page-numbers svg{width:15px;height:15px;} .blog-sidebar-search{display:block;margin-bottom:28px;} .blog-sidebar-search form{display:flex;width:100%;align-items:stretch;} .blog-sidebar-search input{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--brand-border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-size:14px;background:var(--brand-card);color:var(--brand-dark);font-family:var(--font-sans);} .blog-sidebar-search input::placeholder{color:var(--brand-text-muted);} .blog-sidebar-search input:focus{outline:none;border-color:var(--brand-accent-warm);} .blog-sidebar-search button{background:var(--brand-dark);color:#fff;border:none;padding:0 18px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .blog-sidebar-search button svg{width:16px;height:16px;} .blog-features{background:var(--brand-bg-secondary);border-top:1px solid var(--brand-border);padding:36px 0;} .blog-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;} .blog-feature{display:flex;align-items:center;gap:16px;} .blog-feature-icon{width:46px;height:46px;background:var(--brand-card);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--brand-dark);box-shadow:0 1px 4px rgba(0,0,0,0.06);flex-shrink:0;} .blog-feature-icon svg{width:20px;height:20px;} .blog-feature h4{font-size:15px;font-weight:700;margin:0 0 3px;color:var(--brand-dark);} .blog-feature p{font-size:13px;color:var(--brand-muted);margin:0;} .article-layout{display:grid;grid-template-columns:1fr;gap:40px;padding-top:32px;padding-bottom:56px;} .article-main{min-width:0;} .article-featured-image{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px;background:var(--brand-border);aspect-ratio:16 / 7;} .article-featured-image img{width:100%;height:100%;object-fit:cover;display:block;} .article-meta-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--brand-border-light);} .article-meta-flex{display:flex;gap:20px;flex-wrap:wrap;color:var(--brand-muted);font-size:13.5px;} .article-meta-flex span{display:inline-flex;align-items:center;gap:6px;} .article-meta-flex svg{width:14px;height:14px;} .article-share{display:flex;align-items:center;gap:12px;color:var(--brand-muted);font-size:13px;} .article-share-icons{display:flex;gap:8px;} .article-share-icons a{width:32px;height:32px;border:1px solid var(--brand-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-muted);transition:all var(--transition-fast);} .article-share-icons a:hover{color:var(--brand-dark);border-color:var(--brand-dark);background:var(--brand-bg);} .article-share-icons svg{width:14px;height:14px;} .author-box{display:flex;gap:20px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--radius-lg);margin-top:36px;align-items:flex-start;background:var(--brand-card);} .author-box .author-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;} .author-box .avatar{width:64px;height:64px;border-radius:50%;} .author-info h4{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0 0 6px;color:var(--brand-dark);} .author-info p{color:var(--brand-muted);font-size:13.5px;line-height:1.6;margin:0 0 12px;} .author-social{display:flex;gap:14px;} .author-social a{color:var(--brand-muted);transition:color var(--transition-fast);} .author-social a:hover{color:var(--brand-dark);} .author-social svg{width:16px;height:16px;} .post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-top:32px;border-top:1px solid var(--brand-border-light);flex-wrap:wrap;} .post-nav-item{display:flex;align-items:center;gap:14px;width:calc(50% - 10px);text-decoration:none;color:inherit;min-width:0;} .post-nav-item.next{flex-direction:row-reverse;text-align:right;} .post-nav-thumb{width:68px;height:68px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--brand-border);} .post-nav-body{min-width:0;} .post-nav-label{font-size:11px;color:var(--brand-text-muted);display:flex;align-items:center;gap:5px;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.06em;} .post-nav-item.next .post-nav-label{justify-content:flex-end;} .post-nav-label svg{width:13px;height:13px;} .post-nav-title{font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--brand-dark);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast);} .post-nav-item:hover .post-nav-title{color:var(--brand-accent-warm-hover);} @media(min-width:992px){.blog-layout,.article-layout{grid-template-columns:minmax(0,1fr) 340px;gap:40px;} .blog-features-grid{grid-template-columns:repeat(4,1fr);}} @media(max-width:991px){.blog-featured{grid-template-columns:1fr;gap:22px;} .blog-featured-media{height:auto;aspect-ratio:16 / 9;}} @media(max-width:600px){.blog-features-grid{grid-template-columns:1fr;} .blog-card-media{height:160px;}} @media(max-width:768px){.post-nav{flex-direction:column;gap:18px;} .post-nav-item,.post-nav-item.next{width:100%;flex-direction:row;text-align:left;} .post-nav-item.next .post-nav-label{justify-content:flex-start;} .author-box{flex-direction:column;align-items:center;text-align:center;} .author-social{justify-content:center;} .article-meta-row{align-items:flex-start;}}