.pressol-tiles-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:2rem}
.pressol-tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.pressol-tile{position:relative;background:#fff;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.pressol-tile:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.pressol-tile__image{position:relative;width:100%;height:200px;overflow:hidden}
.pressol-tile__image img{width:100%;height:100%;object-fit:cover;display:block}
.pressol-tile__image--placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center}
.pressol-tile__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}
.pressol-tile:hover .pressol-tile__play-icon,.pressol-tile__image--placeholder .pressol-tile__play-icon{opacity:1}
.pressol-tile__play-icon::after{content:'';width:0;height:0;border-left:20px solid white;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}
.pressol-tile__content{padding:1.5rem}
.pressol-tile__title{margin:0;font-size:1.25rem;font-weight:600}
.pressol-tile__description{margin:0;line-height:1.6;color:#666}
.pressol-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9)}
.pressol-modal.active{display:flex;align-items:center;justify-content:center}
.pressol-modal__content{position:relative;width:90%;max-width:1200px;background:#000;border-radius:12px;overflow:hidden}
.pressol-modal__close{position:absolute;top:-40px;right:0;color:white;font-size:40px;font-weight:300;cursor:pointer;z-index:10000;line-height:1;user-select:none}
.pressol-modal__close:hover{opacity:.7}
.pressol-modal__video{position:relative;padding-bottom:56.25%;height:0}
.pressol-modal__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
@media(max-width:768px){.pressol-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.pressol-modal__close{top:-35px;font-size:32px}}