.rug-card{width:320px;height:420px;perspective:1000px;cursor:pointer}.rug-card-inner{position:relative;width:100%;height:100%;transition:transform .9s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.rug-card.flipped .rug-card-inner{transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.rug-card:focus-within .rug-card-inner,.rug-card:hover .rug-card-inner{transform:rotateY(180deg)}.rug-card .rug-card-inner{transition-delay:60ms}}.rug-card-back,.rug-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05)}.rug-card-front img{width:100%;height:100%;object-fit:cover}.rug-card-overlay{position:absolute;top:0;left:0;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4));width:100%;height:100%;display:flex;justify-content:center;align-items:center}.rug-card-overlay h3{font-family:Playfair Display,serif;font-size:24px;color:white;text-align:center}.rug-card-back{box-sizing:border-box;background-color:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}.rug-card-back h3{font-family:Playfair Display,serif;font-size:22px;color:#222;margin-bottom:20px}.rug-card-back p{font-family:Montserrat,sans-serif;font-size:14px;color:#555;line-height:1.6}@media (max-width:768px){.rug-card{width:100%;height:400px}}.rug-card-btn{display:inline-block;margin-top:18px;padding:10px 18px;background-color:#6f4e37;color:#ffffff;text-decoration:none;border-radius:30px;font-size:14px;transition:all .3s ease}.rug-card-btn:hover{background-color:#2b2118;color:#ffffff}