.flipkaki-section{max-width:1200px;margin:2rem auto;padding:0 1rem;text-align:center;font-family:Arial,sans-serif}.flipkaki-section h2{font-size:2rem;margin-bottom:.5rem;color:#333}.flipkaki-intro{max-width:800px;margin:0 auto 2rem auto;font-size:1rem;color:#555;line-height:1.4}.flipkaki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;justify-items:center}.flipkaki-card{perspective:1200px;-webkit-perspective:1200px;width:100%;max-width:300px;height:280px;position:relative}.flipkaki-inner{width:100%;height:100%;transition:transform 0.7s cubic-bezier(.25,.8,.25,1);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;cursor:pointer;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.1);position:relative;overflow:hidden}.flipkaki-card:hover .flipkaki-inner,.flipkaki-card:active .flipkaki-inner{transform:rotateY(180deg) scale(1.03) rotateZ(0.4deg);-webkit-transform:rotateY(180deg) scale(1.03) rotateZ(0.4deg)}.flipkaki-front,.flipkaki-back{position:absolute;width:100%;height:100%;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:1rem;text-align:center}.flipkaki-front{background-color:#44533e;color:#fff;z-index:2;transform:rotateY(0deg);-webkit-transform:rotateY(0deg)}.flipkaki-front h3{margin-bottom:.5rem;font-size:1rem}.flipkaki-front p{margin:0;font-size:.9rem;line-height:1.4;max-width:90%}.flipkaki-back{background-color:#000;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);z-index:1}.flipkaki-back img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.3)}