.zello-sf-grid{display:grid;grid-template-columns:repeat(var(--columns,3),1fr);gap:20px;margin:20px 0}.zello-sf-list{display:flex;flex-direction:column;gap:20px;margin:20px 0}.zello-sf-list .zello-sf-item{display:flex;gap:20px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.zello-sf-list .zello-sf-media{flex:0 0 200px;min-height:150px;position:relative;overflow:hidden}.zello-sf-list .zello-sf-media img{width:100%;height:100%;object-fit:cover}.zello-sf-list .zello-sf-content{flex:1;padding:16px}@media (max-width:768px){.zello-sf-list .zello-sf-item{flex-direction:column}.zello-sf-list .zello-sf-media{flex:0 0 auto;min-height:200px}}.zello-sf-masonry{margin:20px 0}.zello-sf-masonry-item{transition:transform 0.3s ease}.zello-sf-masonry-item:hover{transform:translateY(-4px)}@media (max-width:768px){.zello-sf-masonry{column-count:2!important}}@media (max-width:480px){.zello-sf-masonry{column-count:1!important}}.zello-sf-carousel-wrapper{position:relative;margin:20px 0}.zello-sf-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 5px 20px 5px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.zello-sf-carousel-item{flex:0 0 calc(33.333% - 14px);min-width:280px;scroll-snap-align:start}.zello-sf-carousel .zello-sf-card{height:100%}.zello-carousel-prev,.zello-carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:rgb(0 0 0 / .6);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;z-index:10;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease}.zello-carousel-prev{left:0}.zello-carousel-next{right:0}.zello-carousel-prev:hover,.zello-carousel-next:hover{background:rgb(0 0 0 / .8)}@media (max-width:768px){.zello-sf-carousel-item{flex:0 0 calc(80% - 10px);min-width:200px}}@media (max-width:480px){.zello-sf-carousel-item{flex:0 0 calc(90% - 10px);min-width:160px}}.zello-sf-item{transition:transform 0.3s ease,box-shadow 0.3s ease}.zello-sf-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgb(0 0 0 / .15)}.zello-sf-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1);height:100%}.zello-sf-media{position:relative;overflow:hidden;padding-top:56.25%;background:#f5f5f5}.zello-sf-media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.zello-sf-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgb(0 0 0 / .7);border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease}.zello-sf-play-button:hover{background:rgb(255 0 0 / .8)}.zello-sf-content{padding:16px}.zello-sf-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}.zello-sf-platform-icon{font-size:18px}.zello-sf-platform-name{font-weight:600;text-transform:capitalize}.zello-sf-time{margin-left:auto;color:#999;font-size:12px}.zello-sf-message{margin:8px 0;color:#333;line-height:1.5}.zello-sf-title{margin:8px 0;font-size:16px;font-weight:600;color:#222}.zello-sf-meta{display:flex;gap:16px;margin:12px 0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:13px;color:#666}.zello-sf-meta span{display:flex;align-items:center;gap:4px}.zello-sf-link{display:inline-block;margin-top:8px;color:#0073aa;text-decoration:none;font-size:13px;font-weight:500}.zello-sf-link:hover{text-decoration:underline}