.blog-article{padding:6rem 0 3rem;background-color:#fff;min-height:100vh}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.breadcrumb a{color:var(--clinic-green);text-decoration:none;transition:color 0.3s ease}.breadcrumb a:hover{color:#45a049}.breadcrumb span{color:#6c757d}.blog-article .container{display:grid;grid-template-columns:1fr 300px;gap:3rem;max-width:1200px}.article-content{max-width:none}.article-header{margin-bottom:2rem}.article-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.meta-item{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.875rem}.meta-item .icon{color:var(--clinic-green)}.article-title{font-size:2.5rem;font-weight:700;color:var(--clinic-black);line-height:1.3;margin-bottom:1rem}.article-excerpt{font-size:1.25rem;color:#6c757d;line-height:1.6}.article-image{margin:2rem 0;text-align:center}.article-image img{width:100%;max-height:400px;object-fit:cover;border-radius:1rem;box-shadow:0 10px 25px rgb(0 0 0 / .1)}.image-caption{font-size:.875rem;color:#6c757d;margin-top:.5rem;font-style:italic}.article-body{font-size:1.125rem;line-height:1.8;color:#374151}.article-body h2{font-size:1.875rem;font-weight:600;color:var(--clinic-black);margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--clinic-green)}.article-body h3{font-size:1.5rem;font-weight:600;color:var(--clinic-black);margin:2rem 0 1rem}.article-body h4{font-size:1.25rem;font-weight:600;color:var(--clinic-black);margin:1.5rem 0 .75rem}.article-body p{margin-bottom:1.5rem}.info-box{background-color:rgb(76 175 80 / .1);border:1px solid rgb(76 175 80 / .3);border-radius:.75rem;padding:1.5rem;margin:2rem 0}.info-box h3{color:var(--clinic-green);margin-top:0;margin-bottom:.75rem;font-size:1.25rem}.warning-box{background-color:rgb(220 53 69 / .1);border:1px solid rgb(220 53 69 / .3);border-radius:.75rem;padding:1.5rem;margin:2rem 0}.warning-box h3{color:#dc3545;margin-top:0;margin-bottom:.75rem;font-size:1.25rem}.benefit-list{list-style:none;margin:1.5rem 0}.benefit-list li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:var(--clinic-gray);border-radius:.5rem}.benefit-list .icon{color:var(--clinic-green);flex-shrink:0;margin-top:.125rem}.treatment-areas{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.area-card{background-color:var(--clinic-gray);padding:1.5rem;border-radius:.75rem;transition:all 0.3s ease}.area-card:hover{background-color:rgb(76 175 80 / .1);transform:translateY(-2px)}.area-card h4{color:var(--clinic-green);margin-bottom:.75rem}.process-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.step{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:var(--clinic-gray);border-radius:1rem;transition:all 0.3s ease}.step:hover{background-color:rgb(76 175 80 / .1)}.step-number{width:2.5rem;height:2.5rem;background-color:var(--clinic-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step h4{margin:0 0 .5rem;color:var(--clinic-black)}.step p{margin:0;color:#6c757d}.aftercare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:2rem 0}.care-item{padding:1.5rem;border-radius:1rem}.care-item.do{background-color:rgb(76 175 80 / .1);border:1px solid rgb(76 175 80 / .3)}.care-item.dont{background-color:rgb(220 53 69 / .1);border:1px solid rgb(220 53 69 / .3)}.do-title{color:var(--clinic-green);margin-bottom:1rem}.dont-title{color:#dc3545;margin-bottom:1rem}.care-item ul{list-style:none;margin:0}.care-item li{padding:.5rem 0;border-bottom:1px solid rgb(0 0 0 / .1)}.care-item li:last-child{border-bottom:none}.clinic-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.feature{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:var(--clinic-gray);border-radius:.5rem}.feature .icon{color:var(--clinic-green)}.article-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.article-tags{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tag-label{font-weight:500;color:#374151}.tag{background-color:var(--clinic-green);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem}.article-share{display:flex;align-items:center;gap:1rem}.share-buttons{display:flex;gap:.5rem}.share-btn{width:2.5rem;height:2.5rem;border:none;border-radius:50%;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.share-btn.whatsapp{background-color:var(--whatsapp-green);color:#fff}.share-btn.telegram{background-color:#08c;color:#fff}.share-btn:hover{transform:scale(1.1)}.article-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-widget{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px rgb(0 0 0 / .05);border:1px solid var(--border)}.sidebar-widget h3{font-size:1.25rem;font-weight:600;color:var(--clinic-black);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--clinic-green)}.related-articles{display:flex;flex-direction:column;gap:1rem}.related-article{display:flex;gap:1rem;padding:1rem;background-color:var(--clinic-gray);border-radius:.5rem;transition:all 0.3s ease;text-decoration:none;color:inherit}.related-article:hover{background-color:rgb(76 175 80 / .1);transform:translateY(-2px)}.related-article img{width:4rem;height:4rem;object-fit:cover;border-radius:.5rem;flex-shrink:0}.article-info h4{font-size:.875rem;margin-bottom:.25rem;color:var(--clinic-black)}.article-info .date{font-size:.75rem;color:#6c757d}.cta-widget{background-color:var(--clinic-green);color:#fff}.cta-widget h3{color:#fff;border-bottom-color:rgb(255 255 255 / .3)}.cta-widget p{color:rgb(255 255 255 / .9);margin-bottom:1.5rem}.cta-widget .btn-primary{background-color:rgb(255 255 255 / .2);border:1px solid rgb(255 255 255 / .3)}.cta-widget .btn-primary:hover{background-color:rgb(255 255 255 / .3)}@media (max-width:1024px){.blog-article .container{grid-template-columns:1fr;gap:2rem}.article-sidebar{order:-1}.treatment-areas{grid-template-columns:1fr}.aftercare-grid{grid-template-columns:1fr}.clinic-features{grid-template-columns:1fr}}@media (max-width:768px){.article-title{font-size:2rem}.article-meta{flex-direction:column;gap:.75rem}.article-footer{flex-direction:column;align-items:flex-start}.process-steps .step{flex-direction:column;text-align:center}}