/* irobot-th-2026 · promotions · css เฉพาะหน้า · สร้างโดย content/theme-export/export_pages.py (30.09.2026) จาก irobot-web/promo/preview.html — ห้ามแก้ด้วยมือ */
/* exporter: คืนค่าคลาสที่ชั้น [B] ของ design-system ธีมแต่งทับ ให้ตรงต้นแบบ */
.breadcrumb-wrap { padding: 0; }

.pr-section { padding: clamp(48px, 7vw, 84px) 0; }
.pr-section-head { max-width: 640px; margin: 0 auto clamp(28px, 4vw, 44px); text-align: center; }
.pr-section-head h2 { font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; line-height: 1.25; }
.pr-section-head p { margin-top: 10px; color: var(--brand-color-gray); line-height: 1.6; }
.pr-hero {
    background: var(--brand-color-hunter);
    color: var(--brand-color-white);
    padding: clamp(48px, 8vw, 96px) 0;

}
.pr-hero-inner { max-width: 720px; margin: 0 auto; text-align: center; }
.pr-hero--empty { padding: clamp(72px, 12vw, 152px) 0; }
.pr-hero h1.pr-eyebrow { font-size: 13px; line-height: 1.4; font-weight: 600; }
.pr-empty-title { font-size: clamp(30px, 4.4vw, 52px); font-weight: 600; line-height: 1.18; text-wrap: balance; }
.pr-eyebrow {
    font-size: 13px; letter-spacing: .09em; text-transform: uppercase;
    color: var(--brand-color-irb-green); margin-bottom: 14px;

}
.pr-hero h1 {
    font-size: clamp(30px, 4.4vw, 52px); font-weight: 600; line-height: 1.18;
    text-wrap: balance;

}
.pr-hero-sub {
    margin-top: 16px; font-size: clamp(15px, 1.5vw, 18px); line-height: 1.6;
    color: var(--brand-color-mint);

}
.pr-chip {
    display: inline-flex; align-items: baseline; gap: 7px;
    margin-top: 24px; padding: 9px 18px; border-radius: 999px;
    background: var(--brand-color-irb-green); color: var(--brand-color-hunter);
    font-size: 15px; font-weight: 600;

}
.pr-chip[hidden] { display: none; }
.pr-chip strong { font-size: 22px; font-weight: 700; line-height: 1; }
.pr-deadline {
    margin-top: 14px; font-size: 15px; line-height: 1.6;
    color: var(--brand-color-sage);

}
.pr-hero-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.pr-deals { background: var(--brand-color-sand); }
.pr-grid {
    display: grid; gap: clamp(18px, 2.4vw, 28px);
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: start;

}
.pr-card {
    background: var(--brand-color-white); border-radius: 16px; overflow: hidden;
    display: flex; flex-direction: column; height: 100%;

}
.pr-card-media {
    position: relative; background: var(--brand-color-mint);
    aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center;

}
.pr-card-media img { width: 100%; height: 100%; object-fit: contain; padding: 18px; }
.pr-card-media .flag { position: absolute; top: 14px; left: 14px; }
.pr-card-body { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.pr-card-body h3 { font-size: 19px; font-weight: 600; line-height: 1.35; }
.pr-card-line { font-size: 14px; line-height: 1.6; color: var(--brand-color-gray); }
.pr-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-top: 2px; }
.pr-price .now { font-size: 27px; font-weight: 700; }
.pr-price .was { font-size: 15px; color: var(--brand-color-gray); text-decoration: line-through; }
.pr-save {
    font-size: 14px; font-weight: 600; color: var(--brand-color-hunter);
    background: var(--brand-color-mint); border-radius: 999px; padding: 4px 11px;
    align-self: flex-start;

}
.pr-inst { font-size: 14px; color: var(--brand-color-gray); }
.pr-card .btn { margin-top: auto; }
.pr-terms {
    margin-top: clamp(22px, 3vw, 32px); padding: 16px 18px; border-radius: 12px;
    background: var(--brand-color-white); border: 1px solid var(--brand-color-border);
    font-size: 14px; line-height: 1.7; color: var(--brand-color-black);

}
.pr-terms strong { font-weight: 600; }
.pr-benefit {
    display: flex; flex-direction: column; gap: 10px;
    padding: 24px; border-radius: 14px; background: var(--brand-color-sand); height: 100%;

}
.pr-benefit-icon {
    width: 30px; height: 30px; stroke: var(--brand-color-hunter); fill: none;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;

}
.pr-benefit h3 { font-size: 18px; font-weight: 600; line-height: 1.35; }
.pr-benefit p { font-size: 14px; line-height: 1.65; color: var(--brand-color-gray); }
.pr-benefit .textlink { margin-top: auto; align-self: flex-start; font-size: 14px; }
.pr-line-band { background: var(--brand-color-mint); }
.pr-line-inner {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
    gap: clamp(14px, 2.4vw, 28px); text-align: center;

}
.pr-line-inner h2 { font-size: clamp(21px, 2.2vw, 28px); font-weight: 600; line-height: 1.3; }
.pr-line-inner p { margin-top: 8px; font-size: 15px; line-height: 1.6; color: var(--brand-color-hunter); }
.pr-line-copy { max-width: 460px; }
.pr-soon-grid {
    display: grid; gap: clamp(16px, 2.2vw, 24px);
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

}
.pr-soon-card {
    display: flex; align-items: center; gap: 16px; padding: 16px;
    border: 1px solid var(--brand-color-border); border-radius: 14px;
    text-decoration: none; color: inherit;

}
.pr-soon-card:hover { border-color: var(--brand-color-hunter); }
.pr-soon-card img {
    width: 92px; height: 92px; object-fit: contain; flex-shrink: 0;
    background: var(--brand-color-sand); border-radius: 10px;

}
.pr-soon-card h3 { font-size: 16px; font-weight: 600; line-height: 1.4; }
.pr-soon-card .flag { margin-bottom: 8px; }
.pr-soon-card span.pr-soon-cta { display: block; margin-top: 8px; font-size: 14px; color: var(--brand-color-hunter); text-decoration: underline; }
@media (max-width: 520px) {
.pr-soon-card { flex-direction: column; align-items: flex-start; }
.pr-soon-card img { width: 100%; height: 150px; }
}