.drawer{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #0000004d}.drawer__header{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawer__close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff}.drawer__close:hover{background:#fff3;transform:rotate(90deg);border-color:#fff6}.drawer__menu{padding:30px 0;background:transparent}.drawer__menu-item{margin:0;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease}.drawer__menu-item:hover{background:#ffffff0d;border-left:3px solid #FFD700}.drawer__menu a{color:#fff;text-decoration:none;padding:18px 30px;display:block;font-weight:500;font-size:18px;letter-spacing:.5px;position:relative;transition:all .4s ease;text-transform:uppercase}.drawer__menu a:hover{color:gold;padding-left:40px;background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,transparent 100%)}.drawer__menu a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(90deg,gold,orange);transition:width .4s ease}.drawer__menu a:hover:before{width:30px;margin-left:15px}.drawer__footer{position:absolute;bottom:0;left:0;right:0;padding:30px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.drawer__social{display:flex;gap:20px;justify-content:center}.drawer__social a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;transition:all .3s ease;text-decoration:none}.drawer__social a:hover{background:gold;color:#1a1a1a;transform:translateY(-3px);box-shadow:0 10px 20px #ffd7004d}.drawer__overlay{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .4s ease}@media (max-width: 768px){.drawer{width:100vw}.drawer__menu a{font-size:20px;padding:20px 25px}.drawer__menu a:hover{padding-left:35px}}.drawer.drawer--open{animation:slideIn .4s ease-out}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.drawer__menu-item{opacity:0;transform:translate(-20px);animation:menuItemSlide .3s ease-out forwards}.drawer__menu-item:nth-child(1){animation-delay:.1s}.drawer__menu-item:nth-child(2){animation-delay:.15s}.drawer__menu-item:nth-child(3){animation-delay:.2s}.drawer__menu-item:nth-child(4){animation-delay:.25s}.drawer__menu-item:nth-child(5){animation-delay:.3s}@keyframes menuItemSlide{to{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/drawer-menu-custom.css.map */