/* Approved ivory ceramic pendant. The raster is used only as its interior
   material; CSS trims the export margin and supplies stable rounded edges. */
.drawer .shop-button{left:42.2%;top:16cqw;width:16%;height:8cqw;min-height:0;transform:none;padding:.5cqw 0 0!important;border:0!important;border-radius:1cqw!important;background:none!important;box-shadow:none!important;filter:drop-shadow(.2cqw .4cqw .25cqw #22180c66);font:400 clamp(12px,2.7cqw,27px) Playfair;letter-spacing:.01em;color:#443b30!important;overflow:visible}
.drawer .shop-button::before{inset:0;display:block;background:url('./assets/ui-ceramic-v7.webp') center/105% 140% no-repeat;border-radius:1cqw;box-shadow:inset .07cqw .12cqw .1cqw #fff6dc99,inset -.1cqw -.2cqw .15cqw #8b796155}
.drawer .shop-button>span{font-style:normal;line-height:1.1}
.drawer .shop-button::after{display:none}
.tag-hole{position:absolute;z-index:2;top:14%;width:.7cqw;height:.7cqw;border-radius:50%;transform:translate(-50%,-50%);background:#493a28;box-shadow:inset 0 .1cqw .12cqw #20190e,0 .09cqw .08cqw #fff1d3;border:.09cqw solid #b3a184;pointer-events:none}
.tag-hole.left{left:10%}.tag-hole.right{left:90%}
.tag-cord{left:40%;top:9cqw;width:20cqw;height:10cqw;z-index:3;filter:drop-shadow(.06cqw .14cqw .06cqw #24190d66)}
.tag-cord path{stroke:#b6a88c;stroke-width:1.5;vector-effect:none;stroke-linecap:round;stroke-linejoin:round}
.tag-cord .cord-light{stroke:#e2d3b3;stroke-width:.5;stroke-dasharray:1.5 2.5}
.pendant{transform-origin:50% 10cqw}
.drawer[data-in-view=true]:not(.opening):not(.open) .pendant{animation:pendant-invitation 8.5s ease-in-out infinite}
@keyframes pendant-invitation{0%,75%,100%{transform:rotate(-1deg)}10%{transform:rotate(2.6deg)}23%{transform:rotate(-2deg)}37%{transform:rotate(1.5deg)}51%{transform:rotate(-.8deg)}64%{transform:rotate(.6deg)}}
.drawer .shop-button:hover{filter:drop-shadow(.2cqw .45cqw .3cqw #22180c66) brightness(1.025)}
.drawer .shop-button:focus-visible{outline:2px solid #f1e4cc;outline-offset:4px}
@media(pointer:coarse){.drawer .shop-button{isolation:isolate}.drawer .shop-button>span::after{content:'';position:absolute;left:50%;top:50%;width:16cqw;height:max(44px,8cqw);transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.drawer[data-in-view=true] .pendant{animation:none!important;transform:none}}