.bt { --bt-a: #FF8A1F; --bt-b: #FFC86B; --bt-c: #FF4D2E; --bt-bg: radial-gradient(120% 140% at 100% 0, #4A2208 0%, #1A0E06 45%, #08080C 100%); --bt-deep: linear-gradient(180deg, #120D0A, #0B0C11);
--bt-ink: #F7F4EF; --bt-dim: rgba(247, 244, 239, .74); --bt-glass: rgba(255, 255, 255, .07); --bt-line: rgba(255, 255, 255, .12); --bt-glow: rgba(255, 138, 31, .5); --bt-on: #120A04; --bt-bg-solid: #1A0E06;
position: relative; margin: 30px 0; border-radius: var(--r-xl); border: 1px solid color-mix(in srgb, var(--bt-a) 45%, transparent); background: var(--bt-deep); color: var(--bt-ink); overflow: hidden; isolation: isolate;
box-shadow: 0 30px 70px -36px var(--bt-glow); transition: filter .6s, opacity .6s; }
.bt::after { content: ""; position: absolute; inset: 0 0 auto; height: 3px; z-index: 5; background: linear-gradient(90deg, transparent, var(--bt-a), var(--bt-b), var(--bt-c), transparent); transform: translateX(-60%); animation: bt-line 5s linear infinite; }
@keyframes bt-line { to { transform: translateX(60%); } }
.bt-nowruz { --bt-a: #FF5A2E; --bt-b: #2FB45A; --bt-c: #FFB238; --bt-bg: radial-gradient(90% 120% at 100% 0, #FFF7D6 0%, #E9FAD8 46%, #C9F1D6 100%); --bt-deep: linear-gradient(180deg, #E4F8E6, #D2F2DA);
--bt-ink: #12351F; --bt-dim: #3B5E45; --bt-glass: rgba(255, 255, 255, .7); --bt-line: rgba(18, 53, 31, .14); --bt-glow: rgba(47, 180, 90, .45); --bt-on: #FFFFFF; --bt-bg-solid: #E9FAD8; }
.bt-sizdah { --bt-a: #2E9E3A; --bt-b: #2EA8FF; --bt-c: #FFB238; --bt-bg: linear-gradient(180deg, #CFEFFF 0%, #E9F8FF 55%, #DDF6CF 100%); --bt-deep: linear-gradient(180deg, #DDF6CF, #CDEFC0);
--bt-ink: #123221; --bt-dim: #3A5C46; --bt-glass: rgba(255, 255, 255, .7); --bt-line: rgba(18, 50, 33, .14); --bt-glow: rgba(46, 158, 58, .4); --bt-on: #FFFFFF; --bt-bg-solid: #E9F8FF; }
.bt-chaharshanbe { --bt-a: #FFB020; --bt-b: #FF4D1F; --bt-c: #FFE36A; --bt-bg: radial-gradient(90% 120% at 0 100%, #5A1E06 0%, #1E0B26 52%, #0C0718 100%); --bt-deep: linear-gradient(180deg, #120A1F, #0C0716);
--bt-glow: rgba(255, 140, 30, .55); --bt-on: #1A0A02; --bt-bg-solid: #1E0B26; }
.bt-yalda { --bt-a: #FF3B57; --bt-b: #F2C14E; --bt-c: #A3122A; --bt-bg: radial-gradient(100% 130% at 0 0, #5A0A1C 0%, #2A0510 50%, #12030A 100%); --bt-deep: linear-gradient(180deg, #1E0510, #12030A);
--bt-glow: rgba(255, 59, 87, .5); --bt-on: #FFFFFF; --bt-bg-solid: #2A0510; }
.bt-winter { --bt-a: #FFA53D; --bt-b: #FF5A2E; --bt-c: #FFE7C2; --bt-bg: radial-gradient(110% 130% at 100% 100%, #7A2E0E 0%, #3E1608 50%, #1C0A05 100%); --bt-deep: linear-gradient(180deg, #2A1008, #1A0905);
--bt-ink: #FFF3E2; --bt-dim: rgba(255, 243, 226, .76); --bt-glow: rgba(255, 140, 50, .55); --bt-on: #2A1006; --bt-bg-solid: #3E1608; }
.bt-summer { --bt-a: #FFC23D; --bt-b: #FF4D6D; --bt-c: #2EC5FF; --bt-bg: linear-gradient(135deg, #0A5A86 0%, #0B6FA0 45%, #1AA3C8 100%); --bt-deep: linear-gradient(180deg, #08415F, #062F45);
--bt-glow: rgba(255, 194, 61, .5); --bt-on: #1A1405; --bt-bg-solid: #0B6FA0; }
.bt-holiday { --bt-a: #FF8A3D; --bt-b: #2EC5FF; --bt-c: #FFE07A; --bt-bg: linear-gradient(160deg, #0E3A5A 0%, #13527A 55%, #1C6E8E 100%); --bt-deep: linear-gradient(180deg, #0B2E47, #082236);
--bt-glow: rgba(255, 138, 61, .5); --bt-on: #1A0A02; --bt-bg-solid: #13527A; }
.bt-school { --bt-a: #FFD45C; --bt-b: #FF5A5A; --bt-c: #7FD6A8; --bt-bg: radial-gradient(110% 130% at 100% 0, #2C6650 0%, #1F4A3A 50%, #143227 100%); --bt-deep: linear-gradient(180deg, #17392D, #112A22);
--bt-glow: rgba(255, 212, 92, .45); --bt-on: #1A1405; --bt-bg-solid: #1F4A3A; }
.bt-father { --bt-a: #F1CC6B; --bt-b: #3D7BFF; --bt-c: #E9EEF8; --bt-bg: radial-gradient(110% 130% at 0 0, #1E3A78 0%, #12244E 50%, #0A1530 100%); --bt-deep: linear-gradient(180deg, #0F1D40, #0A1530);
--bt-glow: rgba(61, 123, 255, .5); --bt-on: #1A1405; --bt-bg-solid: #12244E; }
.bt-mother { --bt-a: #E2306C; --bt-b: #B57BFF; --bt-c: #F1A93C; --bt-bg: radial-gradient(100% 130% at 100% 0, #FFF1F5 0%, #FFE0EB 50%, #F6D3F0 100%); --bt-deep: linear-gradient(180deg, #FBE4EE, #F4D9EC);
--bt-ink: #4A1430; --bt-dim: #7A3A5A; --bt-glass: rgba(255, 255, 255, .72); --bt-line: rgba(74, 20, 48, .14); --bt-glow: rgba(226, 48, 108, .4); --bt-on: #FFFFFF; --bt-bg-solid: #FFE0EB; }
.bt-gamerday { --bt-a: #00F0FF; --bt-b: #FF2BD6; --bt-c: #7CFF4F; --bt-bg: linear-gradient(135deg, #0A0F2E 0%, #160A33 55%, #2A0636 100%); --bt-deep: linear-gradient(180deg, #0B0C26, #070A1C);
--bt-glow: rgba(0, 240, 255, .45); --bt-on: #04131A; --bt-bg-solid: #160A33; }
.bt-weekend { --bt-a: #FF5FD2; --bt-b: #8B7BFF; --bt-c: #FFE07A; --bt-bg: radial-gradient(120% 150% at 100% 0, #4A1050 0%, #23093D 50%, #0D0620 100%); --bt-deep: linear-gradient(180deg, #170A2E, #0D0620);
--bt-glow: rgba(255, 95, 210, .45); --bt-on: #1E0418; --bt-bg-solid: #23093D; }
.bt-birthday { --bt-a: #FF8A1F; --bt-b: #FF5FA2; --bt-c: #5BC8FF; --bt-bg: radial-gradient(120% 150% at 50% 0, #4A2A78 0%, #241446 50%, #110A24 100%); --bt-deep: linear-gradient(180deg, #1C1036, #110A24);
--bt-glow: rgba(255, 95, 162, .45); --bt-on: #1A0A02; --bt-bg-solid: #241446; }
.bt-launch { --bt-a: #FF8A1F; --bt-b: #FFFFFF; --bt-c: #3D7BFF; --bt-bg: linear-gradient(90deg, rgba(5, 6, 10, .96) 0%, rgba(5, 6, 10, .8) 55%, rgba(5, 6, 10, .55) 100%); --bt-deep: linear-gradient(180deg, #0B0D14, #07080C);
--bt-glow: rgba(255, 138, 31, .45); --bt-on: #120A04; --bt-bg-solid: #07080C; }
.bt-blackfriday { --bt-a: #FFE14D; --bt-b: #FFFFFF; --bt-c: #FF2E4D; --bt-bg: radial-gradient(110% 140% at 100% 0, #2B2604 0%, #0A0A07 42%, #000 100%); --bt-deep: linear-gradient(180deg, #0A0A08, #030303);
--bt-glow: rgba(255, 225, 77, .4); --bt-on: #0B0B0B; --bt-bg-solid: #000; }
.bt-sale { --bt-a: #FF3D3D; --bt-b: #FFB020; --bt-c: #FF6A00; --bt-bg: radial-gradient(120% 150% at 0 0, #6A0C0C 0%, #2E0508 45%, #120406 100%); --bt-deep: linear-gradient(180deg, #1E0608, #120406);
--bt-glow: rgba(255, 61, 61, .5); --bt-on: #FFFFFF; --bt-bg-solid: #2E0508; }
.bt-flash { --bt-a: #FFE600; --bt-b: #B86BFF; --bt-c: #6E2BFF; --bt-bg: radial-gradient(110% 150% at 100% 100%, #4A1A92 0%, #1C0942 48%, #0A0420 100%); --bt-deep: linear-gradient(180deg, #120830, #0A0420);
--bt-glow: rgba(184, 107, 255, .55); --bt-on: #120A00; --bt-bg-solid: #1C0942; }
.bt-gold { --bt-a: #F1CC6B; --bt-b: #FFF1C2; --bt-c: #B8862B; --bt-bg: radial-gradient(110% 140% at 50% 0, #4A3812 0%, #1E1708 50%, #0A0805 100%); --bt-deep: linear-gradient(180deg, #14100A, #0A0805);
--bt-glow: rgba(241, 204, 107, .42); --bt-on: #1A1405; --bt-bg-solid: #1E1708; }
.bt-banner { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 22px; align-items: center; padding: 32px 30px 30px; background: var(--bt-bg); color: var(--bt-ink); isolation: isolate; overflow: hidden; }
.bt-banner::before { content: ""; position: absolute; inset: auto -10% -70% 25%; height: 130%; z-index: -1; background: radial-gradient(closest-side, var(--bt-glow), transparent); filter: blur(28px); }
.bt-copy { position: relative; z-index: 2; min-width: 0; }
.bt-kick { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.bt-tag { display: inline-flex; align-items: center; gap: 6px; padding: 5px 13px; border-radius: 99px; font-size: 12px; font-weight: 800; color: var(--bt-on); background: var(--bt-a); box-shadow: 0 6px 18px -6px var(--bt-glow); }
.bt-tag-soon { padding: 0 8px; margin-inline-start: 2px; border-radius: 99px; background: var(--bt-ink); color: var(--bt-a); font-weight: 900; }
.bt-mark { font-size: 11px; font-weight: 900; letter-spacing: 3px; color: var(--bt-a); opacity: .9; }
.bt-h { margin: 14px 0 6px; font-size: clamp(24px, 3.4vw, 40px); line-height: 1.3; font-weight: 900; color: var(--bt-ink); }
.bt-h em { font-style: normal; background: linear-gradient(90deg, var(--bt-a), var(--bt-c), var(--bt-b)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bt-sub { margin: 0 0 16px; color: var(--bt-dim); font-size: 15px; line-height: 1.8; }
.bt-when { display: flex; align-items: center; gap: 6px; margin: 0 0 12px; font-size: 14px; color: var(--bt-dim); }
.bt-when b { color: var(--bt-ink); }
.bt-cd { display: flex; align-items: center; gap: 6px; }
.bt-cd-u { position: relative; display: grid; justify-items: center; min-width: 68px; padding: 10px 6px 7px; border-radius: 16px; background: var(--bt-glass); border: 1px solid var(--bt-line); overflow: hidden; backdrop-filter: blur(6px); }
.bt-cd-u::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--bt-a), var(--bt-b)); }
.bt-cd-u b { font-size: 30px; line-height: 1.1; font-weight: 900; color: var(--bt-a); font-variant-numeric: tabular-nums; }
.bt-cd-u small { font-size: 11px; color: var(--bt-dim); }
.bt-soon .bt-cd-u { border-style: dashed; }
.bt-cd-sep { font-style: normal; font-size: 24px; font-weight: 900; color: var(--bt-a); animation: bt-blink 1s steps(2, start) infinite; }
@keyframes bt-blink { to { opacity: .25; } }
.bt-bar { max-width: 380px; height: 6px; margin-top: 14px; border-radius: 99px; background: var(--bt-line); overflow: hidden; }
.bt-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--bt-c), var(--bt-a), var(--bt-b)); transform-origin: right; }
.bt-over { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; font-weight: 800; color: var(--bt-ink); }
.bt-over[hidden] { display: none; }
.bt-msg { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; padding: 8px 12px; border-radius: 10px; font-size: 13px; font-weight: 700; background: var(--bt-glass); }
.bt-msg-bad { background: rgba(255, 80, 80, .2); }
.bt-notify { margin: 0; }
.bt-notify-big { margin-top: 16px; }
.bt-nb { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 16px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--bt-a) 60%, transparent); background: color-mix(in srgb, var(--bt-a) 14%, transparent); color: inherit; font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; transition: transform .2s, background-color .2s; }
.bt-nb:hover { transform: translateY(-1px); background: color-mix(in srgb, var(--bt-a) 24%, transparent); }
.bt-notify-big .bt-nb, .bt-notify-hero .bt-nb { min-height: 48px; padding: 0 22px; border: 0; background: var(--bt-a); color: var(--bt-on); box-shadow: 0 10px 24px -10px var(--bt-glow); }
.bt-nb-on, .bt-notify-big .bt-nb-on, .bt-notify-hero .bt-nb-on { background: transparent; color: inherit; border: 1px solid color-mix(in srgb, var(--bt-a) 60%, transparent); box-shadow: none; }
.bt-grid .bt-notify .bt-nb { width: 100%; color: var(--bt-ink); }
.bt-art { position: relative; min-height: 270px; }
.bt-sym { position: absolute; inset-inline-end: 0; top: 50%; width: min(68%, 290px); aspect-ratio: 1; transform: translateY(-50%); filter: drop-shadow(0 18px 26px rgba(0, 0, 0, .28)); }
.bt-sym svg { display: block; width: 100%; height: 100%; overflow: visible; }
.bt-sym-pic img { width: 100%; height: 100%; object-fit: contain; }
.bt-stack { position: absolute; z-index: 2; inset-inline-start: 0; bottom: 4px; width: min(50%, 230px); height: 74%; }
.bt-c { position: absolute; top: 14%; width: 48%; aspect-ratio: 3 / 4; height: auto; object-fit: cover; border-radius: 12px; box-shadow: 0 16px 30px rgba(0, 0, 0, .45), 0 0 0 2px var(--bt-glass); transition: transform .4s cubic-bezier(.2, .8, .2, 1); }
.bt-c1 { inset-inline-start: 26%; z-index: 3; top: 0; box-shadow: 0 18px 36px rgba(0, 0, 0, .5), 0 0 0 3px var(--bt-a); }
.bt-c2 { inset-inline-start: 4%; z-index: 2; transform: rotate(10deg); }
.bt-c3 { inset-inline-start: 50%; z-index: 2; transform: rotate(-10deg); }
.bt-stack-1 .bt-c1 { inset-inline-start: 26%; }
.bt-stack-2 .bt-c1 { inset-inline-start: 10%; }
.bt-stack-2 .bt-c2 { inset-inline-start: 42%; transform: rotate(-9deg); }
.bt:hover .bt-c2 { transform: rotate(14deg) translateX(4%); }
.bt:hover .bt-c3 { transform: rotate(-14deg) translateX(-4%); }
.bt-burst { position: absolute; top: 2px; inset-inline-start: 2px; z-index: 6; display: grid; place-content: center; justify-items: center; width: 96px; height: 96px; color: var(--bt-on); background: linear-gradient(135deg, var(--bt-a), var(--bt-c));
clip-path: polygon(50% 0, 61% 12%, 75% 6%, 79% 21%, 94% 25%, 89% 39%, 100% 50%, 89% 61%, 94% 75%, 79% 79%, 75% 94%, 61% 88%, 50% 100%, 39% 88%, 25% 94%, 21% 79%, 6% 75%, 11% 61%, 0 50%, 11% 39%, 6% 25%, 21% 21%, 25% 6%, 39% 12%); animation: bt-wob 4s ease-in-out infinite; }
.bt-burst b { font-size: 26px; line-height: 1; font-weight: 900; }
.bt-burst small { font-size: 11px; font-weight: 800; line-height: 1.3; }
@keyframes bt-wob { 50% { transform: rotate(-8deg) scale(1.05); } }
.bt-bgimg { position: absolute; inset: -20%; z-index: -2; width: 140%; height: 140%; object-fit: cover; filter: blur(26px) saturate(1.3); opacity: .55; }
.bt-a-swim { animation: bt-swim 6s ease-in-out infinite; }
.bt-a-swim2 { animation: bt-swim 7s ease-in-out -3s infinite reverse; }
@keyframes bt-swim { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-14px) translateY(4px); } }
.bt-a-bub, .bt-a-steam { animation: bt-rise 3.5s ease-in-out infinite; }
@keyframes bt-rise { 0% { transform: translateY(6px); opacity: .2; } 50% { opacity: .95; } 100% { transform: translateY(-10px); opacity: .1; } }
.bt-a-flame, .bt-a-candle { transform-box: fill-box; transform-origin: 50% 100%; animation: bt-flick 1.4s ease-in-out infinite; }
@keyframes bt-flick { 0%, 100% { transform: scale(1, 1); } 30% { transform: scale(.94, 1.06); } 60% { transform: scale(1.04, .95); } }
.bt-a-spark { animation: bt-twinkle 2.6s ease-in-out infinite; }
@keyframes bt-twinkle { 50% { opacity: .35; } }
.bt-a-seed { animation: bt-glowp 3s ease-in-out infinite; }
@keyframes bt-glowp { 50% { opacity: .82; } }
.bt-a-spin { transform-box: view-box; animation: bt-spin 40s linear infinite; }
@keyframes bt-spin { to { transform: rotate(360deg); } }
.bt-a-bob, .bt-a-kite, .bt-a-fly { animation: bt-bob 4.5s ease-in-out infinite; }
@keyframes bt-bob { 50% { transform: translateY(-8px) rotate(-2deg); } }
.bt-a-beat { transform-box: fill-box; transform-origin: center; animation: bt-beat 1.6s ease-in-out infinite; }
@keyframes bt-beat { 0%, 100% { transform: scale(1); } 20% { transform: scale(1.12); } 40% { transform: scale(.98); } }
.bt-a-pop { animation: bt-bob 3s ease-in-out infinite; }
.bt-a-swing, .bt-a-swing0, .bt-a-swing1, .bt-a-swing2 { animation: bt-swing 4s ease-in-out infinite; }
.bt-a-swing1 { animation-delay: -1.3s; } .bt-a-swing2 { animation-delay: -2.6s; }
@keyframes bt-swing { 50% { transform: rotate(4deg); } }
.bt-a-zap { animation: bt-zap 2.8s steps(1) infinite; }
@keyframes bt-zap { 0%, 100% { opacity: 1; } 6% { opacity: .35; } 10% { opacity: 1; } 14% { opacity: .5; } }
.bt-a-hand { transform-box: view-box; animation: bt-spin 6s linear infinite; }
.bt-is-hero .bt-banner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.bt-hero-wrap { position: relative; display: grid; align-items: center; min-height: 240px; }
.bt-hero-wrap .bt-sym { width: min(52%, 210px); inset-inline-end: -4%; opacity: .95; }
.bt-hero { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 18px; align-items: center; max-width: 470px; padding: 16px; border-radius: 20px; background: var(--bt-glass); border: 1px solid var(--bt-line); backdrop-filter: blur(8px); transition: opacity .6s, transform .6s; }
.bt-hero-cv { position: relative; display: block; transform: rotate(-4deg); transition: transform .4s cubic-bezier(.2, .8, .2, 1); }
.bt-hero-cv img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 12px; box-shadow: 0 18px 36px rgba(0, 0, 0, .45), 0 0 0 3px var(--bt-a); }
.bt-hero:hover .bt-hero-cv { transform: rotate(0) scale(1.03); }
.bt-hero-off { position: absolute; top: -10px; inset-inline-end: -10px; padding: 4px 10px; border-radius: 10px; font-weight: 900; font-size: 15px; color: var(--bt-on); background: var(--bt-a); }
.bt-hero-b { display: grid; gap: 8px; justify-items: start; min-width: 0; }
.bt-hero-t { margin: 0; font-size: clamp(18px, 2.2vw, 24px); line-height: 1.4; font-weight: 900; }
.bt-hero-t a { color: var(--bt-ink); text-decoration: none; }
.bt-hero-fa { min-height: 1.4em; font-size: 14px; color: var(--bt-dim); }
.bt-hero-p { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin: 0; }
.bt-hero-p s { color: var(--bt-dim); font-size: 14px; }
.bt-hero-p b { font-size: 24px; font-weight: 900; color: var(--bt-a); }
.bt-hero-p small { color: var(--bt-dim); }
.bt-hero-go { min-height: 48px; }
.bt-tape { position: relative; z-index: 3; margin: -8px -12px 0; padding: 10px 0; overflow: hidden; color: var(--bt-on); background: linear-gradient(90deg, var(--bt-a), var(--bt-c), var(--bt-a)); transform: rotate(-1deg); box-shadow: 0 12px 26px -14px var(--bt-glow); }
.bt-tape-t { display: flex; width: max-content; direction: ltr; animation: bt-tape 32s linear infinite; }
.bt-tape-t span { display: inline-flex; align-items: center; gap: 14px; padding-inline: 14px; direction: rtl; unicode-bidi: isolate; font-size: 14px; font-weight: 900; white-space: nowrap; }
.bt-tape-t span b { letter-spacing: 2px; }
.bt-tape-t span i { font-style: normal; opacity: .75; }
@keyframes bt-tape { to { transform: translateX(-50%); } }
.bt-grid { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 16px; padding: 26px 20px 34px; }
.bt-grid::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 70% at 50% 0, color-mix(in srgb, var(--bt-a) 16%, transparent), transparent 70%); }
.bt-item { position: relative; display: flex; flex-direction: column; gap: 8px; transition: opacity .6s, transform .6s; }
.bt-item-pk { grid-column: span 2; }
.bt-item .kc, .bt-item .card, .bt-item .sk-card { border: 1px solid color-mix(in srgb, var(--bt-a) 40%, transparent); box-shadow: 0 16px 30px -22px var(--bt-glow); transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s; }
.bt-item:hover .kc, .bt-item:hover .card, .bt-item:hover .sk-card { transform: translateY(-3px); box-shadow: 0 22px 36px -20px var(--bt-glow); }
.bt-chip { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; padding: 5px 10px; border-radius: 10px; font-size: 12px; background: var(--bt-glass); border: 1px solid color-mix(in srgb, var(--bt-a) 45%, transparent); }
.bt-chip b { color: var(--bt-a); font-weight: 900; }
.bt-chip small { display: inline-flex; align-items: center; gap: 4px; color: var(--bt-dim); font-variant-numeric: tabular-nums; }
.bt-chip-gift { display: inline-flex; align-items: center; gap: 3px; padding: 0 6px; border-radius: 6px; font-style: normal; font-weight: 800; color: var(--bt-on); background: var(--bt-a); white-space: nowrap; }
.bt-item-soon .kc-price, .bt-item-soon .kc-buy { opacity: .7; }
.bt-gone { opacity: 0; transform: scale(.94); pointer-events: none; }
.bt-ground { display: flex; overflow: hidden; height: 24px; margin-top: -24px; position: relative; z-index: 1; pointer-events: none; }
.bt-ground svg { flex: none; display: block; }
.bt-ended { filter: grayscale(1); opacity: .62; }
.bt-ended .bt-cd-u b { color: var(--bt-ink); }
.bt-ended .bt-grid { pointer-events: none; }
@media (max-width: 760px) {
.bt-banner, .bt-is-hero .bt-banner { grid-template-columns: 1fr; padding: 24px 16px 22px; }
.bt-art { order: -1; min-height: 210px; }
.bt-sym { width: min(60%, 220px); }
.bt-stack { width: min(56%, 200px); height: 86%; }
.bt-hero-wrap { min-height: 0; }
.bt-hero-wrap .bt-sym { width: 120px; top: -10px; transform: none; inset-inline-end: -6px; opacity: .8; }
.bt-hero { grid-template-columns: minmax(0, 112px) minmax(0, 1fr); gap: 14px; padding: 12px; }
.bt-hero-go, .bt-notify-hero, .bt-notify-hero .bt-nb, .bt-notify-big, .bt-notify-big .bt-nb { width: 100%; }
.bt-hero-b { justify-items: stretch; }
.bt-cd { gap: 4px; }
.bt-cd-u { min-width: 0; flex: 1; }
.bt-cd-u b { font-size: 22px; }
.bt-cd-sep { font-size: 18px; }
.bt-burst { width: 80px; height: 80px; }
.bt-burst b { font-size: 20px; }
.bt-tape-t span { font-size: 13px; }
.bt-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding: 20px 16px 32px; scrollbar-width: none; }
.bt-grid::-webkit-scrollbar { display: none; }
.bt-grid > .bt-item { flex: 0 0 min(64%, 230px); scroll-snap-align: start; }
.bt-grid > .bt-item-pk { flex-basis: 86%; }
}
@media (prefers-reduced-motion: reduce) {
.bt::after, .bt-cd-sep, .bt-burst, .bt-tape-t, .bt-sym *, .bt-sym { animation: none !important; }
.bt, .bt-item, .bt-c, .bt-hero, .bt-hero-cv, .bt-nb, .bt-item .kc, .bt-item .card, .bt-item .sk-card { transition: none; }
}