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

.section { padding: clamp(48px, 7vw, 88px) 0; }
.section-head h2 { font-size: clamp(22px, 2.4vw, 28px); font-weight: 600; line-height: 1.3; margin-bottom: 24px; }
.st-crumb { padding-top: 20px; padding-bottom: 8px; }
.st-crumb ol { display: flex; flex-wrap: wrap; list-style: none; font-size: 14px; }
.st-crumb li { display: flex; align-items: center; }
.st-crumb li:not(:last-child)::after { content: "/"; margin: 0 8px; color: var(--brand-color-border); }
.st-crumb a { color: var(--brand-color-gray); text-decoration: none; }
.st-crumb a:hover { color: var(--brand-color-black); text-decoration: underline; }
.st-crumb li[aria-current] { color: var(--brand-color-black); font-weight: 600; }
.st-head { padding: clamp(20px, 3vw, 36px) 0 clamp(28px, 4vw, 44px); max-width: 720px; }
.st-head h1 { font-size: clamp(30px, 4.2vw, 46px); font-weight: 600; line-height: 1.18; text-wrap: balance; }
.st-head p { margin-top: 14px; font-size: 17px; line-height: 1.65; color: rgba(var(--brand-color-black-rgb), .75); }
.st-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 28px); }
.st-card {
    display: flex; flex-direction: column;
    border: 1px solid var(--brand-color-border); border-radius: var(--irb-radius-card);
    overflow: hidden; background: var(--brand-color-white);

}
.st-map { position: relative; height: 240px; background: var(--brand-color-sand); }
.st-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.st-tag {
    align-self: flex-start; font-size: 13px; font-weight: 700; padding: 4px 12px; border-radius: 999px;
    background: rgba(var(--brand-color-mint-rgb), .7); color: var(--brand-color-hunter);

}
.st-body { display: flex; flex-direction: column; gap: 14px; padding: 22px; flex: 1; }
.st-body h3 { font-size: 21px; font-weight: 600; line-height: 1.3; }
.st-place { margin-top: -8px; font-size: 14px; color: var(--brand-color-gray); }
.st-rows { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.st-rows li { display: grid; grid-template-columns: 36px 1fr; gap: 10px; align-items: start; }
.st-rows address { font-style: normal; }
.st-rows li > div { font-size: 15px; line-height: 1.6; }
.st-rows a { color: var(--brand-color-black); font-weight: 600; font-variant-numeric: tabular-nums; }
.st-icon {
    width: 36px; height: 36px; border-radius: 50%; background: rgba(var(--brand-color-mint-rgb), .6);
    display: flex; align-items: center; justify-content: center;

}
.st-icon svg { width: 20px; height: 20px; }
.st-icon .ic { fill: none; stroke: var(--brand-color-hunter); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.st-icon .ic-accent { fill: none; stroke: var(--brand-color-clover); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.st-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 6px; }
.st-alt { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 24px); }
.st-alt-card {
    display: flex; flex-direction: column; gap: 10px; padding: 24px;
    background: var(--brand-color-sand); border-radius: var(--irb-radius-card);

}
.st-alt-card .st-icon { width: 48px; height: 48px; background: var(--brand-color-white); }
.st-alt-card .st-icon svg { width: 26px; height: 26px; }
.st-alt-card h3 { font-size: 18px; font-weight: 600; line-height: 1.35; }
.st-alt-card p { font-size: 15px; line-height: 1.6; color: rgba(var(--brand-color-black-rgb), .72); }
.st-alt-card .textlink { margin-top: auto; }
@media (max-width: 860px) {
.st-grid { grid-template-columns: 1fr; }
.st-alt { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.st-map { height: 200px; }
.st-ctas .btn { flex: 1 1 auto; }
}