.blog-post-container{--background:var(--color-bg);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted);--border-color:var(--color-border);--surface-1:var(--color-bg-alt);--surface-2:var(--color-bg-elevated);width:100%;max-width:1240px;color:var(--color-text);margin:0 auto;padding:7rem 2rem 6rem}.blog-post-container.rtl{direction:rtl}.blog-post-progress{inset-inline:0;z-index:60;pointer-events:none;background:0 0;height:2px;position:fixed;top:0}.blog-post-progress-bar{background:var(--color-accent);transform-origin:0;width:0;height:100%;transition:width .1s linear}.blog-post-back-btn{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.55rem;font-size:.7rem;font-weight:500;transition:color .3s;display:inline-flex}.blog-post-back-btn:hover{color:var(--color-text)}.blog-post-back-btn svg{transition:transform .4s var(--ease-out-expo)}.blog-post-back-btn:hover svg{transform:translate(-4px)}.rtl .blog-post-back-btn:hover svg{transform:translate(4px)}.blog-post-header{flex-direction:column;gap:1.5rem;max-width:780px;margin:3.5rem 0 0;display:flex}.blog-post-kicker{align-items:center;gap:1rem;display:flex}.blog-post-kicker:before{content:"";background:var(--color-accent);flex-shrink:0;width:34px;height:1px;display:block}.blog-post-category{letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent-text);font-size:.7rem;font-weight:500}.blog-post-title{font-family:var(--font-display);letter-spacing:.005em;margin:0;font-size:clamp(2.25rem,5.2vw,3.7rem);font-weight:300;line-height:1.08}.blog-post-excerpt{color:var(--color-text-secondary);max-width:60ch;margin:0;font-size:1.25rem;font-weight:300;line-height:1.7}.blog-post-byline{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.5rem;padding:1.15rem 0;display:flex}.blog-post-author{color:var(--color-text);align-items:center;gap:.9rem;font-size:.78rem;font-weight:400;display:flex}.blog-post-author-mark{border:1px solid var(--color-border);width:32px;height:32px;font-family:var(--font-display);color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.blog-post-meta{letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:1.4rem;font-size:.68rem;font-weight:400;display:flex}.blog-post-meta-sep{background:var(--color-border);width:1px;height:12px}.blog-post-image-wrapper{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--color-bg-alt);border:1px solid var(--color-border-light);justify-content:center;align-items:center;max-width:1000px;margin:3.5rem 0 0;display:flex;position:relative;overflow:hidden}.blog-post-photo{object-fit:cover}.blog-post-image-icon{stroke-width:1px;width:44px;height:44px;color:var(--color-text-muted);opacity:.5}.blog-post-layout{grid-template-columns:56px minmax(0,680px) 220px;justify-content:center;align-items:start;gap:3.5rem;margin-top:4rem;display:grid}.blog-post-rail{top:calc(var(--header-height) + 2rem);flex-direction:column;align-items:center;gap:.9rem;padding-top:.4rem;display:flex;position:sticky}.blog-post-rail-label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);writing-mode:vertical-rl;margin-bottom:.4rem;font-size:.58rem;font-weight:500}.blog-post-toc{top:calc(var(--header-height) + 2rem);flex-direction:column;gap:1rem;padding-top:.4rem;display:flex;position:sticky}.blog-post-toc-label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:.9rem;font-size:.62rem;font-weight:500}.blog-post-toc-link{color:var(--color-text-muted);border-inline-start:1px solid var(--color-border);padding-inline-start:.9rem;font-size:.82rem;font-weight:300;line-height:1.55;transition:color .3s,border-color .3s}.blog-post-toc-link:hover,.blog-post-toc-link.active{color:var(--color-text);border-inline-start-color:var(--color-accent);font-weight:400}.blog-post-content>p{color:var(--color-text);text-wrap:pretty;margin:0 0 1.75rem;font-size:1.075rem;font-weight:300;line-height:1.85}.blog-post-content>p:first-of-type:first-letter{font-family:var(--font-display);float:left;color:var(--color-accent-text);padding:.3rem .7rem 0 0;font-size:4.4rem;font-weight:300;line-height:.82}.rtl .blog-post-content>p:first-of-type:first-letter{float:right;padding:.3rem 0 0 .7rem}.blog-post-heading{scroll-margin-top:calc(var(--header-height) + 2rem);align-items:center;gap:1rem;margin:3.25rem 0 1.5rem;display:flex}.blog-post-heading:before{content:"";background:var(--color-accent);flex-shrink:0;width:26px;height:1px;display:block}.blog-post-heading h3{font-family:var(--font-display);margin:0;font-size:1.85rem;font-weight:400;line-height:1.25}.blog-post-quote{background:0 0;border:none;margin:3.5rem 0;padding:0}.blog-post-quote p{font-family:var(--font-display);letter-spacing:-.005em;color:var(--color-text);margin:1.75rem 0;font-size:1.85rem;font-weight:400;line-height:1.45}.blog-post-quote:before,.blog-post-quote:after{content:"";background:var(--color-accent);width:34px;height:1px;display:block}.blog-post-quote:after{background:var(--color-border)}.blog-post-share{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:3.5rem;padding-top:1.75rem;display:flex}.blog-post-share-label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem;font-weight:500}.blog-post-share-actions{gap:.75rem;display:flex}.share-action-btn{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:background .3s ease, color .3s ease, border-color .3s ease, transform .3s var(--ease-out-expo);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.share-action-btn:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);transform:translateY(-2px)}.blog-post-faq{border-top:1px solid var(--color-border);scroll-margin-top:calc(var(--header-height) + 2rem);margin-top:4rem;padding-top:2.75rem}.blog-post-faq-title{font-family:var(--font-display);margin:0 0 2rem;font-size:2rem;font-weight:400;line-height:1.25}.blog-post-faq-list{border-top:1px solid var(--color-border-light);flex-direction:column;display:flex}.blog-post-faq-item{border-bottom:1px solid var(--color-border-light)}.blog-post-faq-question{cursor:pointer;color:var(--color-text);padding:1.4rem 2rem 1.4rem 0;font-size:1rem;font-weight:400;line-height:1.5;list-style:none;transition:color .3s;position:relative}.rtl .blog-post-faq-question{padding:1.4rem 0 1.4rem 2rem}.blog-post-faq-question:hover{color:var(--color-accent-text)}.blog-post-faq-question::-webkit-details-marker{display:none}.blog-post-faq-question:after{content:"+";inset-inline-end:0;color:var(--color-text-muted);font-size:1.1rem;position:absolute;top:50%;transform:translateY(-50%)}.blog-post-faq-item[open] .blog-post-faq-question:after{content:"−";color:var(--color-accent)}.blog-post-faq-answer{color:var(--color-text-secondary);white-space:pre-line;max-width:60ch;padding:0 2rem 1.5rem 0;font-size:.95rem;font-weight:300;line-height:1.8}.rtl .blog-post-faq-answer{padding:0 0 1.5rem 2rem}.blog-post-products{border-top:1px solid var(--color-border);margin-top:6rem;padding-top:3.5rem}.blog-post-products-header{flex-direction:column;gap:.6rem;margin-bottom:2.5rem;display:flex}.blog-post-products-title{font-family:var(--font-display);margin:0;font-size:2.1rem;font-weight:400;line-height:1.2}.blog-post-products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;display:grid}.blog-post-next{border-top:1px solid var(--color-border);color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin-top:5rem;padding-top:2.5rem;text-decoration:none;display:grid}.blog-post-next-body{flex-direction:column;gap:.7rem;display:flex}.blog-post-next-label{letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted);font-size:.68rem;font-weight:500}.blog-post-next-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:400;line-height:1.2;transition:color .3s}.blog-post-next:hover .blog-post-next-title{color:var(--color-accent-text)}.blog-post-next-arrow{color:var(--color-accent);transition:transform .4s var(--ease-out-expo);flex-shrink:0}.blog-post-next:hover .blog-post-next-arrow{transform:translate(8px)}.rtl .blog-post-next-arrow{transform:scaleX(-1)}.rtl .blog-post-next:hover .blog-post-next-arrow{transform:scaleX(-1)translate(8px)}.fade-up{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media (prefers-reduced-motion:reduce){.fade-up{opacity:1;transition:none;transform:none}.blog-post-progress-bar{transition:none}}@media (max-width:1180px){.blog-post-layout{grid-template-columns:56px minmax(0,680px)}.blog-post-toc{display:none}}@media (max-width:860px){.blog-post-layout{grid-template-columns:minmax(0,1fr);gap:0}.blog-post-rail{display:none}}@media (max-width:640px){.blog-post-container{padding:6rem 1.25rem 4rem}.blog-post-header{gap:1.15rem;margin-top:2.5rem}.blog-post-excerpt{font-size:1.1rem}.blog-post-byline{gap:1rem}.blog-post-image-wrapper,.blog-post-layout{margin-top:2.5rem}.blog-post-content>p{font-size:1rem;line-height:1.8}.blog-post-content>p:first-of-type:first-letter{font-size:3.6rem}.blog-post-heading h3{font-size:1.55rem}.blog-post-quote p{font-size:1.4rem}.blog-post-products{margin-top:4rem;padding-top:2.5rem}}.blog-product-card{background:var(--background);flex-direction:column;gap:1.5rem;display:flex}.blog-product-image-wrapper{aspect-ratio:3/4;background-color:var(--surface-1);border-radius:4px;position:relative;overflow:hidden}.blog-product-image{object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.blog-product-image-wrapper:hover .blog-product-image{transform:scale(1.05)}.blog-product-info{flex-direction:column;gap:.8rem;display:flex}.blog-product-title-link{color:var(--text-primary);text-decoration:none}.blog-product-name{letter-spacing:.02em;font-size:1.1rem;font-weight:400}.blog-product-price{color:var(--text-secondary);font-size:.95rem}.blog-product-options{border-top:1px solid var(--border-color);flex-direction:column;gap:1.2rem;margin-top:.5rem;padding-top:1rem;display:flex}.blog-product-option-group{flex-direction:column;gap:.5rem;display:flex}.blog-product-option-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.blog-product-option-value{color:var(--text-primary)}.blog-product-swatches{align-items:center;gap:.6rem;display:flex}.blog-product-swatch{background-color:var(--swatch-color);border:1px solid var(--border-color);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:transform .2s,border-color .2s;position:relative}.blog-product-swatch.active{border-color:var(--text-primary);transform:scale(1.1)}.blog-product-swatch.active:after{content:"";border:1px solid var(--text-primary);border-radius:50%;position:absolute;inset:-4px}.blog-product-sizes{flex-wrap:wrap;gap:.5rem;display:flex}.blog-product-size-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:2px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.blog-product-size-btn:hover{border-color:var(--text-secondary)}.blog-product-size-btn.active{background:var(--text-primary);color:var(--background);border-color:var(--text-primary)}.blog-product-add-to-cart{background:var(--text-primary);width:100%;color:var(--background);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;justify-content:center;align-items:center;margin-top:1rem;padding:1rem;font-size:.9rem;transition:all .3s;display:flex}.blog-product-add-to-cart.disabled{background:var(--surface-2);color:var(--text-secondary);cursor:not-allowed}.blog-product-add-to-cart:not(.disabled):hover{opacity:.9;transform:translateY(-2px)}.blog-product-add-to-cart.added{background:#2e7d32}
