:root {
  --navy: #081426;
  --navy-2: #10233f;
  --orange: #ff6426;
  --orange-dark: #d9470e;
  --blue: #2667ff;
  --blue-soft: #eaf0ff;
  --yellow: #ffd84d;
  --paper: #f2f5fa;
  --surface: #ffffff;
  --muted: #607087;
  --line: #d9e1ec;
  --line-strong: #c6d2e1;
  --success: #14824f;
  --shadow-sm: 0 8px 24px rgba(8, 20, 38, .08);
  --shadow-md: 0 16px 42px rgba(8, 20, 38, .13);
  --shadow-lg: 0 30px 80px rgba(8, 20, 38, .22);
  --radius: 20px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 22px; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--navy); font-family: "DM Sans", system-ui, sans-serif; font-size: 16px; line-height: 1.55; }
button, input, select { font: inherit; }
button, a { color: inherit; }
button { cursor: pointer; }
a { text-decoration: none; }
img { max-width: 100%; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.material-symbols-rounded { font-size: 21px; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(38, 103, 255, .35); outline-offset: 3px; }

.demo-bar { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 6px 20px; background: var(--navy); color: #dce7f6; font-size: .78rem; }
.demo-bar > .material-symbols-rounded { color: var(--yellow); font-size: 17px; }
.demo-bar strong { color: #fff; }
.demo-divider { width: 4px; height: 4px; border-radius: 50%; background: var(--orange); margin: 0 2px; }

.site-header { width: 100%; max-width: 1240px; height: 82px; margin: auto; padding: 0 26px; display: flex; align-items: center; justify-content: space-between; gap: 26px; background: var(--surface); }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: none; }
.brand-mark { width: 42px; height: 42px; display: block; filter: drop-shadow(0 7px 12px rgba(255, 100, 38, .22)); }
.brand-mark svg { display: block; width: 100%; height: 100%; }
.brand-mark rect { fill: var(--orange); }
.brand-mark path:not(.brand-spark) { fill: #fff; }
.brand-mark .brand-spark { fill: var(--yellow); }
.brand-name { font-family: "Manrope", sans-serif; font-size: 1.3rem; font-weight: 800; letter-spacing: -.055em; color: var(--navy); }
.site-header nav { display: flex; align-items: center; gap: 30px; min-width: 0; font-size: .9rem; font-weight: 700; }
.site-header nav a { transition: color .18s ease; }
.site-header nav a:hover { color: var(--orange); }
.channel-button, .button-light, .offer-action, .main-tab, .category, .coupon-applicable-button, .coupon-code-box button { min-height: 44px; }
.channel-button { display: flex; align-items: center; gap: 8px; border: 0; border-radius: 12px; padding: 11px 16px; background: var(--orange); color: #fff; font-weight: 800; box-shadow: 0 9px 22px rgba(255, 100, 38, .2); transition: transform .18s ease, background .18s ease; }
.channel-button:hover { background: var(--orange-dark); transform: translateY(-1px); }

main { width: 100%; max-width: 1320px; margin: auto; background: var(--surface); box-shadow: 0 0 0 1px rgba(8, 20, 38, .04); }
.hero { height: 390px; margin: 0 24px; position: relative; overflow: hidden; border-radius: 28px; background: var(--navy); box-shadow: var(--shadow-lg); }
.hero::after { content: ""; position: absolute; inset: auto auto -120px -80px; width: 320px; height: 320px; border-radius: 50%; background: rgba(38, 103, 255, .2); filter: blur(55px); pointer-events: none; }
.hero img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 15, 31, .98) 0%, rgba(5, 15, 31, .87) 37%, rgba(5, 15, 31, .18) 67%, rgba(5, 15, 31, .04) 100%); }
.hero-copy { position: absolute; z-index: 2; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 42px 5.2%; color: #fff; max-width: 720px; }
.hero-eyebrow { display: flex; align-items: center; gap: 7px; width: max-content; margin: 0 0 16px; padding: 6px 10px; border: 1px solid rgba(255, 216, 77, .38); border-radius: 999px; background: rgba(255, 216, 77, .1); color: var(--yellow); font-size: .73rem; font-weight: 800; letter-spacing: .09em; }
.hero-eyebrow .material-symbols-rounded { font-size: 17px; }
.hero h1 { margin: 0; max-width: 610px; font-family: "Manrope", sans-serif; font-size: clamp(3rem, 5.2vw, 4.9rem); line-height: .94; letter-spacing: -.07em; }
.hero h1 em { color: var(--orange); font-style: normal; }
.hero-text { max-width: 470px; margin: 19px 0 0; color: #c9d7e9; font-size: 1.04rem; }
.hero-actions { display: flex; align-items: center; gap: 20px; margin-top: 24px; }
.hero-cta { display: inline-flex; align-items: center; gap: 9px; min-height: 48px; padding: 12px 17px; border-radius: 12px; background: #fff; color: var(--navy); font-weight: 800; box-shadow: 0 10px 30px rgba(0, 0, 0, .2); transition: transform .18s ease, background .18s ease; }
.hero-cta:hover { transform: translateY(-2px); background: var(--yellow); }
.hero-cta .material-symbols-rounded { font-size: 19px; }
.hero-proof { display: inline-flex; align-items: center; gap: 6px; color: #dae5f2; font-size: .8rem; font-weight: 700; }
.hero-proof .material-symbols-rounded { color: var(--yellow); font-size: 18px; }

.main-tabs { display: flex; justify-content: center; gap: 8px; padding: 26px 24px 0; background: #fff; position: relative; z-index: 4; }
.main-tab { border: 1px solid var(--line); background: #fff; border-radius: 999px; padding: 11px 23px; display: flex; align-items: center; gap: 8px; color: var(--muted); font-weight: 800; transition: .18s ease; }
.main-tab:hover { border-color: #ffb395; color: var(--orange-dark); }
.main-tab.active { border-color: var(--navy); background: var(--navy); color: #fff; box-shadow: 0 10px 24px rgba(8, 20, 38, .15); }
.main-tab.active .material-symbols-rounded { color: var(--orange); }

.explorer, .coupon-explorer { padding: 28px 42px 90px; background: var(--paper); border-top: 1px solid #e2e8f1; }
.search-row { display: grid; grid-template-columns: minmax(0, 1fr) 205px; gap: 13px; position: relative; z-index: 2; }
.search-box { min-width: 0; height: 62px; display: flex; align-items: center; gap: 12px; padding: 0 18px; border: 1px solid var(--line-strong); border-radius: 15px; background: #fff; box-shadow: var(--shadow-sm); }
.search-box .material-symbols-rounded { color: var(--orange); font-size: 25px; }
.search-box input { min-width: 0; width: 100%; border: 0; outline: 0; color: var(--navy); font-size: 1rem; }
.search-box input::placeholder { color: #7d8a9c; }
.search-box kbd { border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 6px; padding: 2px 8px; background: #f7f9fc; color: var(--muted); font-size: .78rem; }
.sort-control { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 6px 14px; border: 1px solid var(--line-strong); border-radius: 15px; background: #fff; box-shadow: var(--shadow-sm); color: var(--muted); font-size: .69rem; font-weight: 700; }
.sort-control select { width: 100%; border: 0; outline: 0; background: #fff; color: var(--navy); font-size: .86rem; font-weight: 800; }
.category-row { display: flex; gap: 9px; overflow: auto; padding: 22px 0 8px; scrollbar-width: none; scroll-snap-type: x proximity; overscroll-behavior-inline: contain; }
.category-row::-webkit-scrollbar { display: none; }
.category { flex: none; scroll-snap-align: start; display: flex; align-items: center; gap: 7px; padding: 9px 14px; border: 1px solid var(--line-strong); border-radius: 999px; background: #fff; color: #485a70; font-size: .84rem; font-weight: 800; white-space: nowrap; transition: .18s ease; }
.category:hover, .category.active { border-color: var(--orange); background: #fff0e9; color: var(--orange-dark); }
.category .material-symbols-rounded { font-size: 18px; }
.results-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin: 46px 0 22px; }
.section-kicker { margin: 0 0 7px; color: var(--orange-dark); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.results-heading h2, .coupon-heading h2, .trust-section h2, .channel-section h2 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.06; letter-spacing: -.05em; }
#results-count { margin: 0; color: var(--muted); font-size: .84rem; }

.offer-grid { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.offer-card { min-width: 0; min-height: 500px; overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--line-strong); border-radius: var(--radius); background: #fff; box-shadow: 0 10px 27px rgba(8, 20, 38, .09); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.offer-card:hover { transform: translateY(-5px); border-color: #ffac89; box-shadow: var(--shadow-md); }
.offer-visual { height: 200px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom: 1px solid #e7ecf3; background: linear-gradient(145deg, #f7f9fc, #fff); }
.offer-visual img { width: 100%; height: 100%; padding: 14px; object-fit: contain; transition: transform .25s ease; }
.offer-card:hover .offer-visual img { transform: scale(1.035); }
.discount-badge { position: absolute; z-index: 2; left: 12px; top: 12px; padding: 6px 9px; border-radius: 8px; background: var(--orange); color: #fff; font-size: .76rem; font-weight: 800; box-shadow: 0 6px 16px rgba(255, 100, 38, .3); }
.demo-badge { position: absolute; z-index: 2; right: 12px; top: 12px; padding: 5px 8px; border-radius: 8px; background: var(--navy); color: #fff; font-size: .62rem; font-weight: 800; letter-spacing: .04em; box-shadow: 0 5px 13px rgba(8, 20, 38, .16); }
.offer-body { min-width: 0; flex: 1; display: flex; flex-direction: column; padding: 18px; background: #fff; }
.offer-meta { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: .7rem; font-weight: 800; letter-spacing: .04em; }
.offer-meta .marketplace-shopee { color: #ee4d2d; }
.offer-meta .marketplace-ml { color: #2175d9; }
.offer-title { margin: 10px 0 7px; color: var(--navy); font-size: 1.02rem; line-height: 1.35; overflow-wrap: anywhere; }
.seller-line { display: flex; align-items: center; gap: 5px; margin: 0 0 12px; color: #52677b; font-size: .73rem; overflow-wrap: anywhere; }
.seller-line .material-symbols-rounded { flex: none; color: var(--success); font-size: 16px; }
.old-price { margin: 0; color: #8996a5; font-size: .77rem; text-decoration: line-through; }
.price-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.price { color: var(--navy); font-family: "Manrope", sans-serif; font-size: 1.72rem; font-weight: 800; letter-spacing: -.05em; }
.installments { color: var(--muted); font-size: .72rem; }
.coupon { display: flex; align-items: flex-start; gap: 6px; margin: 12px 0 14px; padding: 8px 9px; border: 1px dashed #ff9b70; border-radius: 9px; background: #fff5f0; color: #a83910; font-size: .75rem; }
.coupon .material-symbols-rounded { flex: none; font-size: 17px; }
.coupon strong { letter-spacing: 0; }
.offer-action { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 47px; padding: 11px 12px; border: 0; border-radius: 11px; background: var(--navy); color: #fff; font-weight: 800; line-height: 1.25; text-align: center; transition: background .18s ease, transform .18s ease; }
.offer-action:hover { background: var(--orange); }
.offer-action:active { transform: translateY(1px); }
.checked-at { margin: 9px 0 0; color: #7b8b9c; font-size: .66rem; line-height: 1.35; text-align: center; }
.offer-action-label-mobile, .checked-short { display: none; }
.empty-state { padding: 70px 20px; border: 1px dashed var(--line-strong); border-radius: var(--radius); background: #fff; text-align: center; }
.empty-state .material-symbols-rounded { color: #9aabba; font-size: 50px; }
.empty-state h3 { margin: 12px 0 4px; }
.empty-state p { margin: 0 0 18px; color: var(--muted); }
.empty-state button { border: 0; border-radius: 10px; padding: 10px 16px; background: var(--orange); color: #fff; font-weight: 800; }

.coupon-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin: 12px 0 25px; }
.coupon-heading > div:first-child > p:last-child { max-width: 650px; margin: 12px 0 0; color: var(--muted); }
.coupon-update { min-width: 195px; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid #a9c2ff; border-radius: 13px; background: var(--blue-soft); color: #174db6; }
.coupon-update > .material-symbols-rounded { font-size: 27px; }
.coupon-update span:last-child { display: flex; flex-direction: column; font-size: .71rem; }
.coupon-update strong { color: var(--navy); font-size: .88rem; }
.coupon-summary { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 13px 16px; border: 1px solid #f1cf55; border-radius: 13px; background: #fff9de; color: #665000; }
.coupon-summary p { margin: 0; font-size: .84rem; }
.coupon-summary > .material-symbols-rounded { color: #a87e00; }
.coupon-grid { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.coupon-card { min-width: 0; min-height: 270px; position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--line-strong); border-top: 4px solid var(--orange); border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .18s ease, box-shadow .18s ease; }
.coupon-card::before, .coupon-card::after { content: ""; position: absolute; top: 76px; width: 18px; height: 18px; border: 1px solid var(--line); border-radius: 50%; background: var(--paper); }
.coupon-card::before { left: -10px; }
.coupon-card::after { right: -10px; }
.coupon-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.coupon-card-ml { border-top-color: #ffd600; background: linear-gradient(180deg, #fffbea 0, #fff 48%); }
.coupon-marketplace { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #ee4d2d; font-size: .69rem; font-weight: 800; letter-spacing: .05em; }
.coupon-card-ml .coupon-marketplace { color: #1769aa; }
.coupon-status { padding: 4px 8px; border-radius: 999px; background: #e8f7ef; color: var(--success); }
.coupon-value { margin: 18px 0 2px; font-family: "Manrope", sans-serif; font-size: 2rem; font-weight: 800; letter-spacing: -.055em; }
.coupon-title { margin: 0 0 9px; font-size: 1.03rem; overflow-wrap: anywhere; }
.coupon-rule { margin: 0 0 15px; color: var(--muted); font-size: .8rem; overflow-wrap: anywhere; }
.coupon-card .offer-action { margin-top: auto; }
.coupon-checked { margin: 10px 0 0; color: #728397; font-size: .67rem; text-align: center; }
.coupon-count { margin: 14px 0 0; color: var(--muted); font-size: .8rem; text-align: right; }
.coupon-code-box { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding: 10px 11px; border: 2px dashed #1769aa; border-radius: 10px; background: #eef7ff; }
.coupon-code-box > span { font-family: "Manrope", sans-serif; font-weight: 800; letter-spacing: .04em; overflow-wrap: anywhere; }
.coupon-code-box button { display: flex; align-items: center; gap: 5px; border: 0; border-radius: 8px; padding: 7px 9px; background: #1769aa; color: #fff; font-size: .74rem; font-weight: 800; }
.coupon-code-box .material-symbols-rounded { font-size: 16px; }
.coupon-applicable-button { margin-top: 9px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 12px; border: 1px solid var(--navy); border-radius: 10px; background: #fff; color: var(--navy); font-size: .78rem; font-weight: 800; }
.coupon-applicable-button:hover { background: var(--navy); color: #fff; }
.coupon-applicable-button .material-symbols-rounded { font-size: 18px; }
.coupon-store-link { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 9px; color: #1769aa; font-size: .73rem; font-weight: 800; }
.coupon-store-link .material-symbols-rounded { font-size: 15px; }
.coupon-offers-panel { scroll-margin-top: 20px; margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--line); }
.coupon-offers-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.coupon-offers-heading h3 { margin: 0; font-family: "Manrope", sans-serif; font-size: 1.7rem; letter-spacing: -.04em; }
.coupon-offers-heading button { min-height: 42px; display: flex; align-items: center; gap: 5px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--muted); font-weight: 700; }
.coupon-offers-heading button:hover { border-color: var(--orange); color: var(--orange-dark); }
.coupon-offers-heading .material-symbols-rounded { font-size: 18px; }

.trust-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 62px; padding: 82px 48px; background: #fff; }
.trust-section > div:first-child { max-width: 430px; }
.trust-intro { margin: 16px 0 0; color: var(--muted); }
.trust-points { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.trust-points article { padding: 21px; border: 1px solid var(--line); border-radius: 17px; background: var(--paper); }
.trust-points .material-symbols-rounded { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: #fff0e9; color: var(--orange-dark); }
.trust-points h3 { margin: 17px 0 7px; font-size: 1rem; }
.trust-points p { margin: 0; color: var(--muted); font-size: .85rem; }
.channel-section { margin: 0 24px 24px; padding: 51px 56px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: 24px; background: linear-gradient(115deg, var(--orange-dark), var(--orange) 52%, #ff894f); color: #fff; box-shadow: 0 22px 48px rgba(255, 100, 38, .23); }
.channel-section .section-kicker { color: var(--yellow); }
.channel-section h2 { max-width: 650px; }
.channel-section p:not(.section-kicker) { margin: 12px 0 0; color: #fff1eb; }
.button-light { flex: none; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 14px 19px; border: 0; border-radius: 12px; background: #fff; color: var(--navy); font-weight: 800; white-space: nowrap; box-shadow: 0 10px 25px rgba(116, 36, 4, .18); }
.button-light:hover { background: var(--yellow); }

footer { padding: 55px max(28px, calc((100vw - 1160px) / 2)); background: var(--navy); color: #fff; }
.footer-top, .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.footer-brand .brand-name { color: #fff; }
.footer-top p { color: #9eb1c5; }
.affiliate-note { max-width: 880px; margin: 32px 0; padding: 22px 0; border-top: 1px solid #27394d; border-bottom: 1px solid #27394d; color: #aab9c8; font-size: .83rem; }
.affiliate-note strong { color: #fff; }
.footer-bottom { color: #8297ab; font-size: .77rem; }
.footer-bottom button { padding: 0; border: 0; background: none; color: #c1cfdb; }

dialog { max-width: 500px; padding: 30px; border: 0; border-radius: 20px; color: var(--navy); box-shadow: var(--shadow-lg); }
dialog::backdrop { background: rgba(8, 20, 38, .74); backdrop-filter: blur(4px); }
.dialog-close { position: absolute; right: 16px; top: 13px; border: 0; background: none; color: var(--muted); font-size: 1.6rem; }
.dialog-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: #fff0e9; color: var(--orange); }
dialog h2 { margin: 18px 0 8px; font-family: "Manrope", sans-serif; font-size: 1.65rem; letter-spacing: -.04em; }
dialog p { color: var(--muted); }
.dialog-action { padding: 11px 16px; border: 0; border-radius: 9px; background: var(--orange); color: #fff; font-weight: 800; }
.toast { width: max-content; max-width: calc(100vw - 28px); position: fixed; z-index: 20; left: 50%; bottom: 22px; transform: translate(-50%, 15px); padding: 12px 17px; border-radius: 10px; background: var(--navy); color: #fff; box-shadow: var(--shadow-md); opacity: 0; pointer-events: none; transition: .2s; text-align: center; font-size: .85rem; }
.toast.show { transform: translate(-50%, 0); opacity: 1; }

@media (max-width: 1179px) {
  .offer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .site-header { padding-inline: 22px; }
  .site-header nav > a { display: none; }
  .hero { height: 370px; margin-inline: 18px; }
  .hero img { object-position: 64% center; }
  .hero-copy { padding-inline: 34px; }
  .offer-grid, .coupon-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coupon-heading { align-items: flex-start; flex-direction: column; }
  .trust-section { grid-template-columns: 1fr; gap: 32px; padding: 64px 30px; }
  .trust-section > div:first-child { max-width: 650px; }
  .channel-section { align-items: flex-start; flex-direction: column; margin-inline: 18px; padding: 42px 36px; }
  .explorer, .coupon-explorer { padding-inline: 24px; }
}
@media (max-width: 620px) {
  html { scroll-padding-top: 72px; }
  .demo-bar { min-height: 32px; padding: 6px 12px; font-size: .69rem; line-height: 1.3; }
  .demo-bar .demo-divider, .demo-bar > span:last-child { display: none; }
  .site-header { height: 66px; padding: 0 14px; gap: 10px; }
  .brand { gap: 8px; }
  .brand-mark { width: 36px; height: 36px; }
  .brand-name { font-size: 1.08rem; }
  .site-header nav { margin-left: auto; gap: 0; }
  .channel-button { width: 44px; height: 44px; padding: 0; justify-content: center; border-radius: 12px; }
  .channel-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  .hero { height: 330px; margin-inline: 10px; border-radius: 19px; box-shadow: 0 18px 42px rgba(8, 20, 38, .23); }
  .hero img { object-position: 68% center; }
  .hero-overlay { background: linear-gradient(90deg, rgba(5, 15, 31, .98) 0%, rgba(5, 15, 31, .88) 58%, rgba(5, 15, 31, .42) 100%); }
  .hero-copy { justify-content: flex-end; padding: 24px 20px; }
  .hero-eyebrow { margin-bottom: 10px; padding: 5px 8px; font-size: .64rem; }
  .hero h1 { max-width: 320px; font-size: clamp(2.35rem, 11.5vw, 3rem); line-height: .96; }
  .hero-text { max-width: 310px; margin-top: 12px; font-size: .86rem; line-height: 1.42; }
  .hero-actions { margin-top: 16px; gap: 10px; }
  .hero-cta { min-height: 43px; padding: 10px 13px; font-size: .84rem; }
  .hero-proof { display: none; }
  .main-tabs { position: sticky; z-index: 12; top: 0; gap: 7px; padding: 10px 12px; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .95); box-shadow: 0 6px 20px rgba(8, 20, 38, .07); backdrop-filter: blur(12px); }
  .main-tab { min-width: 0; flex: 1; justify-content: center; min-height: 46px; padding: 10px 12px; }
  .explorer, .coupon-explorer { padding: 18px 10px 58px; }
  .search-row { grid-template-columns: 1fr; gap: 9px; }
  .search-box { height: 54px; padding-inline: 14px; border-radius: 12px; }
  .search-box kbd { display: none; }
  .sort-control { min-height: 54px; padding: 7px 13px; border-radius: 12px; }
  .category-row { margin-inline: -10px; padding: 15px 10px 6px; scroll-padding-inline: 10px; }
  .category { padding: 9px 12px; }
  .results-heading { align-items: flex-end; gap: 12px; margin: 29px 0 16px; }
  .results-heading h2, .coupon-heading h2, .trust-section h2, .channel-section h2 { font-size: clamp(1.75rem, 9vw, 2.25rem); }
  #results-count { max-width: 98px; padding-bottom: 3px; text-align: right; line-height: 1.35; }
  .offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .offer-card { min-height: 0; border-radius: 14px; box-shadow: 0 8px 20px rgba(8, 20, 38, .11); }
  .offer-card:hover { transform: none; }
  .offer-visual { height: 126px; }
  .offer-visual img { padding: 7px; }
  .discount-badge { left: 7px; top: 7px; padding: 4px 6px; font-size: .67rem; }
  .demo-badge { display: none; }
  .offer-body { padding: 10px; }
  .offer-meta { gap: 5px; font-size: .62rem; line-height: 1.2; }
  .offer-meta span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .offer-title { margin: 8px 0 6px; display: -webkit-box; overflow: hidden; font-size: .86rem; line-height: 1.28; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .seller-line { margin-bottom: 8px; display: -webkit-box; overflow: hidden; font-size: .69rem; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .old-price { font-size: .68rem; }
  .price-row { display: block; line-height: 1.2; }
  .price { display: block; font-size: 1.17rem; white-space: nowrap; }
  .installments { display: block; margin-top: 2px; font-size: .68rem; line-height: 1.25; }
  .coupon { margin: 8px 0 10px; padding: 6px 7px; gap: 4px; font-size: .68rem; line-height: 1.25; }
  .coupon .material-symbols-rounded { font-size: 15px; }
  .offer-action { min-height: 42px; padding: 8px 6px; border-radius: 9px; font-size: .78rem; gap: 4px; }
  .offer-action > .material-symbols-rounded { font-size: 17px; }
  .offer-action-label { display: none; }
  .offer-action-label-mobile { display: inline; }
  .checked-at { margin-top: 7px; font-size: .64rem; line-height: 1.3; }
  .checked-long { display: none; }
  .checked-short { display: inline; }
  .coupon-heading { gap: 18px; margin: 8px 0 18px; }
  .coupon-heading > div:first-child > p:last-child { font-size: .9rem; }
  .coupon-update { width: 100%; min-width: 0; }
  .coupon-summary { align-items: flex-start; padding: 12px 13px; line-height: 1.45; }
  .coupon-grid { grid-template-columns: 1fr; gap: 13px; }
  .coupon-card { min-height: 0; padding: 18px; }
  .coupon-card:hover { transform: none; }
  .coupon-value { margin-top: 15px; font-size: 1.8rem; }
  .coupon-count { text-align: left; }
  .coupon-code-box { align-items: flex-start; flex-direction: column; gap: 8px; }
  .coupon-code-box button { width: 100%; justify-content: center; }
  .coupon-applicable-button { min-height: 48px; font-size: .82rem; }
  .coupon-offers-panel { margin-top: 27px; padding-top: 24px; }
  .coupon-offers-heading { align-items: flex-start; gap: 12px; }
  .coupon-offers-heading h3 { font-size: 1.35rem; }
  .coupon-offers-heading button { min-width: 44px; min-height: 44px; justify-content: center; }
  .trust-section { padding: 54px 18px; gap: 27px; }
  .trust-intro { font-size: .92rem; }
  .trust-points { grid-template-columns: 1fr; gap: 12px; }
  .trust-points article { padding: 19px; }
  .trust-points p { font-size: .9rem; }
  .channel-section { margin: 0 10px 10px; padding: 32px 20px; border-radius: 19px; gap: 22px; }
  .channel-section p:not(.section-kicker) { font-size: .92rem; }
  .button-light { width: 100%; min-height: 48px; }
  footer { padding: 40px 20px calc(40px + env(safe-area-inset-bottom)); }
  .footer-top, .footer-bottom { align-items: flex-start; flex-direction: column; gap: 15px; }
  .footer-top p { margin: 0; }
  .affiliate-note { font-size: .82rem; line-height: 1.55; }
  dialog { width: calc(100% - 28px); max-height: calc(100dvh - 28px); margin: auto; padding: 26px 22px; }
  .toast { bottom: calc(14px + env(safe-area-inset-bottom)); font-size: .82rem; }
}
@media (max-width: 360px) {
  .hero { height: 316px; }
  .hero h1 { font-size: 2.15rem; }
  .hero-text { font-size: .8rem; }
  .main-tab { gap: 5px; font-size: .84rem; }
  .main-tab .material-symbols-rounded { font-size: 18px; }
  .offer-grid { gap: 7px; }
  .offer-visual { height: 110px; }
  .offer-body { padding: 8px; }
  .offer-title { font-size: .8rem; }
  .seller-line { font-size: .65rem; }
  .price { font-size: 1.04rem; }
  .offer-action { font-size: .73rem; }
  .coupon-marketplace { align-items: flex-start; }
  .coupon-status { text-align: right; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}

/* Interface 2 — marketplace leve, inspirada na navegação dos grandes apps */
:root {
  --ml-yellow: #ff6a00;
  --ml-blue: #3483fa;
  --ml-blue-dark: #2968c8;
  --paper: #ebebeb;
  --navy: #232f3e;
  --muted: #666;
  --line: #e2e2e2;
  --line-strong: #d5d5d5;
  --orange: #3483fa;
  --orange-dark: #2968c8;
  --blue: #3483fa;
  --yellow: #ffe600;
  --radius: 8px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.1);
  --shadow-md: 0 8px 24px rgba(0,0,0,.12);
}
body { background: var(--paper); color: #333; font-family: "DM Sans", Arial, sans-serif; padding-bottom: 0; }
.demo-bar { min-height: 28px; background: #fff3eb; color: #6b3317; border-bottom: 1px solid rgba(0,0,0,.06); font-size: .74rem; }
.demo-bar strong { color: #333; }
.demo-bar > .material-symbols-rounded { color: #00a650; }
.demo-divider { background: rgba(0,0,0,.22); }
.site-header { position: sticky; top: 0; z-index: 30; max-width: none; height: 76px; padding: 10px max(24px, calc((100vw - 1180px)/2)); background: var(--ml-yellow); box-shadow: 0 1px 0 rgba(0,0,0,.12); }
.brand-mark { width: 40px; height: 40px; filter: none; }
.brand-mark rect { fill: #fff; }
.brand-mark path:not(.brand-spark) { fill: var(--ml-blue); }
.brand-mark .brand-spark { fill: var(--ml-yellow); }
.brand-name { color: #263238; font-size: 1.25rem; }
.header-search { flex: 1 1 540px; max-width: 610px; height: 44px; display: flex; align-items: center; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.18); }
.header-search input { min-width: 0; width: 100%; height: 100%; padding: 0 16px; border: 0; outline: none; background: transparent; color: #333; font-size: 1rem; }
.header-search .material-symbols-rounded { width: 48px; text-align: center; color: #555; border-left: 1px solid #eee; }
.site-header nav { gap: 19px; color: #fff; font-size: .82rem; font-weight: 600; }
.site-header nav a:hover { color: #fff3eb; }
.channel-button { min-height: 40px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.65); border-radius: 6px; background: rgba(255,255,255,.12); color: #fff; box-shadow: none; }
.channel-button:hover { background: rgba(255,255,255,.25); color: #fff; }
main { max-width: 1280px; background: transparent; box-shadow: none; }
.delivery-strip { min-height: 38px; display: flex; align-items: center; gap: 7px; padding: 0 32px; color: #555; background: #fff; border-bottom: 1px solid #eee; font-size: .8rem; }
.delivery-strip .material-symbols-rounded { color: var(--ml-blue); font-size: 18px; }
.delivery-strip strong { font-weight: 600; }
.delivery-separator { color: #bbb; }
.hero { height: 300px; margin: 18px 24px 0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.hero-overlay { background: linear-gradient(90deg, rgba(20,32,54,.96), rgba(20,32,54,.76) 42%, rgba(20,32,54,.08) 72%); }
.hero-copy { padding: 34px 5%; max-width: 650px; }
.hero-eyebrow { margin-bottom: 10px; border: 0; background: var(--ml-yellow); color: #fff; letter-spacing: .06em; }
.hero h1 { font-size: clamp(2.5rem, 4.7vw, 4rem); line-height: .98; letter-spacing: -.055em; }
.hero h1 em { color: var(--ml-yellow); }
.hero-text { margin-top: 13px; color: #edf4ff; }
.hero-actions { margin-top: 18px; }
.hero-cta { min-height: 44px; border-radius: 6px; background: var(--ml-blue); color: #fff; box-shadow: none; }
.hero-cta:hover { background: var(--ml-blue-dark); }
.quick-benefits { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4,1fr); margin: -1px 36px 0; padding: 18px 12px; border-radius: 8px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.quick-benefits article { display: flex; align-items: center; gap: 12px; padding: 2px 18px; border-right: 1px solid #eee; }
.quick-benefits article:last-child { border: 0; }
.quick-benefits .material-symbols-rounded { color: var(--ml-blue); font-size: 30px; }
.quick-benefits div { display: flex; flex-direction: column; line-height: 1.25; }
.quick-benefits strong { font-size: .88rem; }
.quick-benefits small { margin-top: 3px; color: #777; font-size: .74rem; }
.main-tabs { justify-content: flex-start; padding: 32px 42px 0; background: transparent; }
.main-tab { min-height: 40px; padding: 8px 18px; border: 0; border-radius: 6px; background: transparent; color: #555; }
.main-tab.active { background: #fff; color: var(--ml-blue); box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.main-tab.active .material-symbols-rounded { color: var(--ml-blue); }
.explorer, .coupon-explorer { padding: 18px 42px 78px; background: transparent; border: 0; }
.search-box, .sort-control { border: 0; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,.12); }
.search-box { height: 54px; }
.search-box .material-symbols-rounded { color: #777; }
.category-row { padding-top: 18px; }
.category { min-height: 40px; border: 0; border-radius: 6px; color: #555; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.category:hover, .category.active { background: var(--ml-blue); color: #fff; }
.results-heading { margin: 34px 0 17px; }
.section-kicker { color: var(--ml-blue); }
.results-heading h2, .coupon-heading h2, .trust-section h2, .channel-section h2 { font-family: "DM Sans", sans-serif; font-size: clamp(1.55rem, 3vw, 2.1rem); font-weight: 500; letter-spacing: -.03em; }
.offer-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.offer-card { min-height: 470px; border: 0; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.12); transition: transform .18s ease, box-shadow .18s ease; }
.offer-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.16); }
.offer-visual { height: 230px; background: #fff; border-bottom: 1px solid #eee; }
.offer-visual img { padding: 16px; object-fit: contain; }
.discount-badge { background: #00a650; color: #fff; }
.offer-body { padding: 14px 16px 17px; }
.offer-title { font-weight: 500; color: #333; }
.price { color: #333; font-size: 1.55rem; font-weight: 500; }
.installments, .seller-line, .coupon { color: #00a650; }
.offer-action { border-radius: 6px; background: var(--ml-blue); }
.offer-action:hover { background: var(--ml-blue-dark); }
.trust-section { background: #fff; }
.channel-section { background: var(--ml-blue); }
.mobile-nav { display: none; }

@media (max-width: 900px) {
  body { padding-bottom: 68px; }
  .demo-bar { display: none; }
  .site-header { height: auto; min-height: 112px; padding: 10px 14px; display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; }
  .site-header .brand { grid-column: 1; }
  .brand-mark { width: 34px; height: 34px; }
  .brand-name { font-size: 1.08rem; }
  .header-search { grid-column: 1 / -1; grid-row: 2; width: 100%; height: 42px; }
  .site-header nav { grid-column: 2; grid-row: 1; }
  .site-header nav > a, .channel-label { display: none; }
  .channel-button { width: 40px; padding: 0; justify-content: center; border: 0; }
  .delivery-strip { min-height: 34px; padding: 0 14px; white-space: nowrap; overflow: hidden; }
  .delivery-strip strong, .delivery-separator { display: none; }
  .hero { height: 255px; margin: 10px 10px 0; }
  .hero-copy { padding: 24px 22px; }
  .hero h1 { font-size: clamp(2rem, 10vw, 3rem); }
  .hero-text { max-width: 85%; font-size: .9rem; }
  .hero-proof { display: none; }
  .quick-benefits { grid-template-columns: repeat(2,1fr); margin: 0 10px; padding: 8px; }
  .quick-benefits article { min-width: 0; padding: 10px 8px; border-right: 0; border-bottom: 1px solid #eee; }
  .quick-benefits article:nth-last-child(-n+2) { border-bottom: 0; }
  .quick-benefits .material-symbols-rounded { font-size: 25px; }
  .quick-benefits strong { font-size: .75rem; }
  .quick-benefits small { font-size: .66rem; }
  .main-tabs { padding: 22px 14px 0; }
  .explorer, .coupon-explorer { padding: 14px 14px 54px; }
  .search-row { grid-template-columns: 1fr; }
  .sort-control { min-height: 50px; }
  .results-heading { margin-top: 28px; }
  .offer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .offer-card { min-height: 425px; }
  .offer-visual { height: 180px; }
  .offer-body { padding: 11px; }
  .offer-title { font-size: .87rem; }
  .offer-meta, .seller-line, .checked-at { font-size: .66rem; }
  .price { font-size: 1.2rem; }
  .installments { font-size: .7rem; }
  .coupon { font-size: .69rem; }
  footer { padding-bottom: 20px; }
  .mobile-nav { position: fixed; z-index: 50; inset: auto 0 0; height: 64px; display: grid; grid-template-columns: repeat(4,1fr); background: #fff; border-top: 1px solid #ddd; box-shadow: 0 -2px 12px rgba(0,0,0,.08); }
  .mobile-nav a, .mobile-nav button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border: 0; background: transparent; color: #777; }
  .mobile-nav .active, .mobile-nav a:hover, .mobile-nav button:hover { color: var(--ml-blue); }
  .mobile-nav .material-symbols-rounded { font-size: 23px; }
  .mobile-nav small { font-size: .66rem; font-weight: 600; }
}

@media (max-width: 430px) {
  .hero { height: 235px; }
  .hero-eyebrow { font-size: .64rem; }
  .hero-text { display: none; }
  .hero-actions { margin-top: 14px; }
  .offer-visual { height: 155px; }
  .offer-card { min-height: 405px; }
}

.main-tabs { overflow-x: auto; scrollbar-width: none; }
.main-tabs::-webkit-scrollbar { display: none; }
.main-tab { flex: 0 0 auto; white-space: nowrap; }
.offer-image-button { width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.offer-image-button img { display: block; }
.offer-title-button { padding: 0; border: 0; background: none; color: inherit; font: inherit; line-height: inherit; text-align: left; cursor: pointer; }
.offer-title-button:hover { text-decoration: underline; }
.offer-action { width: 100%; cursor: pointer; font: inherit; font-weight: 800; }
.offer-image-button:focus-visible, .offer-title-button:focus-visible, .offer-action:focus-visible, .flash-link:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.flash-heading { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: 4px 0 20px; }
.flash-heading h2 { margin: 5px 0; font-family: "Manrope", sans-serif; }
.flash-heading p, #relampago .results-heading p { max-width: 670px; color: var(--muted); line-height: 1.5; }
.flash-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; min-height: 48px; padding: 10px 16px; border-radius: 8px; background: var(--ml-blue); color: #fff; font-weight: 800; text-align: center; }
.flash-link:hover { background: var(--ml-blue-dark); }
#relampago .results-heading { margin-top: 22px; }
#relampago .results-heading h3 { margin: 4px 0; font-size: 1.25rem; }
#coupon-guide-dialog { width: min(100% - 28px, 510px); max-height: calc(100dvh - 28px); padding: 0; overflow: hidden; }
#coupon-guide-dialog[open] { display: flex; flex-direction: column; }
.coupon-guide-body { min-height: 0; overflow-y: auto; padding: 24px 22px 12px; }
.coupon-guide-kicker { margin: 0; color: var(--orange) !important; font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
#coupon-guide-title { margin: 8px 28px 8px 0; font-size: 1.4rem; }
.coupon-guide-product { margin: 0; font-size: .82rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.coupon-guide-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 20px 0 14px; gap: 18px; }
.coupon-guide-steps li { position: relative; text-align: center; min-width: 0; }
.coupon-step-icon { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 9px; border-radius: 14px; color: var(--orange); background: #fff0e9; font-size: 28px; }
.coupon-guide-steps strong { display: block; font-size: .8rem; line-height: 1.3; }
.coupon-guide-steps small { display: block; margin-top: 4px; font-size: .73rem; line-height: 1.35; color: var(--muted); }
.coupon-step-arrow { position: absolute; right: -21px; top: 14px; font-size: 20px; color: var(--orange); }
.coupon-guide-small { margin: 0; font-size: .72rem; line-height: 1.4; text-align: center; }
.coupon-guide-go { display: flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 6px; min-height: 48px; margin: 4px 22px 20px; text-decoration: none; font-size: .92rem; }
@media (max-width: 360px) { .coupon-guide-body { padding: 20px 16px 10px; } .coupon-guide-go { margin: 4px 16px 16px; } .coupon-guide-steps { gap: 14px; } .coupon-step-arrow { right: -18px; font-size: 18px; } }

/* Product detail: photo and purchase panel, followed by the related catalog. */
body.product-open main > :not(.product-detail) { display: none !important; }
.product-detail { padding: 24px 0 48px; }
.product-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-bottom:22px; color:var(--muted); font-size:.9rem; }
.product-back { color:var(--orange-dark); font-weight:700; }
.product-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; background:white; border:1px solid var(--line); border-radius:24px; padding:32px; }
.product-photo { position:relative; align-self:start; display:flex; align-items:center; justify-content:center; min-height:380px; aspect-ratio:1; background:white; border-radius:18px; overflow:hidden; }
.product-photo img { width:100%; height:100%; object-fit:contain; max-height:520px; }
.product-discount { position:absolute; top:12px; left:12px; padding:7px 12px; border-radius:9px; background:var(--orange); color:white; font-weight:800; }
.product-info { min-width:0; }
.product-shop { color:var(--orange-dark); font-weight:800; margin:0 0 10px; }
.product-info h1 { font-size:clamp(1.4rem,2.4vw,2rem); line-height:1.25; margin:0 0 16px; overflow-wrap:anywhere; }
.product-seller,.product-sales { color:var(--muted); font-size:.9rem; margin:6px 0; }
.product-old-price { text-decoration:line-through; color:var(--muted); margin:20px 0 -10px; }
.product-price { font-size:clamp(1.6rem,3vw,2.5rem); line-height:1.2; font-weight:800; margin:22px 0 8px; }
.product-updated,.product-disclosure { font-size:.875rem; color:var(--muted); line-height:1.5; }
.product-buy { display:flex; justify-content:center; align-items:center; min-height:56px; padding:14px 20px; border-radius:12px; background:var(--orange-dark); color:white; font-weight:800; font-size:1.05rem; text-align:center; }
.product-buy:hover { background:#b93809; }
.product-related { margin-top:36px; }
.product-related-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.product-related-heading h2 { margin:0; font-size:1.5rem; }
.product-related-heading a { color:var(--orange-dark); font-size:.9rem; font-weight:700; }
.product-unavailable { min-height:40vh; padding:40px 0; }
@media(max-width:700px) {
 .product-detail { padding-top:16px; }
 .product-layout { grid-template-columns:1fr; gap:20px; padding:18px; border-radius:18px; }
 .product-photo { min-height:0; width:100%; max-height:360px; }
 .product-info h1 { font-size:1.4rem; }
 .product-related-heading { align-items:flex-start; flex-direction:column; gap:8px; }
 .product-related .offer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Price hierarchy and a single purchase action. */
.product-layout { gap:48px; box-shadow:0 12px 36px rgba(8,20,38,.055); }
.product-photo { border:1px solid #edf0f5; padding:20px; }
.product-shop { display:inline-flex; align-items:center; border-radius:7px; padding:5px 11px; background:#fff0e7; font-size:.875rem; letter-spacing:.02em; }
.product-price-panel { background:#f1faf5; border:1px solid #cfe9da; border-radius:16px; padding:22px; margin-top:24px; }
.product-price-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.product-old-price { color:#b04444; margin:0; text-decoration:none; line-height:1.4; font-size:1.15rem; font-weight:600; }
.product-old-price span { display:block; font-size:.875rem; font-weight:500; }
.product-price-discount { background:#ff6426; color:#fff; border-radius:8px; padding:6px 11px; font-size:.95rem; font-weight:800; }
.product-current-label { margin:16px 0 0; color:#176b43; font-size:.9rem; font-weight:600; }
.product-price { color:#08753f; font-size:clamp(2rem,4vw,3rem); line-height:1.12; letter-spacing:-.035em; margin:4px 0 0; overflow-wrap:anywhere; }
.product-saving { color:#126b41; font-weight:700; font-size:.95rem; margin:10px 0 0; }
.product-estimate-note { font-size:.8125rem; color:#53675d; line-height:1.45; margin:12px 0 0; }
.product-buy { width:100%; border:0; margin-top:20px; box-shadow:0 5px 14px #d9470e26; }
.product-buy:focus-visible { outline:3px solid #081426; outline-offset:4px; }
.product-updated { margin:12px 0 0; }
.coupon-guide-steps strong { font-size:.875rem; }
.coupon-guide-steps small,.coupon-guide-small,.coupon-guide-product { font-size:.875rem; }
@media(max-width:700px) {
 .product-layout { gap:22px; }
 .product-photo { padding:12px; }
 .product-price-panel { padding:18px; margin-top:20px; }
 .product-price { font-size:2.4rem; }
}

/* Crop the supplied TikTok product screenshot to its central product image. */
.tiktok-product-photo { background:#050505; }
.tiktok-product-photo img,
.offer-visual.tiktok-product-photo img,
.product-photo.tiktok-product-photo img {
  padding:0; width:100%; height:100%; max-height:none;
  object-fit:cover; object-position:center 51%;
}
.product-photo.tiktok-product-photo { padding:0; }
.catalog-product-photo { background:#fff; }
.offer-visual.catalog-product-photo img,
.product-photo.catalog-product-photo img {
  padding:0; width:100%; height:100%; max-height:100%;
  object-fit:contain; object-position:center;
}
.product-photo.catalog-product-photo { padding:0; }
.price-from { margin:0; color:var(--muted, #555); font-size:.875rem; }

/* Lead with real offers and keep the familiar orange brand. */
.hot-offers { margin:20px 24px 0; padding:24px; background:#142036; border-radius:16px; color:white; overflow:hidden; }
.hot-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.hot-heading .section-kicker { color:#ffb384; font-size:.875rem; }
.hot-heading h1 { margin:6px 0; font-size:clamp(1.6rem,3vw,2.3rem); line-height:1.15; letter-spacing:-.035em; }
.hot-heading p:last-child { margin:8px 0 0; color:#d6e0ef; font-size:1rem; }
.hot-controls { display:flex; gap:8px; flex-shrink:0; }
.hot-controls button { display:flex; align-items:center; justify-content:center; min-height:44px; min-width:44px; padding:8px 12px; background:white; border:0; border-radius:8px; color:#142036; font-size:.875rem; font-weight:700; }
.hot-track { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#ff7b32 #263754; padding:4px 0 14px; }
.hot-track .offer-card { flex:0 0 calc((100% - 48px)/4); scroll-snap-align:start; min-height:0; color:var(--navy); }
.hot-track .offer-visual { height:165px; }
.hot-track .offer-body { padding:14px; }
.hot-track .seller-line,.hot-track .coupon { display:none; }
.hot-track .offer-title { font-size:1rem; }
.hot-track .old-price { color:#a44343; }
.hot-track .price { color:#08753f; }
.hot-track .discount-badge { background:#e64b13; color:white; font-size:1rem; font-weight:800; }
.hot-track .checked-at { min-height:0; }
.hot-track .offer-action { margin-top:12px; }
.hot-controls button:focus-visible,.hot-track:focus-visible { outline:3px solid #ff9a5c; outline-offset:3px; }
@media(max-width:1000px) { .hot-track .offer-card { flex-basis:calc((100% - 32px)/3); } }
@media(max-width:700px) {
 .hot-offers { margin:10px 10px 0; padding:16px 12px; border-radius:12px; }
 .hot-heading { align-items:flex-start; flex-direction:column; gap:12px; }
 .hot-heading h1 { font-size:1.7rem; }
 .hot-heading p:last-child { font-size:.875rem; }
 .hot-track .offer-card { flex-basis:calc((100% - 16px)/2); }
 .hot-track .offer-visual { height:140px; }
 .hot-track .offer-body { padding:10px; }
 .hot-track .price-row { display:block; }
 .hot-track .installments { display:block; margin-top:4px; }
 .hot-track .price { font-size:1.25rem; }
 .mobile-nav { grid-template-columns:repeat(3,1fr); }
}
/* A catalog-led layout inspired by the supplied reference. */
body { background:#f0f2f5; color:#30333a; }
.site-header { background:#e95116; height:auto; min-height:78px; gap:22px; padding-block:14px; }
.brand-name { color:#fff; font-size:1.45rem; }
.site-header nav { order:1; gap:20px; white-space:nowrap; font-size:.875rem; }
.header-search { order:2; border-radius:999px; max-width:450px; min-width:180px; }
.header-search input { font-size:.875rem; }
.header-search .material-symbols-rounded { border:0; }
.channel-button { display:none; }
.demo-bar { background:#17251d; color:#e1efe7; min-height:36px; font-size:.875rem; }
.demo-bar strong { color:#fff; }
main { max-width:1200px; padding:0 16px; }
.delivery-strip,.quick-benefits { display:none; }
.store-coupons { padding:28px 0 0; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.section-heading h2 { font-size:1.25rem; margin:0; }
.section-heading a { font-size:.875rem; text-decoration:underline; font-weight:700; }
.store-coupon-list { display:flex; gap:12px; flex-wrap:wrap; }
.store-coupon-list a { display:flex; align-items:center; gap:12px; background:white; padding:14px 18px; border-radius:8px; min-width:210px; }
.store-coupon-list strong { display:block; font-size:.875rem; }
.store-coupon-list small { display:block; font-size:.875rem; color:#747983; margin-top:3px; }
.store-symbol { display:grid; place-items:center; height:40px; width:40px; border-radius:10px; font-size:1rem; font-weight:800; }
.shopee-symbol { background:#fff0e8; color:#e95116; }
.ml-symbol { background:#ffe85e; color:#193451; }
.hot-offers { margin:32px 0 0; padding:0; background:transparent; color:#30333a; border-radius:0; }
.hot-heading { margin-bottom:16px; }
.hot-heading h1 { display:flex; align-items:center; gap:8px; margin:0; font-size:1.4rem; letter-spacing:-.02em; }
.hot-heading h1 .material-symbols-rounded { color:#f56d13; font-size:30px; }
.hot-controls button { background:#fff; color:#41464e; border:1px solid #e1e4e8; }
.hot-track { padding:0 0 12px; scrollbar-color:#e95116 #e1e4e8; }
.offer-card,.hot-track .offer-card { border:0; box-shadow:none; border-radius:8px; min-height:0; background:#fff; color:#30333a; }
.offer-card:hover { transform:translateY(-2px); box-shadow:0 6px 20px #18263712; }
.offer-visual,.hot-track .offer-visual { height:auto; aspect-ratio:1; margin:10px 10px 0; border:0; border-radius:6px; background:#fff; overflow:visible; }
.offer-image-button { width:100%; height:100%; overflow:hidden; border-radius:6px; }
.offer-visual img { padding:6px; }
.discount-badge,.hot-track .discount-badge { left:auto; right:0; top:0; font-size:.875rem; border-radius:4px; background:#f47e01; padding:5px 7px; box-shadow:none; }
.demo-badge { right:auto; left:0; top:0; background:#fff3e9; color:#953507; font-size:.75rem; box-shadow:none; border-radius:4px; }
.offer-store { position:absolute; bottom:-12px; right:0; background:white; padding:6px 9px; box-shadow:0 2px 6px #14203620; border-radius:999px; font-size:.75rem; font-weight:800; color:#d84912; }
.offer-body,.hot-track .offer-body { padding:24px 14px 14px; }
.offer-category { margin:0 0 8px; font-size:.875rem; color:#747983; }
.offer-title,.hot-track .offer-title { font-size:1rem; line-height:1.35; margin:0 0 8px; min-height:2.7em; }
.offer-title-button { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-align:left; }
.offer-proof { margin:0 0 12px; font-size:.875rem; color:#636b76; }
.offer-prices { margin-top:auto; }
.old-price,.hot-track .old-price { color:#8b8f97; font-size:.875rem; margin:8px 0 2px; }
.price,.hot-track .price { font-size:1.55rem; letter-spacing:-.04em; color:#e96e00; line-height:1.25; }
.first-purchase-note { color:#a4420b; font-size:.875rem; margin:6px 0 0; }
.offer-action,.hot-track .offer-action { margin-top:14px; min-height:40px; border-radius:6px; padding:10px; background:#fff3eb; color:#b53d0c; font-size:.875rem; border:1px solid #ffe0ce; }
.offer-action:hover { background:#e95116; color:#fff; }
.checked-at { text-align:left; font-size:.75rem; color:#747983; margin:10px 0 0; line-height:1.4; }
.hot-track .offer-card { flex:0 0 calc((100% - 48px)/4); }
.hot-track .offer-card:first-child { flex-basis:calc((100% - 16px)/2); display:grid; grid-template-columns:1fr 1fr; }
.hot-track .offer-card:first-child .offer-visual { height:calc(100% - 20px); aspect-ratio:auto; margin:10px; }
.hot-track .offer-card:first-child .offer-body { justify-content:center; padding:24px 16px 20px 6px; }
.hot-track .offer-card:first-child .offer-title { font-size:1.3rem; min-height:0; }
.hot-track .offer-card:first-child .offer-prices { margin-top:18px; }
.hot-track .offer-card:first-child .price { font-size:2rem; }
.main-tabs { margin:24px 0 0; padding:0; border:0; background:transparent; gap:8px; }
.main-tab { border-radius:6px; padding:10px 16px; font-size:.875rem; background:white; }
.main-tab.active { background:#fff0e6; color:#be410e; border-color:#ffccad; }
.explorer,.coupon-explorer { padding:24px 0; }
.category-row { flex-wrap:wrap; overflow:visible; padding:0; gap:8px; margin:18px 0; scroll-margin-top:130px; }
.category { border:1px solid #e4e6ea; background:#fff; border-radius:6px; font-size:.875rem; padding:10px 14px; }
.category.active { color:#bd4210; background:#fff0e6; border-color:#ffc5a4; }
.results-heading { margin:20px 0 16px; }
.results-heading h2 { font-size:1.35rem; }
.results-heading .section-kicker { display:none; }
.offer-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.big-discounts { padding:12px 0 32px; }
.trust-section { margin:16px 0; padding:24px; background:white; border-radius:8px; }
.trust-section h2 { font-size:1.4rem; }
.channel-section { margin:24px 0; border-radius:8px; background:#182638; padding:28px; }
.product-detail { padding:24px 0; }
.product-layout { border:0; border-radius:8px; padding:24px; gap:32px; box-shadow:none; }
.product-photo { border:0; border-radius:6px; }
.product-shop { background:#fff0e6; color:#be410e; }
.product-price-panel { background:transparent; border:0; padding:0; }
.product-old-price { color:#898f98; font-size:1rem; }
.product-current-label { color:#6b717a; }
.product-price { color:#e96e00; }
.product-saving { color:#b4490e; }
.product-buy { background:#e95116; border-radius:6px; box-shadow:none; }
.product-related-heading h2 { font-size:1.4rem; }
.coupon-card { border-radius:8px; box-shadow:none; }
footer { max-width:1200px; }
@media(max-width:1100px) {
 .site-header { padding-inline:20px; gap:16px; flex-wrap:wrap; }
 .site-header nav { gap:16px; }
 .header-search { flex:1; }
}
@media(max-width:700px) {
 main { padding:0 12px; }
 .demo-bar { font-size:.75rem; padding:8px 12px; }
 .demo-bar .demo-divider,.demo-bar > .material-symbols-rounded { display:none; }
 .site-header { display:flex; flex-wrap:wrap; padding:12px; gap:12px; }
 .brand { flex:0 0 auto; }
 .brand-name { font-size:1.2rem; }
 .site-header nav { display:flex; margin-left:auto; gap:12px; font-size:.875rem; }
 .site-header nav a:first-child { display:none; }
 .header-search { display:flex; order:3; flex:0 0 100%; max-width:none; height:40px; }
 .store-coupons { padding-top:20px; }
 .store-coupon-list { flex-wrap:nowrap; gap:8px; }
 .store-coupon-list a { min-width:0; flex:1; padding:10px; gap:8px; }
 .store-symbol { width:32px; height:32px; flex-shrink:0; }
 .store-coupon-list small { font-size:.75rem; }
 .hot-heading { flex-direction:row; align-items:center; gap:8px; }
 .hot-heading h1 { font-size:1.2rem; }
 .hot-controls { gap:4px; }
 .hot-controls button { min-width:32px; padding:6px; font-size:.75rem; }
 .hot-controls #hot-pause { padding:6px 8px; }
 .hot-track .offer-card,.hot-track .offer-card:first-child { flex:0 0 calc((100% - 16px)/2); display:flex; flex-direction:column; }
 .hot-track .offer-card:first-child .offer-visual { aspect-ratio:1; height:auto; margin:10px 10px 0; }
 .hot-track .offer-card:first-child .offer-body { justify-content:initial; padding:24px 12px 12px; }
 .hot-track .offer-card:first-child .offer-title { font-size:.875rem; }
 .hot-track .offer-card:first-child .offer-prices { margin-top:auto; }
 .hot-track .offer-card:first-child .price { font-size:1.25rem; }
 .offer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .offer-body,.hot-track .offer-body { padding:24px 12px 12px; }
 .offer-title,.hot-track .offer-title { font-size:.875rem; line-height:1.4; }
 .price,.hot-track .price { font-size:1.25rem; }
 .offer-proof { font-size:.75rem; }
 .offer-store { font-size:.65rem; }
 .category-row { flex-wrap:nowrap; overflow-x:auto; padding-bottom:8px; scroll-margin-top:140px; }
 .category { flex-shrink:0; }
 .search-row { gap:12px; }
 .results-heading { align-items:flex-start; gap:10px; }
 .results-heading h2 { font-size:1.2rem; }
 .mobile-nav { grid-template-columns:repeat(4,1fr); }
 .trust-section,.channel-section { padding:20px; }
 .product-layout { grid-template-columns:1fr; padding:18px; gap:20px; }
 .product-info h1 { font-size:1.4rem; }
 .section-heading h2 { font-size:1.15rem; }
}
.site-header nav > a { display:inline-flex; }
.main-tabs { position:static; }
@media(max-width:700px) { .site-header nav > a:first-child { display:none; } }
/* Strong purchase action and reusable horizontal product rows. */
.offer-action,.hot-track .offer-action { background:#ed570f; color:#fff; border:1px solid #d94708; font-weight:800; box-shadow:0 3px 8px #e9511620; }
.offer-action:hover,.hot-track .offer-action:hover { background:#bf3e06; border-color:#bf3e06; }
.old-price,.hot-track .old-price { color:#9b5260; font-size:.875rem; }
.price,.hot-track .price { color:#137245; }
.product-old-price { color:#9b5260; }
.product-price { color:#137245; }
.product-buy { background:#ed570f; }
.product-buy:hover { background:#bf3e06; }
.carousel-section { padding:18px 0 26px; }
.product-carousel { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 0 14px; scrollbar-width:thin; scrollbar-color:#ef793c #e3e7eb; }
.product-carousel .offer-card { flex:0 0 calc((100% - 48px)/4); scroll-snap-align:start; }
.row-controls { display:flex; gap:8px; }
.row-controls button { display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:50%; background:#ed570f; color:#fff; }
.row-controls button:hover { background:#bf3e06; }
.row-controls button:focus-visible,.product-carousel:focus-visible { outline:3px solid #173e6a; outline-offset:3px; }
.social-links { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px; margin:20px 0 30px; font-size:1rem; }
.social-links a { background:#fff; border:1px solid #eedce7; border-radius:999px; padding:12px 20px; color:#a82b69; font-weight:800; }
@media(max-width:1000px) { .product-carousel .offer-card { flex-basis:calc((100% - 32px)/3); } }
@media(max-width:700px) {
 .product-carousel .offer-card { flex-basis:calc((100% - 16px)/2); }
 .product-related .product-carousel { display:flex; }
 .site-header nav > .instagram-nav { display:none; }
 .carousel-section { padding:16px 0 20px; }
}
.old-price,.hot-track .old-price { text-decoration:none; }
.old-price del { text-decoration:line-through; }
.current-price-label { color:#137245; font-size:.875rem; font-weight:700; }
/* Compact cards, with badges entirely inside the product image. */
.offer-visual,.hot-track .offer-visual { min-width:0; flex-shrink:0; }
.discount-badge,.hot-track .discount-badge { inset:8px 8px auto auto; max-width:calc(100% - 16px); white-space:nowrap; line-height:1.2; }
.demo-badge { inset:8px auto auto 8px; max-width:calc(100% - 72px); white-space:normal; }
.offer-store { inset:auto 8px 8px auto; max-width:calc(100% - 16px); font-size:.75rem; line-height:1.2; overflow-wrap:anywhere; border-radius:6px; z-index:2; box-shadow:0 1px 6px #14203618; }
.offer-body,.hot-track .offer-body { padding:12px; gap:0; }
.offer-title-button { -webkit-line-clamp:2; }
.offer-title,.hot-track .offer-title { min-height:2.7em; margin-bottom:8px; }
.offer-category { margin-bottom:6px; }
.offer-action,.hot-track .offer-action { margin-top:10px; }
@media(max-width:700px) {
 main { padding-inline:10px; }
 .site-header { padding:10px; gap:8px; min-height:0; }
 .brand-mark { width:32px; height:32px; }
 .brand-name { font-size:1.125rem; }
 .site-header nav { gap:10px; }
 .header-search { height:38px; min-width:0; }
 .header-search input { font-size:1rem; padding-inline:12px; }
 .demo-bar { min-height:28px; font-size:.75rem; gap:6px; }
 .demo-divider { display:none; }
 .store-coupons { padding-top:16px; }
 .store-coupon-list a { padding:10px 8px; }
 .store-coupon-list strong { font-size:.875rem; }
 .store-coupon-list small { font-size:.75rem; }
 .hot-offers { margin-top:22px; }
 .hot-heading { flex-wrap:wrap; gap:10px; margin-bottom:12px; }
 .hot-heading h1 { font-size:1.125rem; }
 .hot-controls { margin-left:auto; }
 .hot-controls button,.row-controls button { min-height:40px; min-width:40px; }
 .section-heading { align-items:center; gap:10px; }
 .section-heading h2 { min-width:0; font-size:1.125rem; line-height:1.3; }
 .section-heading a { flex-shrink:0; }
 .row-controls { flex-shrink:0; gap:5px; }
 .offer-grid { gap:10px; }
 .offer-card,.hot-track .offer-card,.hot-track .offer-card:first-child { min-height:0; height:auto; border-radius:8px; }
 .offer-visual,.hot-track .offer-visual,.hot-track .offer-card:first-child .offer-visual { margin:7px 7px 0; height:auto; min-height:0; aspect-ratio:1.1; overflow:visible; }
 .offer-image-button { position:absolute; inset:0; height:100%; width:100%; }
 .offer-visual img { padding:3px; }
 .discount-badge,.hot-track .discount-badge { inset:6px 6px auto auto; font-size:.8125rem; padding:4px 6px; max-width:calc(100% - 12px); }
 .demo-badge { inset:6px auto auto 6px; font-size:.75rem; padding:3px 4px; max-width:calc(100% - 68px); }
 .offer-store { inset:auto 6px 6px auto; font-size:.75rem; padding:4px 6px; max-width:calc(100% - 12px); }
 .offer-body,.hot-track .offer-body,.hot-track .offer-card:first-child .offer-body { padding:10px; justify-content:initial; }
 .offer-category { display:none; }
 .offer-title,.hot-track .offer-title,.hot-track .offer-card:first-child .offer-title { font-size:.875rem; line-height:1.35; min-height:2.7em; margin:0 0 6px; }
 .offer-title-button { -webkit-line-clamp:2; }
 .offer-prices,.hot-track .offer-card:first-child .offer-prices { margin-top:auto; }
 .old-price,.hot-track .old-price { margin:2px 0 4px; font-size:.8125rem; line-height:1.25; }
 .old-price del { display:inline-block; }
 .price-row,.hot-track .price-row { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px; }
 .price,.hot-track .price,.hot-track .offer-card:first-child .price { font-size:1.25rem; letter-spacing:-.03em; overflow-wrap:anywhere; }
 .current-price-label,.price-from { font-size:.8125rem; }
 .first-purchase-note { margin:4px 0 0; font-size:.75rem; line-height:1.3; }
 .offer-action,.hot-track .offer-action { margin-top:8px; min-height:42px; padding:8px 6px; font-size:.875rem; }
 .checked-at { display:none; }
 .carousel-section { padding:12px 0 18px; }
 .product-carousel,.hot-track { gap:12px; }
 .product-carousel .offer-card,.hot-track .offer-card,.hot-track .offer-card:first-child { flex-basis:calc((100% - 12px)/2); }
 .explorer,.coupon-explorer { padding:18px 0; }
 .main-tabs { margin-top:18px; }
 .main-tab { min-height:42px; padding:8px 12px; }
 .category-row { margin:12px 0; }
 .category { padding:8px 12px; min-height:40px; }
 .results-heading { margin:16px 0 12px; }
 .product-layout { padding:14px; gap:16px; }
 .product-photo { min-height:0; max-height:300px; }
 .product-info h1 { font-size:1.25rem; line-height:1.3; }
 .product-price-panel { margin-top:16px; }
 .product-price { font-size:2rem; }
 .product-buy { min-height:48px; margin-top:14px; }
 .coupon-heading { flex-direction:column; align-items:flex-start; gap:12px; }
 .coupon-grid { grid-template-columns:1fr; gap:12px; }
 .coupon-summary { align-items:flex-start; }
 .coupon-guide-steps { gap:8px; }
 .trust-section,.channel-section { padding:16px; margin:16px 0; }
 .channel-section { flex-wrap:wrap; gap:16px; }
 .social-links { margin:16px 0; }
 footer { padding:20px 14px 85px; }
}
@media(max-width:360px) {
 .brand-name { font-size:1rem; }
 .site-header nav { font-size:.8125rem; gap:8px; }
 .price,.hot-track .price,.hot-track .offer-card:first-child .price { font-size:1.125rem; }
 .offer-body,.hot-track .offer-body,.hot-track .offer-card:first-child .offer-body { padding:8px; }
 .store-symbol { width:26px; height:26px; font-size:.875rem; }
 .store-coupon-list a { gap:5px; }
}
/* Keep the header search and remove the duplicated bar and fixed bottom menu. */
.search-row > .search-box,.mobile-nav { display:none !important; }
.search-row { grid-template-columns:minmax(0,1fr); }
.sort-control { justify-self:end; width:205px; }
@media(max-width:700px) {
 .sort-control { justify-self:stretch; width:100%; }
 body { padding-bottom:0; }
 footer { padding-bottom:24px; }
}