.hw__mystery{position:relative;z-index:3;max-width:1000px;margin:0 auto;padding:86px 20px 0;text-align:center}.hw-my__intro{max-width:620px;margin:0 auto 44px;font-size:16px;line-height:1.7;color:#b6aec6}.hw-my__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:28px;justify-content:center}.hw-my__card{display:flex;flex-direction:column;background:linear-gradient(180deg,#2a0f3d80,#0a0810db);border:1px solid rgba(255,138,31,.26);border-radius:6px;overflow:hidden;text-align:left;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.hw-my__card:hover{transform:translateY(-5px);border-color:#ff8a1f99;box-shadow:0 18px 46px #ff64142b}.hw-my__card.is-gone{opacity:.55}.hw-my__img{position:relative;display:block;aspect-ratio:4 / 3;background:#0a0810;overflow:hidden}.hw-my__img img{width:100%;height:100%;object-fit:cover;display:block}.hw-my__seal{position:absolute;top:12px;left:12px;background:#ff8a1f;color:#140a02;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:2px}.hw-my__body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1 1 auto}.hw-my__title{font-size:19px;line-height:1.3;margin:0 0 10px;color:#f2eef8}.hw-my__price{font-size:20px;font-weight:700;color:#ffb03a;margin:0 0 8px}.hw-my__price s{color:#7b7288;font-weight:400;font-size:16px;margin-right:9px}.hw-my__left{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ff6b3d;margin:0 0 14px}.hw-my__left--gone{color:#7b7288}.hw-my__btn{display:block;margin-top:auto;padding:14px 18px;background:#ff8a1f;color:#140a02;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center;text-decoration:none;border-radius:3px;transition:background .2s ease}.hw-my__btn:hover{background:#ffa441;color:#140a02}.hw-my__btn--ghost{background:transparent;color:#b6aec6;border:1px solid rgba(182,174,198,.32)}.hw-my__btn--ghost:hover{background:#b6aec61a;color:#e9e4ef}.hw__more{text-align:center;margin:36px 0 0}.hw__cta--ghost{background:transparent;color:#e9e4ef;border:1px solid rgba(255,138,31,.45);box-shadow:none}.hw__cta--ghost:hover{background:#ff8a1f1f;color:#fff;border-color:#ff8a1fcc}@media screen and (max-width:600px){.hw__mystery{padding-top:64px}.hw-my__intro{font-size:15px;margin-bottom:32px}.hw-my__grid{grid-template-columns:1fr;gap:22px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/halloween-mystery.css.map */