.lipstick-showcase{position:relative;min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:26px 14px 20px;border-radius:22px;background:radial-gradient(circle at 50% 38%,rgba(183,22,69,.17),transparent 34%),linear-gradient(145deg,#171113,#080708 76%);border:1px solid rgba(255,255,255,.08)}
.lipstick-copy{position:absolute;top:22px;text-align:center;z-index:8}.lipstick-copy span{display:block;font-size:9px;letter-spacing:3px;color:#b98b99;margin-bottom:5px}.lipstick-copy strong{font:500 20px Georgia,serif;color:#fff}
.lipstick3d{position:relative;width:190px;height:260px;margin-top:34px;border:0;background:transparent;cursor:pointer;perspective:1100px;outline:0}.lipstick3d:focus-visible{outline:2px solid #d95079;outline-offset:5px;border-radius:18px}
.lipstick3d-scene{position:absolute;left:50%;bottom:18px;width:120px;height:220px;transform:translateX(-50%) rotateX(-5deg) rotateY(-10deg);transform-style:preserve-3d;transition:transform .18s ease-out,filter .35s ease;filter:drop-shadow(0 18px 14px rgba(0,0,0,.42))}
.lipstick3d-shadow{position:absolute;left:50%;bottom:-4px;width:100px;height:18px;transform:translateX(-50%) translateZ(-35px);border-radius:50%;background:rgba(0,0,0,.58);filter:blur(8px);transition:.75s}
.lipstick3d-body{position:absolute;left:27px;bottom:6px;width:66px;height:150px;transform-style:preserve-3d}
.lipstick3d-base{position:absolute;left:0;bottom:0;width:66px;height:92px;border-radius:8px 8px 16px 16px;background:linear-gradient(90deg,#030303 0%,#151515 15%,#454045 34%,#151315 57%,#020202 83%,#262226 100%);border:1px solid rgba(255,255,255,.16);box-shadow:inset 8px 0 12px rgba(255,255,255,.07),inset -11px 0 14px rgba(0,0,0,.72),0 10px 18px rgba(0,0,0,.38)}
.lipstick3d-base:before{content:"";position:absolute;left:10px;top:10px;width:8px;height:64px;border-radius:50%;background:linear-gradient(#ffffff55,#ffffff05);filter:blur(1px)}
.lipstick3d-base:after{content:"B";position:absolute;left:50%;bottom:13px;transform:translateX(-50%);font:16px Georgia,serif;color:#c9a367}
.lipstick3d-neck{position:absolute;left:7px;bottom:78px;width:52px;height:49px;border-radius:5px 5px 8px 8px;background:linear-gradient(90deg,#5a401c,#d9ad61 17%,#ffe7aa 36%,#986c2d 57%,#503611 77%,#d5a95c);border:1px solid rgba(255,228,174,.48);box-shadow:inset 4px 0 6px rgba(255,255,255,.3),inset -7px 0 8px rgba(63,31,0,.32)}
.lipstick3d-neck:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;background:#583c19aa;box-shadow:0 1px #ffffff55}
.lipstick3d-stick{position:absolute;left:15px;bottom:112px;width:36px;height:88px;border-radius:19px 19px 8px 8px;background:linear-gradient(90deg,#5f0b1e 0%,#a71939 20%,#e44161 44%,#f15d78 51%,#a31938 73%,#560819 100%);box-shadow:inset 6px 0 9px rgba(255,164,178,.22),inset -7px 0 9px rgba(58,0,12,.4);transform:translateY(48px);transition:transform .85s cubic-bezier(.16,1,.3,1) .08s;z-index:-1}
.lipstick3d-stick:before{content:"";position:absolute;left:2px;top:-12px;width:32px;height:25px;border-radius:60% 60% 42% 45%;background:linear-gradient(100deg,#650d21,#ed4d6c 45%,#8b162f);transform:rotate(-14deg)}
.lipstick3d-stick:after{content:"";position:absolute;left:7px;top:6px;width:6px;height:58px;border-radius:50%;background:#ffd0d633;filter:blur(1px)}
.lipstick3d-cap{position:absolute;left:24px;bottom:88px;width:72px;height:132px;border-radius:18px 18px 9px 9px;transform-origin:50% 92%;transform-style:preserve-3d;background:linear-gradient(90deg,#020202 0%,#171417 15%,#484348 34%,#242124 52%,#050505 79%,#262226 100%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 8px 0 11px rgba(255,255,255,.08),inset -13px 0 15px rgba(0,0,0,.74),0 9px 18px rgba(0,0,0,.42);transition:transform 1s cubic-bezier(.22,.78,.18,1),filter .8s ease;z-index:6}
.lipstick3d-cap:before{content:"";position:absolute;left:11px;top:11px;width:8px;height:88px;border-radius:50%;background:linear-gradient(#ffffff4a,#ffffff03);filter:blur(1px)}
.lipstick3d-cap:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:3px;background:linear-gradient(90deg,#5b3d1a,#c49750,#f0d18b,#765022)}
.lipstick3d.open .lipstick3d-cap{transform:translate3d(74px,105px,28px) rotateX(18deg) rotateY(36deg) rotateZ(78deg);filter:drop-shadow(14px 16px 8px rgba(0,0,0,.5))}
.lipstick3d.open .lipstick3d-stick{transform:translateY(-10px)}.lipstick3d.open .lipstick3d-shadow{width:142px;opacity:.8}
.lipstick3d-hint{position:absolute;bottom:15px;color:rgba(255,255,255,.46);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;pointer-events:none}
@media(max-width:700px){.lipstick-showcase{min-height:330px}.lipstick3d{transform:scale(.9);margin-top:25px}}
@media(prefers-reduced-motion:reduce){.lipstick3d-scene,.lipstick3d-cap,.lipstick3d-stick,.lipstick3d-shadow{transition:none!important}}