/* v1.6 — App-only isolation: the /app/ experience does not expose the website chrome. */
body.chillas-app-only-page {
  background:#07111f !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:clip !important;
  overflow-y:auto !important;
  overscroll-behavior-y:contain;
  -webkit-text-size-adjust:100%;
}
body.chillas-app-only-page #header,
body.chillas-app-only-page .header-wrapper,
body.chillas-app-only-page #top-bar,
body.chillas-app-only-page .header-main,
body.chillas-app-only-page .header-bottom,
body.chillas-app-only-page .mobile-sidebar,
body.chillas-app-only-page #main-menu,
body.chillas-app-only-page #footer,
body.chillas-app-only-page .footer-wrapper,
body.chillas-app-only-page .absolute-footer,
body.chillas-app-only-page #top-link,
body.chillas-app-only-page .back-to-top,
body.chillas-app-only-page .breadcrumbs,
body.chillas-app-only-page .page-title,
body.chillas-app-only-page .shop-page-title,
body.chillas-app-only-page .sidebar,
body.chillas-app-only-page .ux-sidebar,
body.chillas-app-only-page .woocommerce-breadcrumb {
  display:none !important;
}
body.chillas-app-only-page #wrapper,
body.chillas-app-only-page #main,
body.chillas-app-only-page #content,
body.chillas-app-only-page .content-area,
body.chillas-app-only-page .page-wrapper,
body.chillas-app-only-page .container,
body.chillas-app-only-page .row,
body.chillas-app-only-page .col {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
/* v2.4.9 — isolate the app's scroll viewport from the WordPress website.
 * Only /app/ gets a dedicated scroll context. The normal website keeps its
 * native document scrolling completely untouched. */
html:has(body.chillas-app-only-page),
html:has(body.chillas-app-only-page) body {
  overscroll-behavior: none;
}
body.chillas-app-only-page {
  height:100dvh !important;
  min-height:100dvh !important;
  overflow:hidden !important;
  position:relative;
}
body.chillas-app-only-page #wrapper {
  height:100dvh !important;
  min-height:0 !important;
  overflow:hidden !important;
}
body.chillas-app-only-page #main {
  height:100dvh !important;
  min-height:0 !important;
  overflow:hidden !important;
}
body.chillas-app-only-page #content {
  height:100dvh !important;
  min-height:0 !important;
  background:#07111f !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
}
body.chillas-app-only-page .chillas-app-page,
body.chillas-app-only-page .chillas-app-login {
  min-height:100vh;
  min-height:100dvh;
}
body.chillas-app-only-page .chillas-app-nav {
  position:fixed;
  z-index:99999;
}
body.chillas-app-only-page .chillas-app-page {
  padding-bottom:calc(92px + env(safe-area-inset-bottom));
}
@media (display-mode: standalone) {
  body.chillas-app-only-page {
    padding-top:env(safe-area-inset-top) !important;
  }
}

/* v2.5.0 — true app shell: the Chillas app owns its viewport and is moved
 * outside the WordPress theme containers. The normal website keeps native scrolling. */
body.chillas-app-only-page > .chillas-app-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 90000 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  background: #f7f9fc !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.chillas-app-only-page > .chillas-app-shell > .chillas-app-shell__content {
  position: relative !important;
  flex: 1 0 auto !important;
  width: 100% !important;
  min-height: calc(100dvh - 72px) !important;
  padding: 0 0 calc(92px + env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
}
.chillas-app-shell__header {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  flex: 0 0 auto !important;
  min-height: 58px !important;
  padding: calc(8px + env(safe-area-inset-top)) 16px 8px !important;
  display: grid !important;
  grid-template-columns: 42px 1fr 42px !important;
  align-items: center !important;
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid rgba(7,17,31,.07) !important;
  box-shadow: 0 3px 16px rgba(7,17,31,.05) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.chillas-app-shell__back {
  width: 40px !important; height: 40px !important; padding: 0 !important; margin: 0 !important;
  border: 0 !important; border-radius: 12px !important; background: #f0f4f8 !important;
  color: #07111f !important; display: grid !important; place-items: center !important;
  cursor: pointer !important; font-size: 22px !important; line-height: 1 !important;
}
.chillas-app-shell__back[hidden] { display:none !important; }
.chillas-app-shell__title { text-align:center !important; font-size:15px !important; font-weight:800 !important; color:#07111f !important; margin:0 !important; }
.chillas-app-shell__spacer { width:42px !important; }
.chillas-app-shell__loader {
  position: fixed !important; inset: 0 !important; z-index: 100000 !important;
  display: grid !important; place-items: center !important; background: rgba(247,249,252,.88) !important;
  opacity: 0 !important; pointer-events:none !important; transition: opacity .16s ease !important;
}
.chillas-app-shell__loader.is-visible { opacity:1 !important; pointer-events:auto !important; }
.chillas-app-shell__loader-card { display:flex; align-items:center; gap:10px; padding:12px 16px; border-radius:16px; background:#fff; box-shadow:0 12px 35px rgba(7,17,31,.12); color:#07111f; font-size:13px; font-weight:700; }
.chillas-app-shell__spinner { width:18px; height:18px; border:2px solid #dfe7ef; border-top-color:#14a8ff; border-radius:50%; animation:chillasSpin .7s linear infinite; }
@keyframes chillasSpin { to { transform:rotate(360deg); } }
body.chillas-app-only-page > .chillas-app-shell.is-entering .chillas-app-shell__content { animation: chillasAppEnter .18s ease both; }
@keyframes chillasAppEnter { from { opacity:.45; transform:translateY(4px); } to { opacity:1; transform:none; } }
body.chillas-app-only-page > .chillas-app-nav { z-index: 100001 !important; }
@media (min-width:768px) {
  body.chillas-app-only-page > .chillas-app-shell { max-width: 520px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; box-shadow:0 0 0 1px rgba(7,17,31,.05), 0 20px 70px rgba(7,17,31,.12) !important; }
  body.chillas-app-only-page > .chillas-app-nav { width:520px; left:50%; right:auto; transform:translateX(-50%); }
}

:root {
  --chillas-app-blue: #07111f;
  --chillas-app-accent: #14a8ff;
  --chillas-app-white: #ffffff;
}

.chillas-app-nav,
.chillas-app-install { display: none; }

@media (max-width: 767px) {
  body.chillas-app-only-page {
    padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }

  .chillas-app-nav {
    position: fixed;
    z-index: 99999;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-height: 64px;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    background: rgba(7, 17, 31, .96);
    border-top: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 -8px 28px rgba(0,0,0,.18);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .chillas-app-nav__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    color: rgba(255,255,255,.68);
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.1;
    -webkit-tap-highlight-color: transparent;
  }

  .chillas-app-nav__item.is-active { color: #fff; }
  .chillas-app-nav__item.is-active::before {
    content: "";
    position: absolute;
    top: 0;
    width: 34px;
    height: 3px;
    border-radius: 99px;
    background: var(--chillas-app-accent);
  }

  .chillas-app-nav__icon { width: 23px; height: 23px; display: block; }
  .chillas-app-nav__icon svg { display: block; width: 100%; height: 100%; }

  .chillas-app-nav__badge {
    position: absolute;
    top: 5px;
    right: calc(50% - 25px);
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 99px;
    background: #ff3b30;
    color: #fff;
    font-size: 10px;
    line-height: 17px;
  }

  .chillas-app-install {
    position: fixed;
    z-index: 99998;
    left: 14px;
    right: 14px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 35px rgba(0,0,0,.2);
  }

  .chillas-app-install[hidden] { display: none; }
  .chillas-app-install__button {
    flex: 1;
    min-height: 42px;
    border: 0;
    border-radius: 11px;
    background: var(--chillas-app-blue);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
  }
  .chillas-app-install__close {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 11px;
    background: #eef2f6;
    color: #111;
    font-size: 22px;
    cursor: pointer;
  }
}

@media (min-width: 768px) {
  .chillas-app-nav,
  .chillas-app-install { display: none !important; }
}

/* Dedicated Chillas App page */
.chillas-app-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 16px 60px;
}
.chillas-app-page__hero {
  overflow: hidden;
  border-radius: 24px;
  padding: 38px 24px;
  text-align: center;
  background: linear-gradient(145deg, #07111f, #0d2b45);
  color: #fff;
  box-shadow: 0 18px 50px rgba(7,17,31,.16);
}
.chillas-app-page__icon-wrap { margin-bottom: 18px; }
.chillas-app-page__icon-wrap img { width: 82px; height: 82px; border-radius: 20px; display: inline-block; }
.chillas-app-page__eyebrow { display:block; font-size:11px; letter-spacing:.14em; font-weight:800; opacity:.72; margin-bottom:8px; }
.chillas-app-page__hero h1 { color:#fff; margin:0 auto 12px; max-width:680px; font-size:clamp(30px,5vw,52px); line-height:1.02; }
.chillas-app-page__hero p { color:rgba(255,255,255,.82); max-width:650px; margin:0 auto 24px; font-size:16px; }
.chillas-app-page__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.chillas-app-page__actions .button { margin:0; min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.chillas-app-page__actions .button.secondary { background:#fff; color:#07111f; }
.chillas-app-page__actions .app-install-button { background:#14a8ff; color:#fff; border:0; }
.chillas-app-page__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
.chillas-app-page__card { display:flex; flex-direction:column; gap:7px; padding:20px; border:1px solid rgba(7,17,31,.1); border-radius:18px; background:#fff; box-shadow:0 8px 28px rgba(7,17,31,.06); text-decoration:none !important; }
.chillas-app-page__card strong { color:#07111f; font-size:17px; }
.chillas-app-page__card span { color:#657080; font-size:14px; line-height:1.5; }
.chillas-app-page__install-help { margin-top:18px; padding:22px; border-radius:18px; background:#f5f8fb; }
.chillas-app-page__install-help h2 { margin:0 0 10px; font-size:22px; }
.chillas-app-page__install-help p { margin:7px 0; font-size:14px; line-height:1.55; }
@media (max-width: 767px) {
  .chillas-app-page { padding: 10px 12px 92px; }
  .chillas-app-page__hero { padding: 30px 18px; border-radius:20px; }
  .chillas-app-page__grid { grid-template-columns:1fr; }
  .chillas-app-page__actions { flex-direction:column; }
  .chillas-app-page__actions .button { width:100%; }
}

/* v1.3 app shopping experience */
.chillas-app-page__quickbar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
.chillas-app-page__quickbar a { display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center; padding:15px 16px; border-radius:16px; background:#fff; border:1px solid rgba(7,17,31,.09); box-shadow:0 8px 25px rgba(7,17,31,.05); text-decoration:none !important; }
.chillas-app-page__quickbar a > span { grid-row:span 2; font-size:24px; }
.chillas-app-page__quickbar strong { color:#07111f; font-size:14px; }
.chillas-app-page__quickbar small { color:#718096; font-size:12px; }
.chillas-app-section-head { display:flex; align-items:end; justify-content:space-between; gap:15px; margin:32px 0 12px; }
.chillas-app-section-head > div > span { display:block; color:#14a8ff; font-size:10px; font-weight:800; letter-spacing:.13em; }
.chillas-app-section-head h2 { margin:3px 0 0; color:#07111f; font-size:28px; }
.chillas-app-section-head > a { color:#07111f; font-weight:700; font-size:13px; }
.chillas-app-search { display:flex; align-items:center; gap:9px; min-height:48px; margin-bottom:14px; padding:0 14px; border:1px solid #dce3ea; border-radius:14px; background:#fff; }
.chillas-app-search span { font-size:25px; color:#718096; line-height:1; }
.chillas-app-search input { width:100%; border:0 !important; box-shadow:none !important; outline:0 !important; margin:0 !important; background:transparent !important; }
.chillas-app-products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.chillas-app-product { overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(7,17,31,.09); border-radius:18px; background:#fff; box-shadow:0 8px 25px rgba(7,17,31,.05); }
.chillas-app-product[hidden] { display:none; }
.chillas-app-product__image { display:block; aspect-ratio:1/1; overflow:hidden; background:#f4f7fa; }
.chillas-app-product__image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; }
.chillas-app-product:hover .chillas-app-product__image img { transform:scale(1.03); }
.chillas-app-product__body { display:flex; flex:1; flex-direction:column; padding:14px; }
.chillas-app-product__body h3 { margin:0 0 6px; font-size:16px; line-height:1.2; color:#07111f; }
.chillas-app-product__body p { margin:0 0 12px; color:#718096; font-size:12px; line-height:1.4; }
.chillas-app-product__bottom { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.chillas-app-product__bottom strong { color:#07111f; font-size:15px; }
.chillas-app-product__bottom strong del { opacity:.55; }
.chillas-app-add { border:0; border-radius:10px; min-height:36px; padding:0 13px; background:#07111f; color:#fff; font-size:12px; font-weight:800; cursor:pointer; }
.chillas-app-add:disabled { opacity:.65; cursor:wait; }
.chillas-app-no-results { margin:15px 0; padding:20px; border-radius:14px; background:#f5f8fb; color:#657080; text-align:center; }
.chillas-app-page__grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width: 900px) { .chillas-app-products { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) {
  .chillas-app-page__quickbar { grid-template-columns:1fr; gap:8px; }
  .chillas-app-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .chillas-app-product__body { padding:11px; }
  .chillas-app-product__body h3 { font-size:14px; }
  .chillas-app-product__body p { font-size:11px; }
  .chillas-app-product__bottom strong { font-size:13px; }
  .chillas-app-add { min-height:34px; padding:0 11px; }
  .chillas-app-section-head h2 { font-size:24px; }
  .chillas-app-page__grid--two { grid-template-columns:1fr; }
}


/* v1.4 app-first authentication */
.chillas-app-login {
  min-height: min(760px, 100vh);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 16px 90px;
  background: linear-gradient(145deg, #07111f 0%, #0d2b45 58%, #0b5c87 100%);
}
.chillas-app-login__card {
  width: min(100%, 440px);
  padding: 34px 24px 28px;
  border-radius: 26px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  text-align: center;
}
.chillas-app-login__icon { width:88px; height:88px; border-radius:22px; margin:0 auto 16px; display:block; }
.chillas-app-login__eyebrow { display:block; color:#14a8ff; font-size:10px; font-weight:900; letter-spacing:.15em; margin-bottom:7px; }
.chillas-app-login__card h1 { margin:0 0 8px; color:#07111f; font-size:34px; line-height:1.05; }
.chillas-app-login__card > p { color:#667487; font-size:14px; line-height:1.55; margin:0 auto 22px; max-width:350px; }
.chillas-app-login__form { text-align:left; }
.chillas-app-login__form form { margin:0; }
.chillas-app-login__form .form-row { margin-bottom:13px; }
.chillas-app-login__form label { color:#07111f; font-size:13px; font-weight:700; }
.chillas-app-login__form input.input-text { width:100%; min-height:48px; border-radius:12px; box-sizing:border-box; }
.chillas-app-login__form button.woocommerce-form-login__submit { width:100%; min-height:50px; margin:4px 0 12px; border:0; border-radius:12px; background:#07111f; color:#fff; font-weight:800; }
.chillas-app-login__form .woocommerce-form-login__rememberme { font-size:12px; color:#667487; }
.chillas-app-login__form .lost_password { text-align:center; font-size:13px; margin-top:8px; }
.chillas-app-login__register { font-size:13px !important; margin:14px auto 0 !important; }
.chillas-app-login__register a { font-weight:800; color:#07111f; }
.chillas-app-login__help { font-size:11px !important; color:#8a95a3 !important; margin-top:18px !important; margin-bottom:0 !important; }
@media (max-width: 767px) {
  .chillas-app-login { min-height: calc(100vh - 20px); padding:20px 12px 92px; }
  .chillas-app-login__card { padding:28px 18px 22px; border-radius:22px; }
  .chillas-app-login__card h1 { font-size:30px; }
}

/* v1.5 public app installation page */
.chillas-app-install-page,
.chillas-app-install-page * { font-family:'Comfortaa', sans-serif; }

.chillas-app-install-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px 16px 60px;
}
.chillas-app-install-page__hero {
  text-align: center;
  color: #fff;
  border-radius: 28px;
  padding: 42px 24px 34px;
  background: linear-gradient(145deg, #07111f 0%, #0d2b45 58%, #0b5c87 100%);
  box-shadow: 0 22px 60px rgba(7,17,31,.18);
}
.chillas-app-install-page__icon { width:96px; height:96px; border-radius:24px; display:block; margin:0 auto 18px; }
.chillas-app-install-page__eyebrow { display:block; font-size:10px; font-weight:900; letter-spacing:.16em; color:#14a8ff; margin-bottom:8px; }
.chillas-app-install-page__hero h1 { color:#fff; font-size:clamp(32px,6vw,52px); line-height:1.03; margin:0 auto 12px; max-width:700px; }
.chillas-app-install-page__hero > p { color:rgba(255,255,255,.82); max-width:650px; margin:0 auto 26px; line-height:1.55; }
.chillas-app-install-page__platforms { max-width:650px; margin:0 auto; display:grid; gap:12px; }
.chillas-app-install-page__platform { display:grid; grid-template-columns:48px 1fr auto; gap:13px; align-items:center; text-align:left; padding:13px; border-radius:17px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); }
.chillas-app-install-page__platform-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:13px; background:#fff; color:#07111f; font-size:22px; font-weight:900; }
.chillas-app-install-page__platform strong, .chillas-app-install-page__platform small { display:block; }
.chillas-app-install-page__platform strong { color:#fff; font-size:15px; }
.chillas-app-install-page__platform small { color:rgba(255,255,255,.68); font-size:12px; margin-top:3px; }
.chillas-app-install-page__install-button { border:0; min-height:42px; padding:0 15px; border-radius:11px; background:#14a8ff; color:#fff; font-weight:800; cursor:pointer; white-space:nowrap; }
.chillas-app-install-page__install-button:disabled { opacity:.65; cursor:default; }
.chillas-app-install-page__open { display:inline-block; margin-top:18px; color:#fff !important; text-decoration:none !important; font-size:13px; }
.chillas-app-install-page__open strong { color:#fff; text-decoration:underline; }
.chillas-app-install-page__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
.chillas-app-install-page__steps > div { padding:22px; border-radius:18px; background:#fff; border:1px solid rgba(7,17,31,.09); box-shadow:0 8px 25px rgba(7,17,31,.05); }
.chillas-app-install-page__steps span { color:#14a8ff; font-weight:900; font-size:11px; letter-spacing:.1em; }
.chillas-app-install-page__steps h2 { margin:7px 0 5px; color:#07111f; font-size:20px; }
.chillas-app-install-page__steps p { margin:0; color:#718096; font-size:13px; line-height:1.5; }
.chillas-app-install-page__ios-help { margin-top:14px; padding:22px; border-radius:18px; background:#f5f8fb; text-align:center; }
.chillas-app-install-page__ios-help[hidden] { display:none; }
.chillas-app-install-page__ios-help h2 { margin:0 0 8px; font-size:22px; }
.chillas-app-install-page__ios-help p { margin:0 auto 14px; max-width:620px; color:#657080; line-height:1.55; font-size:14px; }
.chillas-app-install-page__close-help { border:0; border-radius:10px; min-height:40px; padding:0 15px; background:#07111f; color:#fff; font-weight:700; }
.chillas-app-install-page__footer-link { text-align:center; margin-top:22px; }
.chillas-app-install-page__footer-link a { color:#07111f; font-weight:700; }
@media (max-width:767px) {
  .chillas-app-install-page { padding:10px 12px 40px; }
  .chillas-app-install-page__hero { padding:30px 16px 26px; border-radius:22px; }
  .chillas-app-install-page__platform { grid-template-columns:42px 1fr; }
  .chillas-app-install-page__platform-icon { width:42px; height:42px; }
  .chillas-app-install-page__install-button { grid-column:1 / -1; width:100%; }
  .chillas-app-install-page__steps { grid-template-columns:1fr; }
}

/* v2.0 — app-only native content and navigation boundary */
body.chillas-app-only-page .chillas-app-page { box-sizing:border-box; width:100%; max-width:760px; margin:0 auto; padding:22px 16px calc(92px + env(safe-area-inset-bottom)); color:#07111f; }
body.chillas-app-only-page .chillas-app-view-head { padding:8px 2px 18px; }
body.chillas-app-only-page .chillas-app-view-head > span { display:block; color:#14a8ff; font-size:10px; font-weight:900; letter-spacing:.15em; }
body.chillas-app-only-page .chillas-app-view-head h1 { margin:4px 0 0; color:#fff; font-size:30px; line-height:1.1; }
body.chillas-app-only-page .chillas-app-native-content { background:#fff; border-radius:20px; padding:16px; overflow:hidden; }
body.chillas-app-only-page .chillas-app-native-content a { color:#07111f; }
body.chillas-app-only-page .chillas-app-native-content .button,
body.chillas-app-only-page .chillas-app-native-content button,
body.chillas-app-only-page .chillas-app-native-content input[type=submit] { border-radius:12px; }
.chillas-app-orders-list { display:grid; gap:10px; margin-top:16px; }
.chillas-app-order-card { display:grid; grid-template-columns:1fr auto; gap:4px 12px; padding:15px; border:1px solid #e1e7ed; border-radius:15px; text-decoration:none !important; background:#fff; }
.chillas-app-order-card strong { color:#07111f; font-size:15px; }
.chillas-app-order-card span,.chillas-app-order-card small { color:#718096; font-size:12px; }
.chillas-app-order-card b { color:#07111f; font-size:14px; }
.chillas-app-order-card small { text-align:right; }
.chillas-app-account-grid { display:grid; gap:12px; }
.chillas-app-account-card,.chillas-app-account-action { background:#fff; border-radius:18px; padding:18px; text-decoration:none !important; border:1px solid rgba(7,17,31,.08); }
.chillas-app-account-card strong,.chillas-app-account-card span { display:block; }
.chillas-app-account-card strong { color:#07111f; font-size:18px; }
.chillas-app-account-card span { margin-top:5px; color:#718096; font-size:13px; }
.chillas-app-account-action { display:flex; justify-content:space-between; color:#07111f !important; font-weight:800; }
.chillas-app-account-action span { font-size:22px; line-height:1; }
body.chillas-app-only-page .woocommerce-cart-form__cart-item a,
body.chillas-app-only-page .woocommerce-checkout a { text-decoration:none; }
@media (max-width:767px) {
  body.chillas-app-only-page .chillas-app-page { padding-left:12px; padding-right:12px; }
  body.chillas-app-only-page .chillas-app-native-content { padding:12px; border-radius:16px; }
}


/* v2.0.5 — native app login fields */
.chillas-app-login__error { margin: 0 0 16px; padding: 11px 13px; border-radius: 10px; background: #fff0f0; color: #a51d2d; font-size: 13px; line-height: 1.4; }
.chillas-app-login-form .form-row { margin: 0 0 14px; }
.chillas-app-login-form label { display:block; margin: 0 0 6px; color:#07111f; font-size:13px; font-weight:700; }
.chillas-app-login-form input.input-text { display:block; width:100%; min-height:50px; padding: 0 14px; border:1px solid #d7dee7; background:#fff; color:#07111f; border-radius:12px; box-sizing:border-box; font:inherit; }
.chillas-app-login-form input.input-text:focus { outline:2px solid rgba(20,168,255,.28); border-color:#14a8ff; }
.chillas-app-login__submit-row { margin: 4px 0 0 !important; }
.chillas-app-login__submit { width:100%; min-height:50px; border:0; border-radius:12px; background:#07111f; color:#fff; font-size:15px; font-weight:800; cursor:pointer; }


/* v2.1.0 — minimal professional app refresh */
:root {
  --chillas-ink:#081522;
  --chillas-navy:#07111f;
  --chillas-blue:#149fe8;
  --chillas-muted:#6b7785;
  --chillas-line:#e7ebef;
  --chillas-surface:#ffffff;
  --chillas-soft:#f5f7f9;
  --chillas-radius:16px;
}

body.chillas-app-only-page {
  background:#f4f7f9 !important;
  color:var(--chillas-ink) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
body.chillas-app-only-page #content { background:#f4f7f9 !important; }
body.chillas-app-only-page .chillas-app-page {
  max-width:720px;
  padding:20px 16px calc(88px + env(safe-area-inset-bottom));
}

/* Quiet, consistent app header */
body.chillas-app-only-page .chillas-app-view-head {
  padding:8px 2px 16px;
}
body.chillas-app-only-page .chillas-app-view-head > span {
  color:var(--chillas-blue);
  font-size:9px;
  letter-spacing:.14em;
  font-weight:800;
}
body.chillas-app-only-page .chillas-app-view-head h1 {
  margin:3px 0 0;
  color:var(--chillas-ink);
  font-size:27px;
  font-weight:750;
  letter-spacing:-.025em;
}

/* Shop */
body.chillas-app-only-page .chillas-app-section-head { margin:8px 0 14px; }
body.chillas-app-only-page .chillas-app-section-head > div > span { color:var(--chillas-blue); font-size:9px; }
body.chillas-app-only-page .chillas-app-section-head h2 {
  margin-top:3px;
  color:var(--chillas-ink);
  font-size:27px;
  font-weight:750;
  letter-spacing:-.025em;
}
body.chillas-app-only-page .chillas-app-search {
  min-height:46px;
  margin-bottom:16px;
  padding:0 13px;
  border:1px solid var(--chillas-line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 1px 2px rgba(8,21,34,.03);
}
body.chillas-app-only-page .chillas-app-search input { font-size:14px; }
body.chillas-app-only-page .chillas-app-product {
  border:1px solid var(--chillas-line);
  border-radius:15px;
  box-shadow:0 3px 12px rgba(8,21,34,.045);
}
body.chillas-app-only-page .chillas-app-product__image { background:#f7f8fa; }
body.chillas-app-only-page .chillas-app-product__body { padding:13px; }
body.chillas-app-only-page .chillas-app-product__body h3 { font-size:14px; font-weight:700; }
body.chillas-app-only-page .chillas-app-product__body p { color:var(--chillas-muted); }
body.chillas-app-only-page .chillas-app-product__bottom strong { font-size:14px; }
body.chillas-app-only-page .chillas-app-add {
  min-height:34px;
  border-radius:9px;
  background:var(--chillas-navy);
  font-size:11px;
}

/* Native WooCommerce surfaces inside the app */
body.chillas-app-only-page .chillas-app-native-content {
  padding:16px;
  border:1px solid var(--chillas-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 3px 14px rgba(8,21,34,.04);
}
body.chillas-app-only-page .chillas-app-native-content h2,
body.chillas-app-only-page .chillas-app-native-content h3 {
  color:var(--chillas-ink);
  letter-spacing:-.015em;
}
body.chillas-app-only-page .chillas-app-native-content input,
body.chillas-app-only-page .chillas-app-native-content select,
body.chillas-app-only-page .chillas-app-native-content textarea {
  border-color:#dfe5ea !important;
  border-radius:11px !important;
  box-shadow:none !important;
}
body.chillas-app-only-page .chillas-app-native-content .button,
body.chillas-app-only-page .chillas-app-native-content button,
body.chillas-app-only-page .chillas-app-native-content input[type=submit] {
  min-height:44px;
  border:0;
  border-radius:10px !important;
  background:var(--chillas-navy);
  color:#fff;
  font-weight:700;
}

/* Orders and account */
body.chillas-app-only-page .chillas-app-orders-list { gap:8px; margin-top:14px; }
body.chillas-app-only-page .chillas-app-order-card {
  padding:14px;
  border:1px solid var(--chillas-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 2px 10px rgba(8,21,34,.035);
}
body.chillas-app-only-page .chillas-app-account-grid { gap:8px; }
body.chillas-app-only-page .chillas-app-account-card,
body.chillas-app-only-page .chillas-app-account-action {
  padding:16px;
  border:1px solid var(--chillas-line);
  border-radius:14px;
  box-shadow:0 2px 10px rgba(8,21,34,.035);
}
body.chillas-app-only-page .chillas-app-account-card strong { font-size:16px; }

/* Login: restrained, premium and compact */
body.chillas-app-only-page .chillas-app-login {
  min-height:100dvh;
  padding:24px 16px calc(28px + env(safe-area-inset-bottom));
  background:#07111f;
}
body.chillas-app-only-page .chillas-app-login__card {
  width:min(100%,410px);
  padding:30px 24px 24px;
  border:1px solid rgba(8,21,34,.07);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.20);
}
body.chillas-app-only-page .chillas-app-login__icon {
  width:72px; height:72px; border-radius:18px; margin-bottom:14px;
}
body.chillas-app-only-page .chillas-app-login__eyebrow { font-size:9px; letter-spacing:.16em; margin-bottom:6px; }
body.chillas-app-only-page .chillas-app-login__card h1 {
  margin-bottom:7px;
  font-size:29px;
  font-weight:750;
  letter-spacing:-.03em;
}
body.chillas-app-only-page .chillas-app-login__card > p {
  max-width:330px;
  margin-bottom:20px;
  font-size:13px;
  color:#71808e;
}
body.chillas-app-only-page .chillas-app-login-form .form-row { margin-bottom:12px; }
body.chillas-app-only-page .chillas-app-login-form label {
  margin-bottom:5px;
  font-size:12px;
  font-weight:700;
}
body.chillas-app-only-page .chillas-app-login-form input.input-text {
  min-height:48px;
  padding:0 13px;
  border:1px solid #dfe5ea;
  border-radius:11px;
  font-size:14px;
}
body.chillas-app-only-page .chillas-app-login-form input.input-text:focus {
  outline:none;
  border-color:var(--chillas-blue);
  box-shadow:0 0 0 3px rgba(20,159,232,.12) !important;
}
body.chillas-app-only-page .chillas-app-login__submit {
  min-height:48px;
  border-radius:11px;
  background:var(--chillas-navy);
  font-size:14px;
  letter-spacing:.01em;
}
body.chillas-app-only-page .chillas-app-login__help { font-size:10px !important; }
body.chillas-app-only-page .chillas-app-login__error { border:1px solid #f1d4d7; background:#fff7f7; }

/* Bottom navigation: subtle, compact, unmistakably app-only */
body.chillas-app-only-page .chillas-app-nav {
  left:50%;
  right:auto;
  bottom:10px;
  width:min(680px,calc(100% - 20px));
  min-height:60px;
  transform:translateX(-50%);
  padding:5px 7px calc(5px + env(safe-area-inset-bottom));
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(7,17,31,.96);
  box-shadow:0 10px 35px rgba(0,0,0,.22);
}
body.chillas-app-only-page .chillas-app-nav__item { font-size:10px; font-weight:650; }
body.chillas-app-only-page .chillas-app-nav__icon { width:21px; height:21px; }
body.chillas-app-only-page .chillas-app-nav__item.is-active::before { top:2px; width:24px; height:2px; }
body.chillas-app-only-page .chillas-app-nav__badge { top:3px; right:calc(50% - 22px); }

@media (max-width:767px) {
  body.chillas-app-only-page .chillas-app-page { padding:16px 12px calc(82px + env(safe-area-inset-bottom)); }
  body.chillas-app-only-page .chillas-app-view-head h1,
  body.chillas-app-only-page .chillas-app-section-head h2 { font-size:24px; }
  body.chillas-app-only-page .chillas-app-native-content { padding:13px; border-radius:14px; }
  body.chillas-app-only-page .chillas-app-login { padding:18px 12px calc(18px + env(safe-area-inset-bottom)); }
  body.chillas-app-only-page .chillas-app-login__card { padding:26px 18px 22px; border-radius:20px; }
}

/* v2.2 automated order tracking */
body.chillas-app-only-page .chillas-app-tracking { margin:0 0 14px; padding:16px; border:1px solid var(--chillas-line); border-radius:16px; background:#fff; box-shadow:0 2px 10px rgba(8,21,34,.035); }
body.chillas-app-only-page .chillas-app-tracking__summary { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--chillas-line); }
body.chillas-app-only-page .chillas-app-tracking__summary span { display:block; margin-bottom:4px; font-size:9px; font-weight:800; letter-spacing:.14em; color:#8794a0; }
body.chillas-app-only-page .chillas-app-tracking__summary strong { font-size:16px; color:var(--chillas-navy); }
body.chillas-app-only-page .chillas-app-tracking__summary>b { font-size:10px; color:#8794a0; font-weight:500; text-align:right; }
body.chillas-app-only-page .chillas-app-tracking__steps { padding:12px 2px 2px; }
body.chillas-app-only-page .chillas-app-track-step { position:relative; display:flex; gap:11px; min-height:48px; padding:0 0 12px; }
body.chillas-app-only-page .chillas-app-track-step:last-child { min-height:0; padding-bottom:0; }
body.chillas-app-only-page .chillas-app-track-step:not(:last-child)::after { content:""; position:absolute; left:5px; top:13px; bottom:0; width:1px; background:#e5e9ed; }
body.chillas-app-only-page .chillas-app-track-step i { position:relative; z-index:1; flex:0 0 11px; width:11px; height:11px; margin-top:2px; border-radius:50%; background:#e5e9ed; box-shadow:0 0 0 3px #fff; }
body.chillas-app-only-page .chillas-app-track-step.is-done i { background:#20a66a; }
body.chillas-app-only-page .chillas-app-track-step.is-current i { background:var(--chillas-blue); box-shadow:0 0 0 3px #e8f6fd; }
body.chillas-app-only-page .chillas-app-track-step.is-cancelled i { background:#d9534f; }
body.chillas-app-only-page .chillas-app-track-step strong { display:block; font-size:12px; color:#243341; }
body.chillas-app-only-page .chillas-app-track-step.is-upcoming strong { color:#9aa6b0; font-weight:600; }
body.chillas-app-only-page .chillas-app-track-step small { display:block; margin-top:2px; font-size:9px; color:#8a97a2; }
body.chillas-app-only-page .chillas-app-tracking__auto { margin:13px 0 0; padding-top:11px; border-top:1px solid var(--chillas-line); font-size:10px; color:#8794a0; }
body.chillas-app-only-page .chillas-app-order-card { display:grid; grid-template-columns:1fr auto; gap:5px 10px; }
body.chillas-app-only-page .chillas-app-order-card > div { display:flex; gap:8px; align-items:center; }
body.chillas-app-only-page .chillas-app-order-card > div span { font-size:10px; color:#8794a0; }
body.chillas-app-only-page .chillas-app-order-status { justify-self:start; font-size:10px; font-weight:700; color:#56636e; }
body.chillas-app-only-page .chillas-app-order-status--preparing { color:#b47700; }
body.chillas-app-only-page .chillas-app-order-status--delivery { color:#087fae; }
body.chillas-app-only-page .chillas-app-order-status--delivered { color:#18804b; }
body.chillas-app-only-page .chillas-app-order-status--cancelled,
body.chillas-app-only-page .chillas-app-order-status--issue,
body.chillas-app-only-page .chillas-app-order-status--refunded { color:#c34d4d; }
body.chillas-app-only-page .chillas-app-order-track { justify-self:end; grid-column:1 / -1; font-size:10px; font-weight:700; color:var(--chillas-blue); }


/* v2.2.1 — app viewport polish. Browser chrome cannot be hidden by webpage code;
   installed PWA mode uses the manifest's standalone display so the URL bar is removed. */
html.chillas-app-document {
  min-height:100%;
  background:#07111f;
}
body.chillas-app-only-page {
  min-height:100dvh;
  min-height:100vh;
  overscroll-behavior-y:none;
  padding-top:env(safe-area-inset-top) !important;
}
body.chillas-app-only-page #content {
  padding-top:0 !important;
}
@media (display-mode: standalone) {
  body.chillas-app-only-page {
    padding-top:env(safe-area-inset-top) !important;
  }
}


/* v2.3.0 — modern mobile shop refresh, reliable scrolling and clear CTAs */
html.chillas-app-document,
html.chillas-app-document body,
body.chillas-app-only-page,
body.chillas-app-only-page #wrapper,
body.chillas-app-only-page #main,
body.chillas-app-only-page #content {
  height:auto !important;
  min-height:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
body.chillas-app-only-page {
  font-family:"Inter","Avenir Next","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:400;
  letter-spacing:-.01em;
}
body.chillas-app-only-page .chillas-app-page {
  overflow:visible !important;
  position:relative;
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:20px 16px calc(104px + env(safe-area-inset-bottom));
}
body.chillas-app-only-page .chillas-app-section-head { margin:8px 0 16px; }
body.chillas-app-only-page .chillas-app-section-head > div > span {
  color:#148ff0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
body.chillas-app-only-page .chillas-app-section-head h2 {
  margin:5px 0 0;
  font-size:32px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.045em;
  color:#081522;
}
body.chillas-app-only-page .chillas-app-search {
  min-height:50px;
  margin-bottom:18px;
  padding:0 15px;
  border:1px solid #e2e8ee;
  border-radius:15px;
  background:#fff;
  box-shadow:0 2px 8px rgba(8,21,34,.035);
}
body.chillas-app-only-page .chillas-app-search span { font-size:24px; color:#738091; }
body.chillas-app-only-page .chillas-app-search input {
  font-size:15px !important;
  font-weight:400;
  letter-spacing:0;
}
body.chillas-app-only-page .chillas-app-products {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
body.chillas-app-only-page .chillas-app-product {
  min-width:0;
  border:1px solid #e4e9ee;
  border-radius:18px;
  box-shadow:0 4px 16px rgba(8,21,34,.055);
  background:#fff;
}
body.chillas-app-only-page .chillas-app-product__image {
  aspect-ratio:1 / 1;
  background:#f7f9fb;
}
body.chillas-app-only-page .chillas-app-product__image img {
  object-fit:contain;
  padding:8px;
  box-sizing:border-box;
}
body.chillas-app-only-page .chillas-app-product__body {
  padding:13px 12px 12px;
}
body.chillas-app-only-page .chillas-app-product__body h3 {
  margin:0 0 6px;
  color:#081522;
  font-size:15px;
  line-height:1.16;
  font-weight:750;
  letter-spacing:-.02em;
}
body.chillas-app-only-page .chillas-app-product__body p {
  margin:0 0 12px;
  min-height:0;
  color:#71808f;
  font-size:12px;
  line-height:1.42;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.chillas-app-only-page .chillas-app-product__bottom {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
}
body.chillas-app-only-page .chillas-app-product__bottom strong {
  color:#081522;
  font-size:17px;
  line-height:1;
  font-weight:800;
}
body.chillas-app-only-page .chillas-app-add {
  width:100%;
  min-height:40px;
  padding:0 12px;
  border:0;
  border-radius:11px;
  background:#0d82ed;
  color:#fff;
  font-family:inherit;
  font-size:13px;
  font-weight:750;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
  box-shadow:none;
}
body.chillas-app-only-page .chillas-app-add:hover { background:#096fce; }
body.chillas-app-only-page .chillas-app-add:disabled { background:#6b7785; }
body.chillas-app-only-page .chillas-app-native-content .button,
body.chillas-app-only-page .chillas-app-native-content button,
body.chillas-app-only-page .chillas-app-native-content input[type=submit],
body.chillas-app-only-page .chillas-app-login__submit {
  font-family:inherit !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
body.chillas-app-only-page .chillas-app-nav {
  bottom:10px;
}
@media (max-width:767px) {
  body.chillas-app-only-page .chillas-app-page {
    padding:16px 12px calc(104px + env(safe-area-inset-bottom));
  }
  body.chillas-app-only-page .chillas-app-section-head h2 { font-size:29px; }
  body.chillas-app-only-page .chillas-app-products { gap:10px; }
  body.chillas-app-only-page .chillas-app-product__body { padding:12px 11px 11px; }
  body.chillas-app-only-page .chillas-app-product__body h3 { font-size:14px; }
  body.chillas-app-only-page .chillas-app-product__body p { font-size:11px; line-height:1.4; }
  body.chillas-app-only-page .chillas-app-product__bottom strong { font-size:16px; }
  body.chillas-app-only-page .chillas-app-add { min-height:38px; font-size:12px; }
}


/* v2.4.6 — restore normal document scrolling across every app screen.
   The app previously forced a nested 100dvh scroll container, which can
   prevent touch/trackpad scrolling on some browsers and on login/register
   screens. Let the document own vertical scrolling instead. */
html.chillas-app-document,
body.chillas-app-only-page {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
}
body.chillas-app-only-page #wrapper,
body.chillas-app-only-page #main,
body.chillas-app-only-page #content,
body.chillas-app-only-page .content-area,
body.chillas-app-only-page .page-wrapper,
body.chillas-app-only-page .container,
body.chillas-app-only-page .row,
body.chillas-app-only-page .col {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
body.chillas-app-only-page .chillas-app-page {
  box-sizing: border-box !important;
  height: auto !important;
  max-height: none !important;
  min-height: 100dvh !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  overflow: visible !important;
  padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
}
body.chillas-app-only-page .chillas-app-products {
  overflow: visible !important;
}
body.chillas-app-only-page .chillas-app-product {
  overflow: hidden !important;
}
@media (max-width:767px) {
  body.chillas-app-only-page .chillas-app-page {
    height: auto !important;
    max-height: none !important;
    min-height: 100dvh !important;
    padding: 16px 12px calc(120px + env(safe-area-inset-bottom)) !important;
  }
}

/* v2.4.0 — unified minimal surfaces for Cart, Orders/History, Tracking and Account */
body.chillas-app-only-page .chillas-app-page {
  background:#f6f8fa;
  color:#0b1724;
}
body.chillas-app-only-page .chillas-app-view-head {
  padding:10px 4px 18px;
}
body.chillas-app-only-page .chillas-app-view-head > span {
  color:#138ff2;
  font-size:9px;
  letter-spacing:.16em;
  font-weight:800;
}
body.chillas-app-only-page .chillas-app-view-head h1 {
  font-size:30px;
  line-height:1.04;
  font-weight:800;
  letter-spacing:-.045em;
  margin:4px 0 0;
}

/* Order history */
body.chillas-app-only-page .chillas-app-orders-intro {
  margin:-4px 4px 14px;
  color:#788694;
  font-size:12px;
  line-height:1.45;
}
body.chillas-app-only-page .chillas-app-orders-list {
  display:grid;
  gap:10px;
  margin-top:0;
}
body.chillas-app-only-page .chillas-app-order-card {
  display:block;
  padding:14px;
  border:1px solid #e4e9ee;
  border-radius:16px;
  background:#fff;
  box-shadow:0 3px 14px rgba(8,21,34,.045);
  color:#0b1724 !important;
  text-decoration:none !important;
}
body.chillas-app-only-page .chillas-app-order-card__top,
body.chillas-app-only-page .chillas-app-order-card__bottom,
body.chillas-app-only-page .chillas-app-order-card__middle {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
body.chillas-app-only-page .chillas-app-order-card__top > div {
  display:flex;
  align-items:center;
  gap:8px;
}
body.chillas-app-only-page .chillas-app-order-card__top strong {
  font-size:14px;
  font-weight:800;
}
body.chillas-app-only-page .chillas-app-order-card__top span:not(.chillas-app-order-chevron) {
  color:#8794a0;
  font-size:10px;
}
body.chillas-app-only-page .chillas-app-order-chevron {
  color:#9aa6b0;
  font-size:22px;
  line-height:1;
}
body.chillas-app-only-page .chillas-app-order-card__middle {
  margin:12px 0;
  padding-top:11px;
  border-top:1px solid #edf0f2;
}
body.chillas-app-only-page .chillas-app-order-thumbs {
  display:flex;
  align-items:center;
  min-width:0;
}
body.chillas-app-only-page .chillas-app-order-thumbs img {
  width:46px;
  height:46px;
  object-fit:contain;
  border-radius:10px;
  background:#f7f9fb;
  border:1px solid #edf0f2;
  margin-right:6px;
}
body.chillas-app-only-page .chillas-app-order-card__meta {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
}
body.chillas-app-only-page .chillas-app-order-card__meta strong {
  font-size:11px;
  color:#4f5d69;
  font-weight:600;
}
body.chillas-app-only-page .chillas-app-order-card__meta span {
  color:#0b1724;
  font-size:15px;
  font-weight:800;
}
body.chillas-app-only-page .chillas-app-order-card__bottom {
  padding-top:10px;
  border-top:1px solid #edf0f2;
}
body.chillas-app-only-page .chillas-app-order-card__bottom > span {
  color:#138ff2;
  font-size:10px;
  font-weight:700;
}
body.chillas-app-only-page .chillas-app-order-status {
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 9px;
  border-radius:99px;
  background:#eef5fb;
  color:#27779f;
  font-size:10px;
  font-weight:700;
}
body.chillas-app-only-page .chillas-app-order-status--preparing { background:#fff6df; color:#a06d00; }
body.chillas-app-only-page .chillas-app-order-status--delivery { background:#e8f6fd; color:#087fae; }
body.chillas-app-only-page .chillas-app-order-status--delivered { background:#e8f8f0; color:#18804b; }
body.chillas-app-only-page .chillas-app-order-status--cancelled,
body.chillas-app-only-page .chillas-app-order-status--issue,
body.chillas-app-only-page .chillas-app-order-status--refunded { background:#fff0f0; color:#c34d4d; }

/* Tracking detail */
body.chillas-app-only-page .chillas-app-tracking {
  padding:16px;
  border:1px solid #e4e9ee;
  border-radius:17px;
  background:#fff;
  box-shadow:0 3px 14px rgba(8,21,34,.045);
}
body.chillas-app-only-page .chillas-app-tracking__summary {
  padding-bottom:13px;
  border-bottom:1px solid #edf0f2;
}
body.chillas-app-only-page .chillas-app-tracking__summary strong { font-size:17px; font-weight:800; }
body.chillas-app-only-page .chillas-app-tracking__summary>b { font-size:9px; }
body.chillas-app-only-page .chillas-app-track-step { min-height:50px; }
body.chillas-app-only-page .chillas-app-track-step strong { font-size:12px; font-weight:750; }
body.chillas-app-only-page .chillas-app-track-step small { font-size:9px; }

/* Native order detail rebuilt as app-native cards */
body.chillas-app-only-page .chillas-app-order-detail-card {
  margin-top:10px;
  padding:15px;
  border:1px solid #e4e9ee;
  border-radius:17px;
  background:#fff;
  box-shadow:0 3px 14px rgba(8,21,34,.045);
}
body.chillas-app-only-page .chillas-app-detail-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:11px;
  border-bottom:1px solid #edf0f2;
}
body.chillas-app-only-page .chillas-app-detail-heading h2 {
  margin:0;
  color:#0b1724;
  font-size:15px;
  font-weight:800;
}
body.chillas-app-only-page .chillas-app-detail-heading > span {
  color:#8794a0;
  font-size:10px;
}
body.chillas-app-only-page .chillas-app-detail-items { display:grid; }
body.chillas-app-only-page .chillas-app-detail-item {
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #edf0f2;
}
body.chillas-app-only-page .chillas-app-detail-item:last-child { border-bottom:0; }
body.chillas-app-only-page .chillas-app-detail-thumb {
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#f7f9fb;
  overflow:hidden;
}
body.chillas-app-only-page .chillas-app-detail-thumb img { width:100%; height:100%; object-fit:contain; }
body.chillas-app-only-page .chillas-app-detail-item__copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
body.chillas-app-only-page .chillas-app-detail-item__copy strong { color:#0b1724; font-size:12px; line-height:1.25; }
body.chillas-app-only-page .chillas-app-detail-item__copy span { color:#8794a0; font-size:10px; }
body.chillas-app-only-page .chillas-app-detail-item > b { color:#0b1724; font-size:12px; white-space:nowrap; }
body.chillas-app-only-page .chillas-app-detail-totals { padding-top:10px; }
body.chillas-app-only-page .chillas-app-detail-totals > div { display:flex; justify-content:space-between; gap:10px; padding:6px 0; color:#65727e; font-size:11px; }
body.chillas-app-only-page .chillas-app-detail-totals strong { color:#0b1724; font-weight:750; }
body.chillas-app-only-page .chillas-app-detail-totals .is-total { margin-top:4px; padding-top:10px; border-top:1px solid #edf0f2; color:#0b1724; font-size:13px; font-weight:700; }
body.chillas-app-only-page .chillas-app-detail-totals .is-total strong { font-size:15px; }
body.chillas-app-only-page .chillas-app-address-card { margin-top:10px; }
body.chillas-app-only-page .chillas-app-address-grid { display:grid; grid-template-columns:1fr; gap:12px; padding-top:12px; }
body.chillas-app-only-page .chillas-app-address-grid > div { color:#65727e; font-size:11px; line-height:1.5; }
body.chillas-app-only-page .chillas-app-address-grid span { display:block; margin-bottom:4px; color:#8794a0; font-size:8px; font-weight:800; letter-spacing:.13em; }
body.chillas-app-only-page .chillas-app-address-grid p { margin:0; }

/* Account */
body.chillas-app-only-page .chillas-app-account-grid { gap:10px; }
body.chillas-app-only-page .chillas-app-account-card {
  padding:17px;
  border:1px solid #e4e9ee;
  border-radius:17px;
  background:#fff;
  box-shadow:0 3px 14px rgba(8,21,34,.045);
}
body.chillas-app-only-page .chillas-app-account-card strong { font-size:18px; font-weight:800; }
body.chillas-app-only-page .chillas-app-account-card span { margin-top:4px; font-size:12px; color:#687684; }
body.chillas-app-only-page .chillas-app-account-action {
  min-height:58px;
  box-sizing:border-box;
  padding:0 16px;
  display:flex;
  align-items:center;
  border:1px solid #e4e9ee;
  border-radius:16px;
  background:#fff;
  box-shadow:0 3px 14px rgba(8,21,34,.045);
  color:#0b1724 !important;
  font-size:14px;
  font-weight:750;
}
body.chillas-app-only-page .chillas-app-account-action span { color:#8c99a5; font-size:21px; }
body.chillas-app-only-page .chillas-app-account-action[href*="logout"] { color:#d94a4a !important; }

/* Cart and checkout: make WooCommerce feel like the same app */
body.chillas-app-only-page .chillas-app-native-content {
  padding:15px;
  border:1px solid #e4e9ee;
  border-radius:17px;
  background:#fff;
  box-shadow:0 3px 14px rgba(8,21,34,.045);
}
body.chillas-app-only-page .chillas-app-native-content .woocommerce table.shop_table,
body.chillas-app-only-page .chillas-app-native-content table.shop_table { border:0 !important; border-collapse:separate; border-spacing:0; width:100%; }
body.chillas-app-only-page .chillas-app-native-content .shop_table th { color:#687684; font-size:10px; letter-spacing:.04em; text-transform:uppercase; border-bottom:1px solid #edf0f2; }
body.chillas-app-only-page .chillas-app-native-content .shop_table td { border-bottom:1px solid #edf0f2; font-size:12px; }
body.chillas-app-only-page .chillas-app-native-content .product-thumbnail img { border-radius:10px; background:#f7f9fb; padding:4px; }
body.chillas-app-only-page .chillas-app-native-content .product-name a { color:#0b1724 !important; font-weight:700; text-decoration:none; }
body.chillas-app-only-page .chillas-app-native-content .product-price,
body.chillas-app-only-page .chillas-app-native-content .product-subtotal { color:#0b1724; font-weight:750; }
body.chillas-app-only-page .chillas-app-native-content .quantity .qty { min-height:38px !important; border:1px solid #dfe5ea !important; border-radius:10px !important; }
body.chillas-app-only-page .chillas-app-native-content .coupon { margin-top:10px; }
body.chillas-app-only-page .chillas-app-native-content .cart_totals { margin-top:18px; padding-top:14px; border-top:1px solid #edf0f2; }
body.chillas-app-only-page .chillas-app-native-content .cart_totals h2 { font-size:16px; font-weight:800; }
body.chillas-app-only-page .chillas-app-native-content .wc-proceed-to-checkout a.checkout-button,
body.chillas-app-only-page .chillas-app-native-content a.checkout-button { width:100%; box-sizing:border-box; min-height:48px; display:flex; align-items:center; justify-content:center; background:#0d82ed !important; border-radius:12px !important; font-size:14px; }
body.chillas-app-only-page .chillas-app-native-content .woocommerce-info,
body.chillas-app-only-page .chillas-app-native-content .woocommerce-message,
body.chillas-app-only-page .chillas-app-native-content .woocommerce-error { border-radius:12px; border-top:0; font-size:12px; }

@media (max-width:767px) {
  body.chillas-app-only-page .chillas-app-page { padding:16px 12px calc(120px + env(safe-area-inset-bottom)) !important; }
  body.chillas-app-only-page .chillas-app-view-head h1 { font-size:28px; }
  body.chillas-app-only-page .chillas-app-native-content { padding:12px; }
  body.chillas-app-only-page .chillas-app-order-card { padding:13px; }
}

/* v2.4.1 — payment availability notice */
.chillas-app-payment-alert{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;padding:14px 16px;border:1px solid #f1c9c9;border-radius:16px;background:#fff7f7;color:#172235;font-size:13px;line-height:1.45}
.chillas-app-payment-alert strong{font-size:14px;color:#9b1c1c}
.chillas-app-payment-alert span{color:#5e6878}


/* v2.4.2 — final app polish: clean cart/checkout/account controls and app-contained back navigation. */
body.chillas-app-only-page .chillas-app-back-link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 8px;
  padding:7px 0;
  color:#0d82ed !important;
  font-size:13px;
  font-weight:700;
  text-decoration:none !important;
}
body.chillas-app-only-page .chillas-app-back-link:hover { color:#066cc7 !important; }
body.chillas-app-only-page .chillas-app-back-link span { font-size:13px; }

/* WooCommerce cart: make Continue shopping a centered, quiet secondary action. */
body.chillas-app-only-page .woocommerce-cart .return-to-shop,
body.chillas-app-only-page .woocommerce-cart p.return-to-shop {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:16px 0 6px !important;
  text-align:center !important;
}
body.chillas-app-only-page .woocommerce-cart .return-to-shop a,
body.chillas-app-only-page .woocommerce-cart p.return-to-shop a {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 22px;
  border:1px solid #d8e2ec !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#0d82ed !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
body.chillas-app-only-page .woocommerce-cart .return-to-shop a:hover { background:#f6faff !important; }

/* App-native account logout form/button. */
body.chillas-app-only-page .chillas-app-account-action--logout {
  width:100%;
  border:1px solid #f1d9dc !important;
  cursor:pointer;
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
  font-family:inherit;
  background:#fff7f8 !important;
  color:#d83d4b !important;
}
body.chillas-app-only-page .chillas-app-account-action--logout span { color:#d83d4b !important; }
body.chillas-app-only-page .chillas-app-back-link:focus-visible {
  outline:3px solid rgba(13,130,237,.2);
  outline-offset:2px;
}

/* Checkout: visually match the modern cart/app screens. */
body.chillas-app-only-page .woocommerce-checkout .chillas-app-native-content { margin-top:4px; }
body.chillas-app-only-page .woocommerce-checkout #payment,
body.chillas-app-only-page .woocommerce-checkout .woocommerce-checkout-review-order,
body.chillas-app-only-page .woocommerce-checkout .woocommerce-billing-fields,
body.chillas-app-only-page .woocommerce-checkout .woocommerce-additional-fields {
  border-radius:15px;
}
body.chillas-app-only-page .woocommerce-checkout .form-row label {
  color:#344454;
  font-size:11px;
  font-weight:700;
}
body.chillas-app-only-page .woocommerce-checkout input.input-text,
body.chillas-app-only-page .woocommerce-checkout select,
body.chillas-app-only-page .woocommerce-checkout textarea {
  border:1px solid #dfe6ec !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:none !important;
}

@media (max-width:767px) {
  body.chillas-app-only-page .chillas-app-back-link { margin-left:2px; margin-bottom:4px; }
  body.chillas-app-only-page .woocommerce-cart .return-to-shop a { width:min(100%, 260px); }
}

/* v2.4.5 — WordPress/WooCommerce customer registration */
.chillas-app-login__switch { margin:16px 0 0 !important; color:#667487 !important; font-size:13px !important; text-align:center; }
.chillas-app-login__switch a { color:#07111f; font-weight:800; text-decoration:none; }
.chillas-app-register-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.chillas-app-register-form .form-row { margin-bottom:14px; }
.chillas-app-field-help { display:block; margin-top:6px; color:#8a95a3; font-size:11px; }
@media (max-width:520px) { .chillas-app-register-grid { grid-template-columns:1fr; gap:0; } }

/* v2.4.7 — account settings: addresses, payment methods and account details. */
body.chillas-app-only-page .chillas-app-settings-form { display:grid; gap:12px; }
body.chillas-app-only-page .chillas-app-settings-card { background:#fff; border:1px solid #e4e9ee; border-radius:18px; padding:18px; box-shadow:0 7px 24px rgba(7,17,31,.045); }
body.chillas-app-only-page .chillas-app-settings-card h2 { margin:0 0 14px; color:#07111f; font-size:18px; line-height:1.2; }
body.chillas-app-only-page .chillas-app-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body.chillas-app-only-page .chillas-app-form-grid p { margin:0; }
body.chillas-app-only-page .chillas-app-form-grid p.is-wide { grid-column:1 / -1; }
body.chillas-app-only-page .chillas-app-form-grid label { display:block; margin:0 0 6px; color:#344252; font-size:12px; font-weight:700; }
body.chillas-app-only-page .chillas-app-form-grid input,
body.chillas-app-only-page .chillas-app-form-grid select { width:100%; min-height:46px; box-sizing:border-box; border:1px solid #d8e0e7; border-radius:11px; background:#fff; color:#07111f; padding:0 12px; font:inherit; }
body.chillas-app-only-page .chillas-app-form-grid input:focus,
body.chillas-app-only-page .chillas-app-form-grid select:focus { outline:2px solid rgba(20,159,232,.2); border-color:#149fe8; }
body.chillas-app-only-page .chillas-app-settings-submit { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; border:0; border-radius:12px; background:#07111f; color:#fff !important; font-size:14px; font-weight:800; text-decoration:none !important; cursor:pointer; box-sizing:border-box; }
body.chillas-app-only-page .chillas-app-settings-link { margin-top:2px; }
body.chillas-app-only-page .chillas-app-account-notice { margin:0 0 12px; padding:12px 14px; border-radius:12px; background:#edf9f2; color:#17643a; font-size:13px; }
body.chillas-app-only-page .chillas-app-account-error { margin:0 0 12px; padding:12px 14px; border-radius:12px; background:#fff0f0; color:#a51d2d; font-size:13px; }
body.chillas-app-only-page .chillas-app-muted-copy { margin:0; color:#6b7785; font-size:13px; line-height:1.55; }
body.chillas-app-only-page .chillas-app-payment-list { display:grid; gap:9px; }
body.chillas-app-only-page .chillas-app-payment-row { display:flex; align-items:center; justify-content:space-between; padding:13px; border:1px solid #e4e9ee; border-radius:13px; background:#f8fafb; }
body.chillas-app-only-page .chillas-app-payment-row strong { display:block; color:#07111f; font-size:14px; }
body.chillas-app-only-page .chillas-app-payment-row span { display:block; margin-top:3px; color:#718096; font-size:11px; }
@media (max-width:767px) {
  body.chillas-app-only-page .chillas-app-settings-card { padding:15px; }
  body.chillas-app-only-page .chillas-app-form-grid { grid-template-columns:1fr; }
  body.chillas-app-only-page .chillas-app-form-grid p.is-wide { grid-column:auto; }
}


/* v2.4.8 — scroll isolation. The app uses normal document scrolling on /app/ only.
   No global html/body scroll lock or site-wide mobile padding is applied. The main website
   therefore retains its own theme-controlled document scrolling, while the app route has
   its own scoped scroll behaviour. */
body.chillas-app-only-page,
body.chillas-app-only-page #wrapper,
body.chillas-app-only-page #main,
body.chillas-app-only-page #content,
body.chillas-app-only-page .content-area,
body.chillas-app-only-page .page-wrapper {
  overscroll-behavior-y: contain;
} 
body.chillas-app-only-page .chillas-app-page,
body.chillas-app-only-page .chillas-app-login {
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
} 



/* v2.5.12 — Chillas app-only Yoco payment frame. */
body.chillas-app-only-page.chillas-yoco-frame-open {
  overflow: hidden !important;
}
body.chillas-app-only-page .chillas-yoco-frame-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483640 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  background: #f4f6f8 !important;
  overflow: hidden !important;
}
body.chillas-app-only-page .chillas-yoco-frame {
  position: relative !important;
  width: min(100vw, 620px) !important;
  height: 100vh !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 0 40px rgba(0,0,0,.12) !important;
}
body.chillas-app-only-page .chillas-yoco-frame-iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
body.chillas-app-only-page .chillas-yoco-frame-back {
  position: fixed !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  left: max(14px, calc((100vw - min(100vw, 620px)) / 2 + 14px)) !important;
  z-index: 2147483647 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #07111f !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.22) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
body.chillas-app-only-page .chillas-yoco-frame-back:hover,
body.chillas-app-only-page .chillas-yoco-frame-back:focus {
  background: #10243b !important;
  color: #fff !important;
  outline: none !important;
}
body.chillas-app-only-page .chillas-yoco-frame-back span {
  display: block !important;
  line-height: 1 !important;
}
@media (max-width: 600px) {
  body.chillas-app-only-page .chillas-yoco-frame {
    width: 100vw !important;
  }
  body.chillas-app-only-page .chillas-yoco-frame-back {
    left: max(14px, env(safe-area-inset-left)) !important;
  }
}

/* v2.5.8 — unpaid app orders are never presented as accepted/preparing orders. */
body.chillas-app-only-page .chillas-app-order-status--payment-required {
  background:#fff4d6;
  color:#8a5a00;
}


/* v2.5.10 — Chillas app typography: Comfortaa.
 * Scoped to the app only; the normal website keeps its existing typography.
 */
body.chillas-app-only-page,
body.chillas-app-only-page .chillas-app-page,
body.chillas-app-only-page .chillas-app-page h1,
body.chillas-app-only-page .chillas-app-page h2,
body.chillas-app-only-page .chillas-app-page h3,
body.chillas-app-only-page .chillas-app-page h4,
body.chillas-app-only-page .chillas-app-page h5,
body.chillas-app-only-page .chillas-app-page h6,
body.chillas-app-only-page .chillas-app-page p,
body.chillas-app-only-page .chillas-app-page a,
body.chillas-app-only-page .chillas-app-page button,
body.chillas-app-only-page .chillas-app-page input,
body.chillas-app-only-page .chillas-app-page select,
body.chillas-app-only-page .chillas-app-page textarea,
body.chillas-app-only-page .chillas-app-page label,
body.chillas-app-only-page .woocommerce,
body.chillas-app-only-page .woocommerce h1,
body.chillas-app-only-page .woocommerce h2,
body.chillas-app-only-page .woocommerce h3,
body.chillas-app-only-page .woocommerce h4,
body.chillas-app-only-page .woocommerce h5,
body.chillas-app-only-page .woocommerce h6,
body.chillas-app-only-page .woocommerce p,
body.chillas-app-only-page .woocommerce a,
body.chillas-app-only-page .woocommerce button,
body.chillas-app-only-page .woocommerce input,
body.chillas-app-only-page .woocommerce select,
body.chillas-app-only-page .woocommerce textarea,
body.chillas-app-only-page .woocommerce label,
body.chillas-app-only-page .woocommerce td,
body.chillas-app-only-page .woocommerce th {
  font-family:'Comfortaa',sans-serif !important;
}