@charset "utf-8";
/* CSS Document */
body, p { margin: 0; padding: 0; }

.emtapd { padding: 10px 0; display: flex; justify-content: center; font-family: 'Poppins', sans-serif; color: #14213d; }
.emtapd * { box-sizing: border-box; }

.emtapdcard { width: 100%; max-width: 1180px; min-height: 130px; padding: 14px 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 20px 24px; border: 1px solid #e3e9f2; border-radius: 18px; background: linear-gradient(100deg, rgba(236,244,255,.45) 0%, rgba(234,243,255,.6) 25%, rgba(226,238,255,.85) 55%, #dbe9fd 100%), repeating-linear-gradient(62deg, rgba(60,80,120,.08) 0 1px, transparent 1px 7px), repeating-linear-gradient(58deg, rgba(60,80,120,.05) 0 1px, transparent 1px 11px), repeating-linear-gradient(66deg, rgba(60,80,120,.045) 0 1px, transparent 1px 17px), repeating-linear-gradient(-22deg, rgba(60,80,120,.07) 0 1px, transparent 1px 9px), repeating-linear-gradient(-27deg, rgba(60,80,120,.045) 0 1px, transparent 1px 13px), repeating-linear-gradient(-18deg, rgba(60,80,120,.04) 0 1px, transparent 1px 19px), #eef5ff; }

.emtapdillus { width: 92px; height: 92px; border-radius: 22px; display: block; flex: none; box-shadow: 0 3px 10px rgba(20,50,100,.16); object-fit: cover; }

.emtapdintro { flex: 1 1 200px; max-width: 380px; min-width: 180px; display: flex; flex-direction: column; gap: 4px; }
.emtapdeyebrow { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #1a73e8; }
.emtapdintro h2 { margin: 0; font-size: 19px; font-weight: 700; line-height: 1.25; text-transform: capitalize; text-wrap: pretty; }

.emtapdstats { display: flex; gap: 8px; margin-top: 4px; flex-wrap: wrap; }
.emtapdstats div { display: flex; align-items: center; gap: 6px; flex: none; white-space: nowrap; background: #fff; border: 1px solid #e3e9f2; border-radius: 999px; padding: 4px 10px 4px 4px; }
.emtapdstats b { color: #fff; font-size: 13px; font-weight: 700; border-radius: 999px; padding: 2px 9px; background: #1e9e4a; }
.emtapdstats div:last-child b { background: #2093ef; }
.emtapdstats span { font-size: 12px; color: #5b6b82; }

.emtapdactions { flex: 1 1 0; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 16px; }

.emtapdcoupon { flex: none; margin: 0 auto; position: relative; display: flex; flex-direction: column; gap: 1px; padding: 10px 20px; background: #fff6f0; border-radius: 14px; overflow: hidden; font-size: 12px; color: #8a5a3a; }
.emtapdcoupon::before, .emtapdcoupon::after { content: ''; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; border-radius: 50%; }
.emtapdcoupon::before { left: -9px; background: #eaf2fe; }
.emtapdcoupon::after { right: -9px; background: #e1edfe; }
.emtapdcoupon b { font-size: 18px; font-weight: 700; line-height: 1.2; color: #14213d; }
.emtapdcoupon p { margin: 0; display: flex; align-items: center; gap: 6px; }
.emtapdcoupon strong { color: #ef6614; letter-spacing: .08em; }

.emtapdcopy { position: relative; min-width: 22px; height: 22px; padding: 0 4px; border: none; border-radius: 5px; background: transparent; color: #ef6614; font: 600 11px 'Poppins', sans-serif; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.emtapdcopy:hover { background: #ffe1cc; }
.emtapdcopy::before, .emtapdcopy::after { content: ''; position: absolute; width: 8px; height: 10px; border: 1.5px solid #ef6614; border-radius: 2px; }
.emtapdcopy::before { left: 5px; top: 4px; }
.emtapdcopy::after { left: 8px; top: 7px; background: #fff6f0; }
.emtapdcopy.copied::before { content: 'Copied'; position: static; width: auto; height: auto; border: 0; white-space: nowrap; }
.emtapdcopy.copied::after { display: none; }

.emtapddownload { flex: none; display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid #e3e9f2; border-radius: 14px; padding: 8px 12px; }
.emtapdstores { display: flex; flex-direction: column; gap: 6px; width: 136px; }
.emtapdstores a { display: block; transition: transform .15s; }
.emtapdstores a:hover { transform: translateY(-1px); }
.emtapdstores img { display: block; width: 100%; height: auto; }

.emtapdqr { align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding-left: 16px; border-left: 1px solid #e3e9f2; }
.emtapdqr img { width: 92px; height: 92px; display: block; }
.emtapdqr span { font-size: 10px; color: #5b6b82; }