/*
 * GIAO DIEN TRANG BAN PINPRESS — do bao hieu / muc den / giay trang.
 *
 * Tep nay CHI duoc nap tren cac trang /pinpress* (qua slot $head cua
 * khuon sales/pinpress.blade.php), nap SAU app.css nen cung do uu tien
 * la no thang. Ly do no la mot tep tinh rieng chu khong phai mot nhanh
 * trong app.css: app.css di qua Vite, sua no la doi ten tep bam hash
 * trong the <link> cua MOI trang — ke ca cac trang Lullabet ma nguoi
 * duyet PayPal dang doc. Mot tep tinh rieng thi Lullabet giu nguyen
 * tung byte.
 *
 * Cach lam: ghi de TOKEN la chinh (moi thanh phan trang ban tieu thu
 * mau qua var()), cong dung nam cho hiem ma app.css tro thang vao ma
 * mau amber/midnight khong qua bien.
 *
 * Doi bang mau nay thi doi ca tailwind.config.js cua app (bo "Ink &
 * Signal") cho khop — hai noi, mot he mau.
 */

.sales-page {
    /* giay trang thay kem am */
    --cream:      #FFFFFF;
    --cream-2:    #FAFAFA;
    --cream-line: #E7E7EA;
    --ink-warm:   #0B0B0C;

    --surface:   #FFFFFF;
    --surface-2: #F6F6F7;

    --ink:   #0B0B0C;
    --ink-2: #3F3F46;
    --ink-3: #71717A;

    --rule:   #E7E7EA;
    --rule-2: #D4D4D8;

    /* mot mau hanh dong duy nhat: do bao hieu */
    --accent:      #E0201C;
    --accent-ink:  #FFFFFF;
    --accent-soft: #FDE8E7;
    --accent-line: #F5B5B2;
    --accent-text: #9E120F;
    --accent-grad: linear-gradient(#EA5450, #E0201C);

    /* canh bao: cung ho do nhung tram hon, khong tranh vai voi nut mua */
    --warn:      #B81713;
    --warn-soft: #FBF0EF;
    --warn-line: #F0C9C7;

    /* dai toi: den gan tuyet doi thay navy */
    --deep:      #0B0B0C;
    --deep-2:    #18181B;
    --deep-fg:   #E4E4E7;
    --deep-dim:  #A1A1AA;
    --deep-line: #27272A;
    --deep-grad: linear-gradient(155deg, #0B0B0C, #1C1C1F 58%, #26262A);

    /* cot "hop voi ban": den chac chan, khong xanh la */
    --owned:      #0B0B0C;
    --owned-soft: #F6F6F7;
    --owned-line: #D4D4D8;
}

/*
 * Soc do duoi thanh dieu huong den — chu ky nhan dang cua bo nay
 * (tham khao anh mau chu gui: band den + strip do tren nen trang).
 */
.sales-page .sales-nav { border-bottom: 4px solid var(--accent); }

/* app.css tro thang vao amber/midnight o may cho nay — keo ve he do/den */
.sales-page .sales-dark .label-mono { color: #F49290; }
.sales-page .sales-dark .hl { color: #F49290; }
.sales-page .sales-dark p, .sales-page .sales-dark li { color: #D4D4D8; }

.sales-page .sales-buy {
    box-shadow: 0 4px 24px rgb(0 0 0 / .12), 0 14px 30px -14px rgb(224 32 28 / .65);
}
.sales-page .sales-buy:hover { background: #B81713; }

/* chip dap so trong FAQ/steps dung fallback amber-900 — da co --accent-text */

/*
 * ANH HOP SAN PHAM O CUOI TRANG — CHAN LAI CHO DUNG CO.
 *
 * box-pinpress.svg khai width/height 135x150 nhung khong co gi chan
 * ben tren, nen trong khung .sales-in rong 1035px no phong len
 * 961x1064 — cao hon ca man hinh (756px), va rieng khoi ket chiem
 * 1435px chieu cao. Nguoi doc keo mai khong het mot cai bia.
 *
 * Do dung tren live truoc khi sua, khong phai uoc luong.
 *
 * Chi dat trong pinpress-theme.css chu KHONG dat o app.css: .sales-shot
 * dung chung voi pheu Lullabet, va anh hero cua ca hai ben la anh chup
 * man hinh NAM NGANG — chung PHAI trai het khung. Chi rieng anh o khoi
 * .sales-dark cuoi trang la anh DUNG, va chi rieng no can chan.
 */
.sales-page .sales-dark .sales-shot img {
    max-width: min(300px, 100%);
    height: auto;
}