[hidden]{display:none!important}
.demo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:150}
.demo-dialog{z-index:151!important;outline:none;animation:drawer-in .3s ease-out}
.demo-dialog[data-side="left"]{animation:menu-in .3s ease-out}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes menu-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.demo-dialog #cart-items{min-height:0}
.demo-dialog #cart-title{padding-right:24px}
.search-wrap{position:relative}
.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid hsl(var(--border));border-radius:16px;box-shadow:0 8px 24px #0002;z-index:45;max-height:420px;overflow:auto;padding:8px}
.search-result{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;width:100%;text-align:left;font-size:14px}
.search-result:hover{background:hsl(var(--wpink-cream))}
.search-result img{width:48px;height:48px;object-fit:contain}
.search-result strong{display:block;line-height:1.3}
.search-result small{display:block;margin-top:4px}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:white;border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 8px 30px #0002;max-width:calc(100% - 32px);width:420px;padding:20px;z-index:200;font-size:14px}
.cart-count{position:absolute;right:-10px;top:-10px;background:hsl(var(--primary));color:white;border-radius:999px;font-size:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}
.detail-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);max-height:90vh;overflow:auto;width:min(850px,calc(100% - 24px));background:white;border-radius:20px;padding:28px;z-index:151;outline:none}
.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.detail-layout img{width:100%;max-height:420px;object-fit:contain}
.detail-layout h2{font-size:26px;font-weight:900;line-height:1.2;margin:16px 0}
.detail-layout p{font-size:14px;margin:16px 0}
.detail-layout button{display:block;width:100%;background:hsl(var(--wpink-purple));color:white;padding:12px;border-radius:999px;font-weight:700}
.detail-close{position:absolute;right:14px;top:8px;font-size:26px;padding:4px 8px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.catalog-grid>div{width:100%!important}
.catalog-heading{font-size:36px;font-weight:900;color:#c9a3ea;margin:28px 0}
.catalog-back{color:hsl(var(--primary));font-weight:700}
@media(max-width:1023px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{font-size:28px}.detail-layout{grid-template-columns:1fr}.detail-layout img{max-height:250px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}