hapi-cart-button,hapi-cart-drawer{display:contents}:where(.hp-btn){min-height:var(--hp-tap);border-radius:var(--hp-radius-pill);font:600 var(--hp-text-s) / 1.2 "Be Vietnam Pro", system-ui, sans-serif;cursor:pointer;transition:background-color var(--hp-dur) var(--hp-ease), transform var(--hp-dur-fast) var(--hp-ease);border:2px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:.8em 1.4em;text-decoration:none;display:inline-flex}:where(.hp-btn):active{transform:scale(.98)}:where(.hp-btn--primary){background:var(--hp-red);color:#fff;box-shadow:var(--hp-shadow-cta)}:where(.hp-btn--primary):hover{background:var(--hp-red-dark);color:#fff}:where(.hp-btn--ghost){border-color:var(--hp-green);color:var(--hp-green);background:0 0}:where(.hp-btn--ghost):hover{background:var(--hp-green-soft)}.hp-price{font-variant-numeric:tabular-nums}.hp-cart-btn{width:var(--hp-tap);height:var(--hp-tap);border-radius:var(--hp-radius-pill);background:var(--hp-green);color:var(--hp-paper);transition:background-color var(--hp-dur-fast) var(--hp-ease);place-items:center;display:inline-grid;position:relative}.hp-cart-btn:hover{background:var(--hp-green-dark);color:var(--hp-paper)}.hp-cart-btn__count{border-radius:var(--hp-radius-pill);background:var(--hp-red);color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 2px var(--hp-cream);place-items:center;padding:0 5px;font:700 11px/1 Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid;position:absolute;top:-4px;right:-4px}.hp-cart-btn--bump{animation:hp-bump .45s var(--hp-ease)}@keyframes hp-bump{35%{transform:scale(1.18)}}html.hp-lock{overflow:hidden}.hp-drawer{z-index:9990;visibility:hidden;transition:visibility 0s linear var(--hp-dur);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.hp-drawer--open{visibility:visible;transition-delay:0s}.hp-drawer__backdrop{opacity:0;transition:opacity var(--hp-dur) var(--hp-ease);background:#1f2a2473;position:absolute;top:0;bottom:0;left:0;right:0}.hp-drawer--open .hp-drawer__backdrop{opacity:1}.hp-drawer__panel{background:var(--hp-paper);width:min(420px,100vw);transition:transform var(--hp-dur) var(--hp-ease);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-20px 0 50px -20px #1f2a2459}.hp-drawer--open .hp-drawer__panel{transform:none}.hp-drawer__head{padding:var(--hp-space-s) var(--hp-space-m);border-bottom:1px solid var(--hp-line);justify-content:space-between;align-items:center;display:flex}.hp-drawer__title{font:700 var(--hp-text-xl) / 1.2 "Playfair Display", Georgia, serif;color:var(--hp-green);align-items:center;gap:8px;margin:0;display:flex}.hp-drawer__count{border-radius:var(--hp-radius-pill);background:var(--hp-gold-soft);min-width:24px;height:24px;color:var(--hp-red);place-items:center;padding:0 6px;font:700 12px/1 Be Vietnam Pro,sans-serif;display:inline-grid}.hp-drawer__close{width:var(--hp-tap);height:var(--hp-tap);border-radius:var(--hp-radius-pill);color:var(--hp-ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.hp-drawer__close:hover{background:var(--hp-sand)}.hp-drawer__body{padding:var(--hp-space-2xs) var(--hp-space-m);overscroll-behavior:contain;flex:1;overflow-y:auto}.hp-drawer__skeleton{height:160px;margin-top:var(--hp-space-s);border-radius:var(--hp-radius-m);background:linear-gradient(90deg, var(--hp-sand), var(--hp-cream), var(--hp-sand));background-size:200% 100%;animation:1.2s linear infinite hp-shimmer}@keyframes hp-shimmer{to{background-position:-200% 0}}.hp-drawer__empty{justify-items:center;gap:var(--hp-space-2xs);padding:var(--hp-space-2xl) 0;text-align:center;color:var(--hp-text);display:grid}.hp-drawer__empty-title{font:700 var(--hp-text-xl) "Playfair Display", serif;color:var(--hp-green);margin:0}.hp-drawer__list{margin:0;padding:0;list-style:none}.hp-drawer__foot{padding:var(--hp-space-s) var(--hp-space-m) calc(var(--hp-space-s) + env(safe-area-inset-bottom));border-top:1px solid var(--hp-line);background:var(--hp-paper)}.hp-drawer__total{margin-bottom:var(--hp-space-xs);color:var(--hp-ink);justify-content:space-between;align-items:baseline;display:flex}.hp-drawer__total b{font-size:var(--hp-text-xl);color:var(--hp-red)}.hp-drawer__actions{gap:var(--hp-space-2xs);grid-template-columns:1fr 1fr;display:grid}.hp-freeship{padding:var(--hp-space-xs) var(--hp-space-m);background:var(--hp-gold-soft)}.hp-freeship__text{font-size:var(--hp-text-s);color:var(--hp-ink);margin:0 0 6px}.hp-freeship__text b{color:var(--hp-red)}.hp-freeship__bar{border-radius:var(--hp-radius-pill);background:#8b5e3c26;height:6px;overflow:hidden}.hp-freeship__fill{border-radius:inherit;background:linear-gradient(90deg, var(--hp-orange), var(--hp-red));height:100%;transition:width .5s var(--hp-ease);display:block}.hp-line{gap:var(--hp-space-xs);padding:var(--hp-space-xs) 0;border-bottom:1px solid var(--hp-line);display:flex}.hp-line:last-child{border-bottom:0}.hp-line__media{border-radius:var(--hp-radius-s);background:var(--hp-sand);flex:0 0 64px;height:64px;overflow:hidden}.hp-line__media img{object-fit:cover;width:100%;height:100%}.hp-line__body{flex:1;gap:4px;min-width:0;display:grid}.hp-line__name{font-size:var(--hp-text-s);color:var(--hp-ink);font-weight:600;line-height:1.35;text-decoration:none}.hp-line__name:hover{color:var(--hp-green)}.hp-line__price{color:var(--hp-red);font-weight:700;font-size:var(--hp-text-s)}.hp-line__row{justify-content:space-between;align-items:center;display:flex}.hp-line__remove{font-size:var(--hp-text-xs);color:var(--hp-text);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:6px;text-decoration:underline}.hp-line__remove:hover{color:var(--hp-red)}.hp-qty{border:1px solid var(--hp-line);border-radius:var(--hp-radius-pill);background:var(--hp-paper);align-items:center;height:36px;display:inline-flex}.hp-qty__btn{border-radius:var(--hp-radius-pill);width:36px;height:36px;color:var(--hp-green);cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.hp-qty__btn:hover:not(:disabled){background:var(--hp-green-soft)}.hp-qty__btn:disabled{opacity:.35;cursor:default}.hp-qty__value{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-weight:600}hapi-search,hapi-search-dialog,hapi-stepper{display:contents}.hp-search-btn{width:var(--hp-tap);height:var(--hp-tap);border-radius:var(--hp-radius-pill);color:var(--hp-ink);transition:background-color var(--hp-dur-fast) var(--hp-ease);place-items:center;display:inline-grid}.hp-search-btn:hover{background:var(--hp-sand);color:var(--hp-green)}.hp-search{z-index:9995;visibility:hidden;transition:visibility 0s linear var(--hp-dur);position:fixed;top:0;bottom:0;left:0;right:0}.hp-search--open{visibility:visible;transition-delay:0s}.hp-search__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity var(--hp-dur) var(--hp-ease);background:#1f2a2473;position:absolute;top:0;bottom:0;left:0;right:0}.hp-search--open .hp-search__backdrop{opacity:1}.hp-search__panel{background:var(--hp-paper);border:1px solid var(--hp-line);border-radius:var(--hp-radius-l);opacity:0;width:min(680px,100vw - 32px);max-height:80vh;transition:transform var(--hp-dur) var(--hp-ease), opacity var(--hp-dur) var(--hp-ease);flex-direction:column;display:flex;position:absolute;top:8vh;left:50%;overflow:hidden;transform:translate(-50%,-12px)scale(.98);box-shadow:0 30px 70px -20px #1f2a2473}.hp-search--open .hp-search__panel{opacity:1;transform:translate(-50%)scale(1)}.hp-search__bar{border-bottom:1px solid var(--hp-line);color:var(--hp-green);align-items:center;gap:10px;padding:14px 16px;display:flex}.hp-search__input{min-width:0;height:44px;font:500 var(--hp-text-l)/1.2 "Be Vietnam Pro", system-ui, sans-serif;color:var(--hp-ink);outline:none;flex:1;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.hp-search__input::-webkit-search-cancel-button{display:none}.hp-search__clear{background:var(--hp-sand);width:32px;height:32px;color:var(--hp-ink);cursor:pointer;border:0;border-radius:50%;font-size:18px;line-height:1}.hp-search__close{font:600 var(--hp-text-s) "Be Vietnam Pro", sans-serif;color:var(--hp-text);cursor:pointer;background:0 0;border:0;padding:8px}.hp-search__body{overscroll-behavior:contain;flex:1;padding:8px 8px 12px;overflow-y:auto}.hp-search__group{padding:10px 8px}.hp-search__label{font:600 var(--hp-text-xs)/1.4 "Be Vietnam Pro", sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--hp-red);margin:0 0 8px}.hp-search__chips{flex-wrap:wrap;gap:8px;display:flex}.hp-search__chip{border:1px solid var(--hp-line);background:var(--hp-cream);border-radius:var(--hp-radius-pill);font:500 var(--hp-text-s) "Be Vietnam Pro", sans-serif;color:var(--hp-ink);cursor:pointer;transition:background-color var(--hp-dur-fast) var(--hp-ease);padding:8px 14px}.hp-search__chip:hover{background:var(--hp-green-soft);border-color:var(--hp-green);color:var(--hp-green)}.hp-search__cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hp-search__cat{border-radius:var(--hp-radius-m);background:var(--hp-cream);border:1px solid var(--hp-line);transition:border-color var(--hp-dur-fast) var(--hp-ease), transform var(--hp-dur-fast) var(--hp-ease);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.hp-search__cat:hover{border-color:var(--hp-gold);transform:translateY(-1px)}.hp-search__cat img{border-radius:var(--hp-radius-s);object-fit:cover;flex:0 0 44px;width:44px;height:44px}.hp-search__cat-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hp-search__cat-text span{color:var(--hp-green);font-weight:600;font-size:var(--hp-text-s)}.hp-search__cat-text small{color:var(--hp-text);font-size:var(--hp-text-xs)}.hp-search__list{margin:0;padding:0;list-style:none}.hp-search__item{border-radius:var(--hp-radius-m);color:inherit;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:8px;text-decoration:none;display:grid}.hp-search__item--active{background:var(--hp-green-soft)}.hp-search__thumb{border-radius:var(--hp-radius-s);background:var(--hp-sand);width:56px;height:56px;overflow:hidden}.hp-search__thumb img{object-fit:cover;width:100%;height:100%}.hp-search__info{flex-direction:column;min-width:0;display:flex}.hp-search__name{color:var(--hp-ink);font-weight:600;font-size:var(--hp-text-m);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.hp-search__name mark{background:var(--hp-gold-soft);color:var(--hp-red);border-radius:3px;padding:0 1px}.hp-search__cat-name{font-size:var(--hp-text-xs);color:var(--hp-text)}.hp-search__price{color:var(--hp-red);font-weight:700;font-size:var(--hp-text-s);white-space:nowrap}.hp-search__skeleton{border-radius:var(--hp-radius-m);background:linear-gradient(90deg, var(--hp-sand), var(--hp-cream), var(--hp-sand));background-size:200% 100%;height:64px;margin:6px 8px;animation:1.2s linear infinite hp-shimmer}.hp-search__empty{text-align:center;color:var(--hp-text);padding:28px 16px}.hp-search__empty p{margin:4px 0}.hp-search__all{border-top:1px solid var(--hp-line);color:var(--hp-green);background:var(--hp-cream);padding:14px 16px;font-weight:600;text-decoration:none;display:block}.hp-search__all:hover{color:var(--hp-red)}.hp-search__hint{font-size:var(--hp-text-xs);color:var(--hp-text);margin:0;padding:8px 16px 12px}.hp-search__hint kbd{border:1px solid var(--hp-line);background:var(--hp-paper);text-align:center;border-bottom-width:2px;border-radius:6px;min-width:20px;margin:0 2px;padding:1px 6px;font:600 11px/1.4 Be Vietnam Pro,sans-serif;display:inline-block}@media (max-width:767px){.hp-search__panel{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none;top:0;left:0;transform:translateY(16px)}.hp-search--open .hp-search__panel{transform:none}.hp-search__hint{display:none}.hp-search__all{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}.hp-timeline--enhanced{display:none!important}.hp-stepper{gap:var(--hp-space-s);flex-direction:column;display:flex}.hp-stepper__rail{justify-content:space-between;align-items:center;padding:0 2px;display:flex;position:relative}.hp-stepper__line{background:var(--hp-line);border-radius:3px;height:3px;position:absolute;top:50%;left:18px;right:18px;overflow:hidden;transform:translateY(-50%)}.hp-stepper__line-fill{background:linear-gradient(90deg, var(--hp-gold), var(--hp-green));border-radius:inherit;height:100%;transition:width .5s var(--hp-ease);display:block}.hp-stepper__dot{z-index:1;border:2px solid var(--hp-line);background:var(--hp-paper);width:36px;height:36px;color:var(--hp-text);cursor:pointer;transition:transform var(--hp-dur) var(--hp-ease), background-color var(--hp-dur) var(--hp-ease), border-color var(--hp-dur) var(--hp-ease), color var(--hp-dur) var(--hp-ease);border-radius:50%;place-items:center;font:700 13px/1 Be Vietnam Pro,sans-serif;display:grid;position:relative}.hp-stepper__dot--done{background:var(--hp-green-soft);border-color:var(--hp-green);color:var(--hp-green)}.hp-stepper__dot--active{background:var(--hp-green);border-color:var(--hp-green);color:var(--hp-paper);transform:scale(1.14);box-shadow:0 0 0 6px #0f513224}.hp-stepper__meta{font-size:var(--hp-text-s);color:var(--hp-text);justify-content:space-between;align-items:center;display:flex}.hp-stepper__meta b{color:var(--hp-green);font-size:var(--hp-text-l)}.hp-stepper__tag{border-radius:var(--hp-radius-pill);background:var(--hp-gold-soft);color:var(--hp-brown);font-size:var(--hp-text-xs);padding:4px 12px;font-weight:600}.hp-stepper__tag--factory{background:var(--hp-green-soft);color:var(--hp-green)}.hp-stepper__track{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--hp-gutter));padding:4px var(--hp-gutter) 14px;scroll-padding-inline:var(--hp-gutter);grid-auto-columns:86%;grid-auto-flow:column;column-gap:12px;display:grid;overflow-x:auto}.hp-stepper__track::-webkit-scrollbar{display:none}.hp-stepper__card{scroll-snap-align:start;min-height:250px;padding:var(--hp-space-l);border-radius:var(--hp-radius-xl);border:1px solid var(--hp-line);background:var(--hp-paper);box-shadow:var(--hp-shadow-m);opacity:.55;transition:opacity .4s var(--hp-ease), transform .4s var(--hp-ease), box-shadow .4s var(--hp-ease);flex-direction:column;gap:8px;display:flex;transform:scale(.95)}.hp-stepper__card--active{opacity:1;box-shadow:var(--hp-shadow-l);transform:none}.hp-stepper__num{color:var(--hp-gold);font:700 3.5rem/.9 CDA Independence Display,Georgia,serif}.hp-stepper__title{font:700 var(--hp-text-xl)/1.25 "CDA Independence Display", Georgia, serif;color:var(--hp-green);margin:4px 0 0}.hp-stepper__text{font-size:var(--hp-text-s);color:var(--hp-text);margin:0;line-height:1.65}.hp-stepper__qc{border-radius:var(--hp-radius-s);background:var(--hp-green-soft);color:var(--hp-green);font-size:var(--hp-text-xs);align-self:flex-start;margin-top:auto;padding:6px 12px;font-weight:600}.hp-stepper__controls{grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;display:grid}.hp-stepper__nav{border:1px solid var(--hp-line);background:var(--hp-paper);width:44px;height:44px;color:var(--hp-green);cursor:pointer;border-radius:50%;font-size:18px}.hp-stepper__nav:disabled{opacity:.35;cursor:default}.hp-stepper__play{cursor:pointer;color:var(--hp-text);font:600 var(--hp-text-xs) "Be Vietnam Pro", sans-serif;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;display:flex}.hp-stepper__progress{background:var(--hp-line);border-radius:4px;width:100%;height:4px;overflow:hidden}.hp-stepper__progress-fill{background:var(--hp-red);border-radius:inherit;width:0;height:100%;display:block}.hp-stepper__progress-fill.is-playing{animation:linear forwards hp-step-progress}@keyframes hp-step-progress{0%{width:0}to{width:100%}}
/*$vite$:1*/