.page-peel-container{position:relative;overflow:visible!important;cursor:pointer}.peel-wrapper{position:relative;width:100%;min-height:400px;perspective:1500px;transform-style:preserve-3d}.peel-front{position:relative;z-index:3;width:100%;min-height:400px;background:#fff;transform-origin:top right;transition:transform 0.7s cubic-bezier(.23,1,.32,1),clip-path 0.7s cubic-bezier(.23,1,.32,1),box-shadow 0.7s ease;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);box-shadow:0 0 0 #fff0;will-change:transform,clip-path}.peel-back{position:absolute;top:0;right:0;width:320px;height:320px;z-index:2;background:linear-gradient(135deg,#ff6b6b,#ee5a24);transform-origin:top right;transform:rotate(0deg) scale(.95);box-shadow:-5px 5px 20px rgb(0 0 0 / .1);border-radius:0 0 0 20px;will-change:transform,box-shadow;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;text-align:center;padding:20px;transition:transform 0.7s cubic-bezier(.23,1,.32,1),box-shadow 0.7s ease}.peel-back::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(255 255 255 / .2) 0%,transparent 50%);border-radius:0 0 0 20px;pointer-events:none}.peel-shadow{position:absolute;top:0;right:0;width:320px;height:320px;z-index:1;background:#fff0;box-shadow:0 0 40px rgb(0 0 0 / .1);pointer-events:none;opacity:0;transition:opacity 0.7s ease}.page-peel-container:hover .peel-front,.page-peel-container.peel-active .peel-front{transform:rotate(-12deg) scale(.92);clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%);box-shadow:0 10px 40px rgb(0 0 0 / .15)}.page-peel-container:hover .peel-back,.page-peel-container.peel-active .peel-back{transform:rotate(-8deg) scale(1.02);box-shadow:-10px 15px 50px rgb(0 0 0 / .3)}.page-peel-container:hover .peel-shadow,.page-peel-container.peel-active .peel-shadow{opacity:1}.peel-sticker{position:absolute;top:5px;right:5px;z-index:4;background:gold;color:#333;padding:4px 12px;font-size:.7rem;font-weight:700;border-radius:0 0 0 12px;letter-spacing:.5px;box-shadow:0 2px 10px rgb(255 215 0 / .3);pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity 0.5s ease,transform 0.5s ease}.page-peel-container:hover .peel-sticker,.page-peel-container.peel-active .peel-sticker{opacity:1;transform:translateY(0)}@media (max-width:768px){.peel-back{width:180px;height:180px;font-size:.9rem;padding:15px}.peel-shadow{width:180px;height:180px}.page-peel-container:hover .peel-front,.page-peel-container.peel-active .peel-front{clip-path:polygon(0 0,60% 0,100% 40%,100% 100%,0 100%)}}@media (max-width:480px){.peel-back{width:120px;height:120px;font-size:.7rem;padding:10px;border-radius:0 0 0 10px}.peel-shadow{width:120px;height:120px}}