body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f9;display:flex;justify-content:center;align-items:center;min-height:100vh}.carousel-container{width:90%;max-width:1200px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}.card{perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;min-height:250px;height:auto;transform-style:preserve-3d;transition:transform .6s}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.card-front{background-color:#fff;display:flex;justify-content:center;align-items:center}.card-front img{width:100%;height:100%;object-fit:cover}.runes-back{background-color:#fff;color:#000}.card-back{background-color:#fafafa;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transform:rotateY(180deg);padding:10px;text-align:center;max-height:250px;overflow-y:auto;font-size:14px;line-height:1.4}.card:hover .card-inner{transform:rotateY(180deg)}.carrousel-container{display:flex;overflow:hidden;position:relative;width:100%;max-width:1200px;margin:auto}.carrousel-slide{display:flex;transition:transform .5s ease-in-out}.carrousel-item{flex:0 0 33.33%;text-align:center;padding:10px}.carrousel-item img{max-width:100%;border:2px solid #ccc;border-radius:5px;box-shadow:0px 4px 6px rgba(0,0,0,.2)}.carrousel-controls{display:flex;justify-content:space-between;position:absolute;top:50%;width:100%;transform:translateY(-50%);pointer-events:none}.carrousel-controls button{pointer-events:all;background-color:rgba(0,0,0,.5);border:none;color:#fff;font-size:20px;padding:10px;cursor:pointer;border-radius:50%}