.hm-bp{margin:18px 0 22px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#ffc24a12,#ff7a1a08);border:1px solid rgba(255,194,74,.28);box-shadow:0 18px 50px #00000059,inset 0 1px #fff0e10f}.hm-bp__head{margin-bottom:14px}.hm-bp__title{font-size:clamp(26px,3.2vw,34px);margin:6px 0 4px;color:var(--hm-tx, #f5ece2)}.hm-bp__sub{margin:0;color:var(--hm-mut, #b2a194);font-size:14.5px;line-height:1.5}.hm-bp__stage{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.hm-bp__view{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#e9e4dd;aspect-ratio:1}.hm-bp__view img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s}.hm-bp__view figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 10px;background:#0a0706d1;color:var(--hm-tx, #f5ece2);font-size:12px;line-height:1.2;border-radius:10px}.hm-bp__view figcaption b{display:block;color:var(--hm-gold, #ffc24a);text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-bottom:2px}.hm-bp__view--back{outline:2px solid var(--hm-gold, #ffc24a);outline-offset:-2px}.hm-bp__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px;padding-top:6px}.hm-bp__sw{position:relative;-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;gap:6px;padding:6px;margin:0;border-radius:14px;border:1.5px solid var(--hm-bd, rgba(255,220,180,.14));background:#fff0e10a;color:var(--hm-tx, #f5ece2);cursor:pointer;text-align:center;text-decoration:none;font:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.hm-bp__sw:hover{transform:translateY(-2px);border-color:#ffc24a80}.hm-bp__sw:focus-visible{outline:2px solid var(--hm-gold, #ffc24a);outline-offset:2px}.hm-bp__sw.is-on{border-color:var(--hm-gold, #ffc24a);box-shadow:0 0 0 2px #ffc24a59,0 10px 26px #ff7a1a40;background:#ffc24a14}.hm-bp__thumb{position:relative;display:block;border-radius:10px;overflow:hidden;background:#e9e4dd;aspect-ratio:1}.hm-bp__thumb img{width:100%;height:100%;object-fit:cover;display:block}.hm-bp__tag{position:absolute;top:-9px;left:50%;transform:translate(-50%);z-index:1;white-space:nowrap;box-shadow:0 4px 12px #00000059;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:var(--hm-grad, linear-gradient(135deg,#ffd36b,#ff7a1a));color:#1a0a02}.hm-bp__name{font-size:12.5px;font-weight:700;line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center}.hm-bp__sw.is-on .hm-bp__name{color:var(--hm-gold, #ffc24a)}.hm-bp__note{margin:12px 0 0;font-size:12.5px;color:var(--hm-mut, #b2a194)}.hm-bp-src{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:749px){.hm-bp{padding:14px;margin-left:-4px;margin-right:-4px}.hm-bp__grid{gap:16px 8px}.hm-bp__name{font-size:11.5px}}@media(prefers-reduced-motion:reduce){.hm-bp__sw{transition:none}.hm-bp__sw:hover{transform:none}}.hm-bpp{padding:8px 0 28px;background:transparent}.hm-bpp__card{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:26px;align-items:center;padding:26px;border-radius:24px;text-decoration:none;color:var(--hm-tx, #f5ece2);background:radial-gradient(600px 300px at 0% 0%,rgba(255,122,26,.22),transparent 60%),linear-gradient(180deg,#1b1512,#120c0a);border:1px solid rgba(255,194,74,.3);box-shadow:0 24px 60px #0006;transition:transform .3s,box-shadow .3s}.hm-bpp__card:hover{transform:translateY(-3px);box-shadow:0 30px 70px #ff7a1a2e}.hm-bpp__title{font-size:clamp(32px,4.4vw,54px);margin:8px 0 10px}.hm-bpp__sub{margin:0 0 18px;color:var(--hm-mut, #b2a194);font-size:15.5px;line-height:1.55;max-width:420px}.hm-bpp__cta{pointer-events:none}.hm-bpp__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.hm-bpp__sw{margin:0;border-radius:14px;overflow:hidden;background:#e9e4dd;position:relative}.hm-bpp__sw img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.hm-bpp__sw figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 6px 7px;font-size:11px;line-height:1.2;letter-spacing:.01em;font-weight:700;text-align:center;color:#fff;background:linear-gradient(transparent,#0a0706d9)}@media(max-width:989px){.hm-bpp__card{grid-template-columns:1fr;padding:20px}.hm-bpp__row{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hm-back-picker.css.map */
