.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);background-color:var(--background);width:100%;min-height:100vh;color:var(--text-primary);padding:120px 5% 80px;transition:background-color .3s,color .3s}.blog-post-back-btn{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:3rem;font-size:.9rem;transition:color .3s,transform .3s;display:inline-flex}.blog-post-back-btn:hover{color:var(--text-primary);transform:translate(-5px)}.rtl .blog-post-back-btn:hover{transform:translate(5px)}.blog-post-header{text-align:center;max-width:800px;margin:0 auto 4rem}.blog-post-meta{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.blog-post-category{color:var(--text-primary);align-items:center;gap:.4rem;font-weight:500;display:inline-flex}.blog-post-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.2;font-family:var(--font-serif,"Playfair Display", serif);letter-spacing:-.02em;margin-bottom:1.5rem}.blog-post-excerpt{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.blog-post-image-wrapper{aspect-ratio:16/9;background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;max-width:1000px;margin:0 auto 4rem;display:flex;position:relative;overflow:hidden}.blog-post-image-icon{width:48px;height:48px;color:var(--text-tertiary);opacity:.5}.blog-post-content{max-width:700px;margin:0 auto}.blog-post-content p{color:var(--text-primary);margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.blog-post-content p:first-of-type:first-letter{font-size:3.5rem;font-family:var(--font-serif,"Playfair Display", serif);float:left;color:var(--text-primary);padding-right:.8rem;line-height:1}.rtl .blog-post-content p:first-of-type:first-letter{float:right;padding-left:.8rem;padding-right:0}.blog-post-content h3{font-size:1.8rem;font-weight:400;font-family:var(--font-serif,"Playfair Display", serif);margin:3rem 0 1.5rem}.blog-post-quote{border-left:2px solid var(--text-primary);background:var(--surface-1);color:var(--text-primary);font-size:1.3rem;font-style:italic;line-height:1.6;font-family:var(--font-serif,"Playfair Display", serif);margin:3rem 0;padding:2rem}.rtl .blog-post-quote{border-left:none;border-right:2px solid var(--text-primary)}.blog-post-share{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;max-width:700px;margin:4rem auto 0;padding-top:2rem;display:flex}.blog-post-share-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.9rem}.blog-post-share-actions{gap:1rem;display:flex}.share-action-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.share-action-btn:hover{background:var(--text-primary);color:var(--background);transform:translateY(-2px)}.fade-up{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);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 (max-width:768px){.blog-post-container{padding-top:100px}.blog-post-header,.blog-post-image-wrapper{margin-bottom:2rem}.blog-post-content p{font-size:1rem}.blog-post-quote{padding:1.5rem;font-size:1.1rem}}.blog-post-faq{border-top:1px solid var(--border-color);max-width:700px;margin:4rem auto 0;padding-top:3rem}.blog-post-faq-title{font-size:1.6rem;font-family:var(--font-serif,"Playfair Display", serif);color:var(--text-primary);margin-bottom:2rem;font-weight:400}.blog-post-faq-list{border-top:1px solid var(--border-color);flex-direction:column;display:flex}.blog-post-faq-item{border-bottom:1px solid var(--border-color)}.blog-post-faq-question{cursor:pointer;color:var(--text-primary);padding:1.25rem 2rem 1.25rem 0;font-size:1rem;line-height:1.5;list-style:none;position:relative}.blog-post-faq-question::-webkit-details-marker{display:none}.blog-post-faq-question:after{content:"+";inset-inline-end:0;color:var(--text-tertiary);font-size:1.1rem;position:absolute;top:50%;transform:translateY(-50%)}.blog-post-faq-item[open] .blog-post-faq-question:after{content:"−"}.blog-post-faq-answer{color:var(--text-secondary);white-space:pre-line;padding:0 2rem 1.5rem 0;font-size:.95rem;line-height:1.8}.blog-post-products{border-top:1px solid var(--border-color);max-width:1000px;margin:5rem auto 0;padding-top:4rem}.blog-post-products-title{font-size:2rem;font-family:var(--font-serif,"Playfair Display", serif);text-align:center;margin-bottom:3rem;font-weight:400}.blog-post-products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.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}
