:root{--color-canvas: #f7f7f8;--color-surface: #ffffff;--color-ink: #111111;--color-muted: #6b7280;--color-subtle: #9ca3af;--color-border: #eeeeee;--color-border-strong: #e5e7eb;--color-primary: #ff6a00;--color-primary-hover: #e85f00;--color-primary-soft: #fff1e6;--color-primary-ink: #9a3f00;--color-whatsapp: #25d366;--color-whatsapp-hover: #1ebe57;--color-whatsapp-dark: #128c7e;--color-dark: #141414;--color-danger: #ef4444;--ease-out: cubic-bezier(.23, 1, .32, 1);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgb(0 0 0 / .04);--shadow-md: 0 8px 24px rgb(0 0 0 / .08);--shadow-lg: 0 16px 40px rgb(0 0 0 / .12);--shadow-nav: 0 8px 32px rgb(0 0 0 / .12);--z-sticky: 40;--z-header: 50;--z-overlay: 60;--z-modal: 70;--font-sans: "Outfit", "Noto Sans TC", system-ui, sans-serif;--duration-fast: .15s;--duration-base: .22s;--nav-h: 72px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-sans);background:var(--color-canvas);color:var(--color-ink);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{text-wrap:balance}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button,a,[role=button]{-webkit-tap-highlight-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:100%;display:block}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.85rem 1.5rem;border:none;border-radius:var(--radius-pill);font-family:inherit;font-weight:700;font-size:.95rem;line-height:1.2;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.ob-btn:active{transform:scale(.97)}.ob-btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 8px 20px #ff6a0047}.ob-btn-primary:hover{background:var(--color-primary-hover)}.ob-btn-secondary{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border-strong);box-shadow:none}.ob-btn-dark{background:var(--color-dark);color:#fff}.ob-btn-ghost{background:#ffffff1f;color:#fff;border:1px solid rgb(255 255 255 / .25)}.ob-btn-whatsapp{background:var(--color-whatsapp);color:#fff;box-shadow:0 8px 20px #25d36647}.ob-btn-whatsapp:hover{background:var(--color-whatsapp-hover)}.ob-btn-whatsapp:disabled{background:#a7e9c3;color:#fff;box-shadow:none;cursor:not-allowed}.ob-icon-whatsapp{color:var(--color-whatsapp)}.ob-icon-whatsapp:hover{color:var(--color-whatsapp-hover)}.ob-input{width:100%;min-height:48px;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-family:inherit;font-size:.9375rem;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.ob-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6a0026}.ob-input::placeholder{color:var(--color-subtle)}.ob-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-muted);margin-bottom:.45rem}.ob-chip{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.55rem 1rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;line-height:1;white-space:nowrap;border:none;background:transparent;color:var(--color-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.ob-chip.is-active{background:var(--color-ink);color:#fff}.ob-chip-soft{background:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border)}.ob-chip-soft.is-active{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.ob-img-square{aspect-ratio:1 / 1;width:100%;object-fit:cover;object-position:center}.ob-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem}@media(min-width:768px){.ob-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1.25rem}}@media(min-width:1024px){.ob-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ob-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ob-section-title h2{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--color-ink)}.ob-skeleton{background:linear-gradient(90deg,#ececec,#f5f5f5,#ececec);background-size:200% 100%;animation:ob-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes ob-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.ob-skeleton{animation:none;background:#ececec}}.ob-page-enter{animation:ob-fade .3s var(--ease-out) both}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ob-page-enter{animation:none}}.ob-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.ob-bottom-nav{position:fixed;left:1rem;right:1rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:var(--z-header);display:flex;align-items:center;justify-content:space-around;height:64px;padding:0 .35rem;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-nav)}@media(min-width:768px){.ob-bottom-nav{display:none!important}}.ob-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;color:var(--color-subtle);font-size:10px;font-weight:600;transition:color var(--duration-fast) var(--ease-out)}.ob-bottom-nav__item.is-active{color:var(--color-ink)}.ob-bottom-nav__icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:36px;border-radius:12px;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.ob-bottom-nav__item.is-active .ob-bottom-nav__icon-wrap{background:var(--color-primary);color:#fff}.ob-promo{display:block;background:linear-gradient(135deg,#ff7a1a,#ff5a00);color:#fff;border-radius:1.5rem;padding:1.25rem 1.35rem;box-shadow:0 10px 28px #ff6a0040}@media(min-width:768px){.ob-promo{border-radius:1.75rem;padding:1.5rem 1.75rem}}.ob-promo h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}.ob-promo p{margin:0;font-size:.8rem;opacity:.92}.ob-promo__cta{display:inline-flex;margin-top:.75rem;padding:.45rem 1rem;background:#0000002e;border-radius:9999px;font-size:.75rem;font-weight:700}.ob-size{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ob-size.is-active{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.ob-search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:5rem 1rem 1.5rem}.ob-search-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.ob-search-modal__panel{position:relative;width:min(100%,28rem);background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-lg)}.ob-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -8px 24px #0000000f}@media(min-width:768px){.ob-sticky-cta{display:none}}