.example-widget{padding:30px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.example-title{font-size:28px;line-height:1.3;color:#333;margin-bottom:20px;text-align:center}.example-description{font-size:16px;line-height:1.6;color:#666;margin-bottom:40px;text-align:center}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0}.example-item{position:relative;background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all 0.3s ease;opacity:0;transform:translateY(20px);overflow:hidden}.example-item--visible{opacity:1;transform:translateY(0)}.example-item:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.15)}.example-item--active{border:2px solid #4054b2}.example-item-image{position:relative;width:100%;padding-top:75%;overflow:hidden}.example-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.example-item:hover .example-item-image img{transform:scale(1.05)}.example-item-title{font-size:20px;line-height:1.4;color:#333;margin:15px 20px 10px}.example-item-content{font-size:14px;line-height:1.6;color:#666;margin:0 20px 20px}@keyframes itemEntrance{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){.example-grid{grid-template-columns:repeat(2,1fr)}.example-title{font-size:24px}.example-item-title{font-size:18px}}@media screen and (max-width:767px){.example-widget{padding:20px}.example-grid{grid-template-columns:1fr}.example-title{font-size:22px}.example-description{font-size:14px;margin-bottom:30px}.example-item-title{font-size:16px;margin:12px 15px 8px}.example-item-content{margin:0 15px 15px}}@media print{.example-widget{box-shadow:none}.example-item{break-inside:avoid;page-break-inside:avoid}.example-item:hover{transform:none;box-shadow:none}}