.cbp-section{--cbp-bg:#fff;--cbp-ink:#14243d;--cbp-muted:#56677f;--cbp-line:#dce5f1;--cbp-blue:#155eef;--cbp-purple:#6d28d9;--cbp-soft-blue:#edf4ff;--cbp-soft-purple:#f4efff;box-sizing:border-box;max-width:1180px;padding:0 24px;margin:38px auto 46px;scroll-margin-top:100px;color:var(--cbp-ink);font-family:"Noto Sans Thai",Inter,sans-serif}
html[data-theme="dark"] .cbp-section{--cbp-bg:#18263c;--cbp-ink:#edf3fd;--cbp-muted:#b3c1d7;--cbp-line:#374a65;--cbp-blue:#93bdff;--cbp-purple:#c4b5fd;--cbp-soft-blue:#22344f;--cbp-soft-purple:#31264b}
.cbp-section *{box-sizing:border-box}.cbp-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.cbp-heading>div>span{display:block;color:var(--cbp-blue);font:700 10px/1.5 Inter,sans-serif;letter-spacing:1.5px;margin-bottom:7px}.cbp-section .cbp-heading h2{font-size:27px;font-weight:800;line-height:1.5;margin:0;color:var(--cbp-ink)}.cbp-section .cbp-heading p{margin:5px 0 0;font-size:12px;line-height:1.8;color:var(--cbp-muted)}.cbp-preview,.cbp-card-tag{border:1px solid var(--cbp-line);border-radius:20px;padding:5px 10px;font-size:10px;color:var(--cbp-muted);background:var(--cbp-bg);white-space:nowrap}.cbp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cbp-section .cbp-card{display:flex;position:relative;align-items:flex-start;gap:17px;border:1px solid var(--cbp-line);border-radius:19px;padding:25px;background:var(--cbp-bg);color:var(--cbp-ink);text-decoration:none;transition:border-color .18s,box-shadow .18s}.cbp-card:hover{border-color:var(--cbp-blue);box-shadow:0 8px 25px #14243d0b}.cbp-card:focus-visible{outline:3px solid var(--cbp-blue);outline-offset:4px}.cbp-editor:hover{border-color:var(--cbp-purple)}.cbp-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--cbp-soft-blue);color:var(--cbp-blue);font-size:24px;flex-shrink:0}.cbp-editor .cbp-icon{background:var(--cbp-soft-purple);color:var(--cbp-purple)}.cbp-copy{min-width:0;padding-top:3px;padding-right:54px}.cbp-section .cbp-copy h3{font:700 18px/1.5 Inter,sans-serif;letter-spacing:-.4px;margin:0;color:var(--cbp-ink)}.cbp-section .cbp-copy p{font-size:11px;line-height:1.8;margin:7px 0 17px;color:var(--cbp-muted)}.cbp-cta{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--cbp-blue)}.cbp-editor .cbp-cta{color:var(--cbp-purple)}.cbp-card-tag{position:absolute;right:20px;top:25px;font-size:9px;padding:4px 7px}.cbp-section .cbp-note{margin:14px 0 0;font-size:11px;line-height:1.8;color:var(--cbp-muted)}
@media(max-width:760px){.cbp-section{padding:0 16px;margin:30px auto}.cbp-grid{grid-template-columns:1fr;gap:13px}.cbp-heading{align-items:flex-start;flex-wrap:wrap}.cbp-section .cbp-heading h2{font-size:24px}.cbp-section .cbp-card{padding:21px;gap:14px}.cbp-copy{padding-right:0;padding-top:0}.cbp-card-tag{position:static;align-self:flex-start;display:none}.cbp-section .cbp-copy h3{font-size:17px}.cbp-icon{width:44px;height:44px;font-size:20px;border-radius:13px}}
@media(max-width:360px){.cbp-section .cbp-card{padding:18px;gap:11px}.cbp-section .cbp-copy h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cbp-card{transition:none}}
/* Keep the existing Bootstrap product row inside the shop-home container on mobile. */
@media(max-width:760px){.es-home-page .es-product-preview-grid{margin-left:0;margin-right:0}}
/* Shared collection: each tone keeps its own readable foreground and background. */
.cbp-tone-violet{--cbp-blue:#6d28d9;--cbp-soft-blue:#f3eeff}.cbp-tone-pink{--cbp-blue:#be185d;--cbp-soft-blue:#fff0f5}.cbp-tone-amber{--cbp-blue:#92400e;--cbp-soft-blue:#fff6e6}.cbp-tone-green{--cbp-blue:#047857;--cbp-soft-blue:#e8faf3}
html[data-theme="dark"] .cbp-tone-violet{--cbp-blue:#cab4ff;--cbp-soft-blue:#342c50}html[data-theme="dark"] .cbp-tone-pink{--cbp-blue:#ffb1d2;--cbp-soft-blue:#462d40}html[data-theme="dark"] .cbp-tone-amber{--cbp-blue:#f6c987;--cbp-soft-blue:#3e3427}html[data-theme="dark"] .cbp-tone-green{--cbp-blue:#87e8c5;--cbp-soft-blue:#21403d}
.cbp-all{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--cbp-blue);white-space:nowrap}.cbp-all:hover{color:var(--cbp-blue);text-decoration:underline}.cbp-price{display:block;font-size:10px;margin-top:11px;color:var(--cbp-muted)}.cbp-section [hidden]{display:none!important}.cbp-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 15px}.cbp-filters{display:flex;gap:6px;flex-wrap:wrap}.cbp-filters button,.cbp-empty button{background:var(--cbp-bg);color:var(--cbp-muted);border:1px solid var(--cbp-line);border-radius:8px;padding:9px 12px;font-size:11px;cursor:pointer}.cbp-filters button[aria-pressed="true"]{background:var(--cbp-blue);border-color:var(--cbp-blue);color:#fff}html[data-theme="dark"] .cbp-filters button[aria-pressed="true"]{color:#102139}.cbp-search{display:flex;align-items:center;gap:9px;background:var(--cbp-bg);border:1px solid var(--cbp-line);border-radius:9px;padding:10px 12px;margin:0;color:var(--cbp-muted);max-width:260px}.cbp-search input{width:100%;border:0;outline:none;background:transparent;color:var(--cbp-ink);font-size:12px;min-width:0}.cbp-search:focus-within{outline:2px solid var(--cbp-blue);outline-offset:2px}.cbp-search input::placeholder{color:var(--cbp-muted)}.cbp-filter-result{font-size:11px;color:var(--cbp-muted);margin-bottom:15px}.cbp-empty{text-align:center;border:1px solid var(--cbp-line);border-radius:15px;background:var(--cbp-bg);padding:40px 20px;color:var(--cbp-ink)}.cbp-empty>i{font-size:24px;color:var(--cbp-blue);margin-bottom:17px}.cbp-empty h3{font-size:18px;color:var(--cbp-ink)}.cbp-empty p{font-size:12px;color:var(--cbp-muted)}.cbp-copy{padding-right:27px}.cbp-section .cbp-copy h3{font-size:17px;overflow-wrap:anywhere}.es-program-dropdown{max-height:min(72vh,640px);overflow-y:auto;overscroll-behavior:contain}.es-program-dropdown .dropdown-item b{font-size:12px}
@media(max-width:760px){.cbp-tools{flex-direction:column;align-items:stretch}.cbp-search{max-width:none}.cbp-filters button{font-size:10px;padding:8px 10px}.cbp-copy{padding-right:0}.cbp-heading{gap:12px}.cbp-all{font-size:11px}.es-program-dropdown{max-height:55vh}.cbp-section .cbp-copy h3{font-size:16px}}
@media(max-width:360px){.cbp-section .cbp-copy h3{font-size:14px}}

/* Launch status remains visible at every screen size. */
.cbp-card-tag{position:static;display:inline-flex!important;align-self:flex-start;margin-left:auto;flex-shrink:0;font-size:10px;padding:5px 9px}.cbp-copy{padding-right:0;flex:1}.cbp-launch-tag{color:var(--cbp-blue);border-color:var(--cbp-blue);background:var(--cbp-soft-blue)}
@media(max-width:760px){.cbp-section .cbp-card{flex-wrap:wrap}.cbp-card-tag{margin-left:58px;margin-top:-2px}.cbp-copy{flex-basis:calc(100% - 58px)}}