.postHero{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;min-height:300px;padding:150px 0;display:flex;position:relative;overflow:hidden}.postHero .overlay{z-index:10;background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.postHero .postInfo{text-align:center;color:#fff;z-index:10;width:100%;position:relative}.postHero .postInfo h1{text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #00000080;margin-bottom:1rem;font-family:Raleway,sans-serif;font-size:5rem;font-weight:700}.postHero .postInfo .description{margin-bottom:2rem;font-size:1.5rem}.postHero .postInfo .price{text-shadow:0 0 10px #00000080;text-transform:uppercase;font-family:Raleway,sans-serif;font-size:3.5rem;font-weight:700}.postHero .postInfo p{margin-bottom:2rem;font-size:1.2rem}@media (max-width:1024px){.postHero .postInfo h1{font-size:2.8rem}.postHero .postInfo .description{margin-bottom:2rem;font-size:1.2rem}}
.postDetail{color:#333;z-index:999;background-color:#fff;border-radius:8px;width:70%;max-width:950px;margin:10px auto;padding:55px;position:relative;box-shadow:0 4px 8px #00000080}.postDetail-category{text-transform:uppercase;letter-spacing:1px;text-align:center;color:#fff;background-color:#333;padding:10px 15px;font-size:1.2rem;position:absolute;top:-10px;left:10px}.postDetail-info{justify-content:flex-end;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex;position:relative}.postDetail-info .postDetail-author,.postDetail-date{color:#555;align-items:center;gap:10px;display:flex}.postDetail-tags{align-items:center;gap:10px;display:flex}.postDetail-tags .postDetail-tag{background-color:var(--bubble-secondary-color);color:#fff;border-radius:5px;padding:5px 10px}.postDetail-title{text-transform:uppercase;color:#333;margin-bottom:20px;font-size:3rem;font-weight:700}.postDetail-title:after,.postDetail-title:before{content:"";display:none}.postDetail-image{border-radius:8px;width:100%;height:auto;margin-bottom:20px}.postDetail-content{color:#555;font-size:1.2rem;line-height:1.6}@media screen and (max-width:1024px){.postDetail{width:60%;max-width:650px;margin:15px auto;padding:35px}.postDetail-category{padding:5px;font-size:.8rem}.postDetail-title{margin-bottom:15px;font-size:2rem;font-weight:700}}@media screen and (max-width:768px){.postDetail{width:90%;margin:10px auto;padding:20px}}
.post-side{z-index:999;gap:25px;width:30%;max-width:350px;max-height:400px;margin:10px auto;display:grid;position:sticky;top:300px}.post-side .side-item{text-align:center;background-color:#fff;border-radius:8px;padding:20px 10px;box-shadow:0 4px 8px #00000080}.post-side .side-item:hover{box-shadow:0 8px 16px #00000080}.post-side .side-item h2{color:#333;margin-bottom:10px;font-size:28px;font-weight:700}.post-side .side-item .author-title{color:#666;margin-bottom:5px;font-size:18px;font-weight:700}.post-side .side-item .related-articles{color:#999;margin-top:10px;font-size:16px}.post-side .side-item .related-articles .related-article{align-items:center;margin-bottom:10px;padding:15px;display:flex}.post-side .side-item .related-articles .related-article img{-o-object-fit:cover;object-fit:cover;width:80px;height:80px;margin-right:10px}.post-side .side-item .related-articles a{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;text-decoration:none;color:#333!important}.post-side .side-item .no-posts{color:#999;margin-top:10px;font-size:16px}@media screen and (max-width:1024px){.post-side .side-item h2{margin-bottom:5px;font-size:18px}.post-side .side-item .related-articles img{-o-object-fit:cover;object-fit:cover;width:100px;height:100px}.post-side .side-item .related-articles a{font-size:14px}.post-side .side-item .related-articles .related-article{margin-bottom:0;padding:10px}.post-side .side-item .related-articles .related-article img{-o-object-fit:cover;object-fit:cover;width:50px;height:50px;margin-right:10px}.post-side .side-item .related-articles .related-article a{color:#333;text-decoration:none;font-size:12px!important}}@media screen and (max-width:768px){.post-side{display:none}}