
/* ow-theme.css — Glass / Liquid UI (2026) */
:root{
  /* Backgrounds */
  --bg: #ffffff;
  --overlay: rgba(25,25,28,0.84);
  --card: rgba(255,255,255,0.62);
  --card-strong: rgba(255,255,255,0.78);
  --stroke: rgba(120, 90, 255, 0.22);
  --stroke-2: rgba(0,0,0,0.10);

  /* Purple palette */
  --purple-classic:#6f3cff;
  --purple-electric:#8f2bff;
  --indigo:#4c4cff;
  --orchid-dark:#7a2aa8;
  --orchid-medium:#b16cff;

  /* Text */
  --text:#0f0f14;
  --muted:#5b5b6a;
  --white:#fff;

  /* Sizes */
  --radius-xl: 26px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 12px;

  --shadow-1: 0 18px 50px rgba(35, 20, 90, 0.18);
  --shadow-2: 0 10px 26px rgba(0,0,0,0.12);

  --max: 1180px;
  --header-h: 108px;

  --ease: cubic-bezier(.22,.9,.12,1);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}

a{ color: inherit; text-decoration: none; }
button,input,select,textarea{ font: inherit; }
img,video{ max-width:100%; display:block; }

.container{
  width:min(var(--max), calc(100% - 28px));
  margin-inline:auto;
}

.no-scrollbar::-webkit-scrollbar{ display:none; }
.no-scrollbar{ -ms-overflow-style:none; scrollbar-width:none; }

.hidden{ display:none !important; }

/* Liquid glass card */
.glass{
  background: var(--card);
  border: 1px solid var(--stroke);
  box-shadow: var(--shadow-2);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: var(--radius-xl);
}
.glass--strong{ background: var(--card-strong); }

/* Cubic layout helpers */
.cube-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}
.card{
  padding: 16px;
}
.card__title{
  font-weight: 850;
  letter-spacing: .2px;
  margin: 0 0 8px;
}
.muted{ color: var(--muted); }

/* Infographic bars */
.infobar{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 8px 18px rgba(0,0,0,0.06);
}
.pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(111,60,255,0.18);
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  transition: transform .18s var(--ease);
}
.pill:hover{ transform: translateY(-2px); }

/* Buttons */
.btn{
  border: 0;
  cursor: pointer;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  transition: transform .15s var(--ease), filter .15s var(--ease), box-shadow .15s var(--ease);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
}
.btn:active{ transform: scale(0.98); }

.btn--primary,
.btn--secondary{
  padding: 12px 14px;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-2);
  border: 1px solid rgba(255,255,255,0.55);
  background: linear-gradient(135deg, rgba(111,60,255,0.95), rgba(177,108,255,0.95));
  color: white;
}
.btn--secondary{
  background: rgba(0,0,0,0.92);
  color: white;
  border: 1px solid rgba(0,0,0,0.92);
}
.btn--ghost{
  padding: 10px 12px;
  border-radius: 999px;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.10);
}
.btn--icon{
  width: 40px; height: 40px;
  border-radius: 14px;
  background: rgba(255,255,255,0.76);
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}
.btn--icon.small{ width: 36px; height: 36px; border-radius: 13px; }
.btn--fab{
  width: 52px; height: 52px;
  border-radius: 999px;
  background: transparent;
  border: 1px solid rgba(111,60,255,0.24);
  box-shadow: 0 18px 40px rgba(111,60,255,0.20);
}
.btn--back{
  border:0; background:transparent; padding: 10px 8px;
  font-size: 22px;
  line-height: 1;
}

/* Utility bar (fixed header) */
.utility{
  position: fixed;
  inset: 0 0 auto 0;
  /* Must sit above all page content; overlays (menu/modals) can exceed this when needed */
  z-index: 1000;
  background: rgba(255,255,255,0.92);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.utility__inner{
  width:min(var(--max), calc(100% - 18px));
  margin-inline:auto;
  padding: 10px 0 12px;
}
.utility__top{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap: 10px;
}
.utility__left,
.utility__right{
  display:flex;
  align-items:center;
  gap: 10px;
}
.utility__right{ justify-content:flex-end; }
.utility__title{
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 10px;
  font-weight: 900;
  letter-spacing: .4px;
}
.utility__logo{
  width: 28px; height: 28px;
  border-radius: 10px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,0.10);
}
.utility__bottom{
  margin-top: 10px;
  display:grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items:center;
}


/* Utility + Pills integration */
.utility__pills{
  margin-top: 10px;
}
.utility__pills.pills{
  padding: 0;
}
.utility__pills{
  display:flex;
  gap: 10px;
  overflow-x: auto;
  align-items: center;
  padding-bottom: 2px;
}
.utility .pill{
  border-radius: 12px; /* rectangular w/ slight rounding */
  padding: 9px 12px;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(111,60,255,0.18);
  box-shadow: 0 10px 22px rgba(0,0,0,0.07);
  font-weight: 900;
}
.utility .pill:hover{
  background: rgba(255,255,255,0.92);
}

.search{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(111,60,255,0.18);
  box-shadow: 0 10px 24px rgba(0,0,0,0.07);
}
.search input{
  width: 100%;
  min-width: 18ch;
  border:0;
  outline:none;
  background: transparent;
}
.search__btn{
  width: 34px; height: 34px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
  cursor:pointer;
}
.search__btn svg{ width:18px; height:18px; fill: var(--purple-classic); }
.search__reset{
  border:0;
  background: transparent;
  cursor:pointer;
  font-weight: 900;
  color: rgba(0,0,0,0.55);
}
.search__submit{
  border:0;
  background: transparent;
  cursor:pointer;
  font-weight: 900;
  color: rgba(111,60,255,0.9);
}
.suggest{
  position:absolute;
  margin-top: 10px;
  width: min(680px, calc(100% - 28px));
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.90);
  border: 1px solid rgba(111,60,255,0.22);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-1);
  overflow:hidden;
  /* Above the fixed utility bar */
  z-index: 1100;
}
.suggest__item{
  padding: 12px 14px;
  display:flex;
  gap: 10px;
  align-items:center;
  cursor:pointer;
}
.suggest__item:hover{ background: rgba(111,60,255,0.06); }
.suggest__thumb{
  width: 34px; height: 34px;
  border-radius: 12px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.04);
}
.suggest__meta b{ display:block; }
.suggest__meta small{ color: var(--muted); }

/* Page spacing under fixed header */
.page{
  padding-top: calc(var(--header-h) + 16px);
  padding-bottom: 64px;
}

/* When a live ticker is present, remove the extra gap so the ticker sits seamlessly under the utility bar */
.page.has-ticker{
  /* Slight breathing room so the utility bar reads as an overlay */
  padding-top: calc(var(--header-h) + 8px);
}
.page.has-ticker .ow-ticker{
  margin-top: 0;
}

/* ---- Live Ticker (fixed, white panel; one alert every 6s) ---- */
.ow-ticker{
  position: fixed;
  left: 0;
  right: 0;
  top: var(--utility-h, 0px);
  z-index: 900; /* below .utility (1000+) but above content */
  background: rgba(0,0,0,0.92);
  color: rgba(255,255,255,0.92);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(12px);
}
.ow-ticker__inner{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 8px 0;
}
.ow-ticker__label{
  font-weight: 1000;
  letter-spacing: 0.10em;
  font-size: 11px;
  color: rgba(255,255,255,0.88);
  padding-left: 6px;
  white-space: nowrap;
}

/* v9: LIVE label doubles as a toggle button */
button.ow-ticker__label{
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0 0 0 6px;
}
.ow-ticker__label:focus{ outline: none; }
.ow-ticker__label--on{ color: rgba(80, 255, 140, 0.95); }
.ow-ticker--disabled{ border-bottom-color: rgba(255,255,255,0.06); }

/* Global form controls (public pages) */
.input,
input.input,
textarea.input,
select.input{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px 12px;
  border-radius: var(--radius-md);
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.78);
  color: var(--text);
  outline: none;
}
.input:focus,
input.input:focus,
textarea.input:focus,
select.input:focus{
  border-color: rgba(0,0,0,0.32);
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
}

/* Product card quick actions */
.product-card{ position: relative; }
.product-card__actions{
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  gap: 8px;
  z-index: 2;
}
.product-card__act{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.85);
  box-shadow: 0 10px 22px rgba(0,0,0,0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
.product-card__act:active{ transform: scale(0.98); }

/* Lightweight toast (public pages) */
.toast{
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%) translateY(6px);
  background: rgba(0,0,0,0.88);
  color: #fff;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 14px 32px rgba(0,0,0,0.26);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s var(--ease), transform .18s var(--ease);
  z-index: 2500;
  font-weight: 900;
  letter-spacing: 0.01em;
}
.toast.is-show{ opacity: 1; transform: translateX(-50%) translateY(0); }
.ow-ticker__track{
  flex: 1;
  overflow: hidden;
}
.ow-ticker__row{
  min-height: 28px;
}
.ow-ticker__alert{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(0,0,0,0.06);
  font-weight: 950;
  white-space: normal;
  max-width: 100%;
  overflow-wrap: anywhere;

  overflow: visible;
  text-overflow: clip;
  width: max-content;
}
.ow-ticker__alert.is-link{ cursor: pointer; }
.ow-ticker__alert.is-link:active{ transform: scale(0.995); }
.ow-ticker__icon{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  object-fit: contain;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.75);
}

/* ---- Pills bar (fixed row below ticker) ---- */
.ow-pillsbar{
  position: fixed;
  left: 0;
  right: 0;
  top: calc(var(--utility-h, 0px) + var(--ticker-h, 0px));
  z-index: 890;
  background: rgba(255,255,255,0.55);
  border-bottom: 1px solid rgba(111,60,255,0.16);
  backdrop-filter: blur(14px);
}
.ow-pillsbar__inner{
  padding: 8px 0;
}
.ow-pillsbar .pills{ gap: 10px; }
.ow-pillsbar .pill,
.ow-pillsbar button.pill,
.ow-pillsbar a.pill{
  border-radius: 12px !important; /* rectangular with slight rounding */
  padding: 10px 12px !important;
}


/* Product grid */
.products{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.product-card{
  padding: 14px;
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.68);
  border: 1px solid rgba(111,60,255,0.18);
  box-shadow: var(--shadow-2);
  backdrop-filter: blur(16px);
}
.product-card__img{
  border-radius: 20px;
  overflow:hidden;
  aspect-ratio: 4/3;
  background: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.08);
}
.product-card__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.cart-item__img img{ width:100%; height:100%; object-fit:cover; display:block; }

.product-card__meta{ margin-top: 12px; display:flex; justify-content:space-between; gap:10px; }
.product-card__name{ font-weight: 900; }
.price{ font-weight: 950; color: var(--orchid-dark); }
.product-card__pills{
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.badge{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(111,60,255,0.10);
  border: 1px solid rgba(111,60,255,0.18);
  color: rgba(30,20,70,0.95);
  font-weight: 800;
  font-size: 12px;
}

/* Badge-styled action buttons (Share / Add to cart) */
.badge--btn{
  appearance: none;
  cursor: pointer;
  user-select: none;
  line-height: 1;
}
.badge--btn:active{ transform: scale(0.98); }

/* ---- vLog social wall cards ---- */
.vlog-card{ display:block; text-decoration:none; color: inherit; }
.vlog-card__top{ display:flex; gap: 12px; align-items:flex-start; }
.vlog-card__icon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  object-fit: contain;
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(0,0,0,0.10);
}
.vlog-card__meta{ min-width:0; flex: 1; }
.vlog-card__title{ font-weight: 1000; line-height: 1.1; }
.vlog-card__sub{ margin-top: 6px; font-size: 12px; }
.btn--pill{ border-radius: 12px !important; padding: 10px 12px !important; }
.filter-row .btn--pill.is-active{
  background: rgba(111,60,255,0.14);
  border-color: rgba(111,60,255,0.28);
}

/* Item image carousel */
.ow-carousel-thumbs{ margin-top: 10px; }
.ow-thumb{ cursor:pointer; }
.ow-thumb:focus{ outline: 3px solid rgba(111,60,255,0.45); outline-offset: 2px; }

@media (max-width: 520px){
  .product-card__meta{ flex-direction: column; align-items:flex-start; }
  .product-card__meta > div:last-child{ text-align:left !important; }
  .ow-thumb{ width: 68px !important; height: 48px !important; border-radius: 12px !important; }
}

/* Overlay panels (menus, cart, filter, mini-search, calculator) */
.overlay{
  position: fixed;
  inset:0;
  /* Must appear above the utility bar */
  z-index: 2000;
  display:none;
}
.overlay.is-open{ display:block; }
.overlay__backdrop{
  position:absolute;
  inset:0;
  background: var(--overlay);
  backdrop-filter: blur(6px);
}
.overlay__panel{
  position:absolute;
  top: 0;
  bottom: 0;
  width: min(420px, 40vw);
  /* Cosmic gray-black gradient overlay */
  background: linear-gradient(135deg, rgba(10,10,16,0.96) 0%, rgba(28,28,38,0.96) 48%, rgba(0,0,0,0.98) 100%);
  color: rgba(255,255,255,0.96);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: var(--shadow-1);
  backdrop-filter: blur(18px);
  border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
  transform: translateX(-110%);
  transition: transform .22s var(--ease);
  display:flex;
  flex-direction:column;
  padding: 12px;
}

/* Menu overlay panel (same look as overlays) */
.menu__panel{
  background: linear-gradient(135deg, rgba(10,10,16,0.96) 0%, rgba(28,28,38,0.96) 48%, rgba(0,0,0,0.98) 100%) !important;
  color: rgba(255,255,255,0.96) !important;
  border-color: rgba(255,255,255,0.10) !important;
}
.menu .muted{ color: rgba(255,255,255,0.78) !important; }
.menu__title{ color: rgba(255,255,255,0.96) !important; }
.menu__close{
  background: rgba(0,0,0,0.55) !important;
  color: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
}

/* Menu "capsules" (right-side overlay nav items) */
.menu__links a{
  background: rgba(0,0,0,0.80) !important;
  color: rgba(255,255,255,0.96) !important;
  border-color: rgba(255,255,255,0.16) !important;
}
.menu__links a:hover{ background: rgba(0,0,0,0.60) !important; }
.menu .pill{
  background: rgba(0,0,0,0.80) !important;
  color: rgba(255,255,255,0.96) !important;
  border-color: rgba(255,255,255,0.16) !important;
}
.overlay--right .overlay__panel{
  right: 0;
  left: auto;
  border-radius: var(--radius-xl) 0 0 var(--radius-xl);
  transform: translateX(110%);
}
.overlay.is-open .overlay__panel{ transform: translateX(0); }

.overlay__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 8px 6px 10px;
  gap: 10px;
}
.overlay__title{
  font-weight: 950;
}
.overlay__close{
  width: 38px; height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.55);
  color: rgba(255,255,255,0.96);
  cursor:pointer;
}

/* Overlay typography + form fields */
.overlay .muted{ color: rgba(255,255,255,0.78) !important; }
.overlay label, .overlay .label, .overlay .overlay__title{ color: rgba(255,255,255,0.96); }
.overlay input, .overlay select, .overlay textarea{
  background: rgba(0,0,0,0.40);
  color: rgba(255,255,255,0.96);
  border-color: rgba(255,255,255,0.14);
}
.overlay input::placeholder, .overlay textarea::placeholder{ color: rgba(255,255,255,0.58); }

/* Overlay cards / rows should match the darker panel */
.overlay .card,
.overlay .glass.card,
.overlay .cart-item{
  background: rgba(0,0,0,0.38) !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* Overlay capsules */
.overlay .pill,
.overlay .chip{
  background: rgba(0,0,0,0.80) !important;
  color: rgba(255,255,255,0.96) !important;
  border-color: rgba(255,255,255,0.16) !important;
}

/* Cart list */
.cart-items{ display:flex; flex-direction:column; gap: 12px; overflow:auto; padding: 6px; }
.cart-item{
  display:grid;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  padding: 12px;
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.74);
  border: 1px solid rgba(0,0,0,0.08);
}
.cart-item__img{ width: 64px; height: 64px; border-radius: 18px; overflow:hidden; border: 1px solid rgba(0,0,0,0.08); background: rgba(0,0,0,0.05); }
.cart-item__name{ font-weight: 900; }
.cart-item__row{ display:flex; gap: 10px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.qty{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(111,60,255,0.20);
  background: rgba(255,255,255,0.8);
}
.qty button{
  width: 26px; height: 26px;
  border-radius: 9px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.9);
  cursor:pointer;
}
.icon-btn{
  border:0;
  background: transparent;
  cursor:pointer;
  font-size: 18px;
}

.sticky{
  position: sticky;
  top: calc(var(--header-h) + 16px);
}

/* Checkout */
.checkout{
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 980px){
  .checkout{ grid-template-columns: 7fr 3fr; }
}
.min-header{
  position: sticky;
  top: 0;
  z-index: 55;
  background: rgba(0,0,0,0.92);
  color: rgba(255,255,255,0.96);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(14px);
}
.min-header a{ color: rgba(255,255,255,0.96); }
.min-header__inner{
  width:min(var(--max), calc(100% - 28px));
  margin-inline:auto;
  padding: 12px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}
.accordion{
  border-radius: var(--radius-xl);
  border: 1px solid rgba(111,60,255,0.18);
  background: rgba(255,255,255,0.72);
  overflow:hidden;
}
.accordion summary{
  list-style:none;
  cursor:pointer;
  padding: 14px 16px;
  font-weight: 950;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
.accordion summary::-webkit-details-marker{ display:none; }
.accordion .content{ padding: 0 16px 16px; color: var(--muted); }
.field{
  display:flex;
  flex-direction:column;
  gap: 6px;
  margin-top: 12px;
}
.field input, .field select{
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.10);
  outline:none;
  background: rgba(255,255,255,0.92);
}
.pay-logos{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 10px;
}
.pay-logos .logo{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.9);
  font-weight: 900;
  font-size: 12px;
}
.trust{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  background: rgba(0,0,0,0.04);
  border: 1px dashed rgba(0,0,0,0.14);
}


/* Payment pills */
.pillbar{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}
.pill{
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.9);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 950;
  font-size: 12px;
  cursor:pointer;
}
.pill:hover{ transform: translateY(-1px); }
.pill.is-active{
  background: rgba(0,0,0,0.86);
  color: white;
  border-color: rgba(0,0,0,0.86);
}
.paypanel{
  border-radius: var(--radius-lg);
}

/* Payment glass cards (Checkout) */
.paygrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 520px;
}
@media (max-width: 520px){
  .paygrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.paycard{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 12px 8px;
  min-height: 52px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.62);
  border-radius: 18px;
  font-weight: 950;
  font-size: 12px;
  cursor:pointer;
  user-select:none;
  color: rgba(14, 143, 74, 0.98); /* deep green */
  backdrop-filter: blur(10px);
}

.paycard:hover{ transform: translateY(-1px); }
.paycard.is-active{
  background: rgba(0,0,0,0.82);
  color: rgba(14, 143, 74, 1);
  border-color: rgba(255,255,255,0.18);
}

.paycard__title{ letter-spacing: .2px; }

/* Checkout: delivery option chips */
.chip{
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.72);
  color: rgba(60, 140, 255, 0.98); /* blue */
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 950;
  cursor: pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  min-width: 0;
}

.chip:hover{ transform: translateY(-1px); }
.chip.is-active{
  background: rgba(0,0,0,0.88);
  border-color: rgba(60, 140, 255, 0.55);
}


/* Bank transfer black cards */
.bankcard{
  background: rgba(0,0,0,.82);
  color: #fff;
  border-radius: 14px;
  padding: 10px 12px;
  min-width: 0;
  flex: 1 1 240px;
}

.bankcard__name{ font-weight: 950; margin-bottom: 6px; }
.bankcard__line{
  font-size: 11px;
  font-weight: 800;
  opacity: 0.92;
  word-break: break-word;
}

/* Appointment calendar */
.calendar{
  width:100%;
  padding: 16px;
  border-radius: var(--radius-xl);
}
.calendar__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.calendar__grid{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}
.day{
  aspect-ratio: 1/1;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.78);
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  padding: 10px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}
.day small{ color: rgba(0,0,0,0.6); font-weight: 800; }
.day.is-today{ outline: 3px solid rgba(111,60,255,0.45); }
.day.is-unavailable{ opacity: .55; }
.day::after{
  content:"";
  position:absolute;
  inset:auto 10px 10px 10px;
  height: 8px;
  border-radius: 999px;
  background: rgba(0,0,0,0.12);
}
.day[data-heat="high"]::after{ background: rgba(0,160,60,0.9); }
.day[data-heat="mid"]::after{ background: rgba(0,160,60,0.55); }
.day[data-heat="low"]::after{ background: rgba(180,40,40,0.9); }

.drawer{
  position: fixed;
  left:0; right:0; bottom:0;
  transform: translateY(110%);
  transition: transform .22s var(--ease);
  /* Must sit above the fixed utility header so booking controls remain clickable */
  z-index: var(--z-overlay, 5000);
}
.drawer.is-open{ transform: translateY(0); }
.drawer__panel{
  width:min(var(--max), calc(100% - 18px));
  margin: 0 auto 12px;
  padding: 14px;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(111,60,255,0.22);
  background: rgba(255,255,255,0.92);
  box-shadow: var(--shadow-1);
  backdrop-filter: blur(18px);
}
.drawer__row{ display:flex; gap: 10px; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.times{ display:flex; gap: 10px; flex-wrap:wrap; margin-top: 12px; }
.times button{ padding: 10px 12px; }

/* Footer (simple) */
footer.simple{
  border-top: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.9);
  padding: 18px 0;
}
footer.simple .row{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  flex-wrap:wrap;
  color: var(--muted);
  font-weight: 700;
}


/* Portrait utility bar adjustments */
@media (max-width: 520px){
  .utility__bottom{
    display:grid;
    grid-template-columns: 1fr 2.2fr 1fr;
    gap: 8px;
    align-items:center;
  }
  .utility__bottom .btn--secondary{
    padding: 10px 10px;
    font-size: 12px;
    border-radius: 14px;
    text-align:center;
    white-space: nowrap;
  }
  .search{
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .search input{
    width: 100%;
    min-width: 0;
    font-size: 13px;
  }
  .search__submit, .search__reset, .search__btn{
    width: 34px;
    height: 34px;
  }
  .utility__title span{
    display:none; /* keep logo centered and uncluttered on mobile */
  }
}


/* ---- Fix pack: overlays 60% + scroll ---- */

.overlay__panel{
  width: min(760px, 60vw);
  overflow-y: auto;
}
@media (max-width: 560px){
  .overlay__panel{ width: 90vw; }
}
#calcMount{ padding: 6px 4px 14px; }

/* Utility icon buttons: smooth gray */

/* SVG icons in utility bar (avoid emoji fallback showing as 'object') */
.utility .btn--icon.small svg.icon--cart{
  width:24px;
  height:24px;
  display:block;
}
.utility .btn--icon.small{ line-height:1; }

.utility .btn--icon.small#calcBtn,
.utility .btn--icon.small#cartBtn,
.utility .btn--icon.small#menuOpen{
  background: rgba(210,210,216,0.92) !important;
  color: #111 !important;
}

/* Departments scroller */
.dept-scroll{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap: 14px !important;
  overflow-x:auto !important;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.dept-scroll > a, .dept-scroll > div{
  flex: 0 0 auto;
  min-width: 220px;
  scroll-snap-align:start;
}

/* Department video cards (Stocks/Services landing pages) */
.dept-video-card{
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
  aspect-ratio: 16/11;
}
.dept-video-card .dept-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* Search bar: no buttons, responsive */
.search__submit, .search__reset, .search__btn{ display:none !important; }
#searchInput{
  width: min(520px, 42vw);
  min-width: 18ch;
}
@media (max-width: 520px){
  #searchInput{ width: 100%; min-width: 0; }
}
.suggest{
  position: fixed;
  top: calc(var(--header-h) + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: min(680px, calc(100% - 24px));
  z-index: 120;
}

/* FORCE cart badge pin (override any inline transforms) */
#cartBtn{ position:relative; }
#cartBtn .cart-count{ position:absolute !important; top:-8px; right:-8px; transform:none !important; }
/* Filter input fit */
#filterOverlay .field input, #filterOverlay .field select{ width:100%; box-sizing:border-box; }

/* Mobile overlay safe area */
@media (max-width: 520px){
  .overlay__panel, .menu__panel{
    bottom: calc(env(safe-area-inset-bottom, 0px) + 14px);
    max-height: calc(100vh - 14px - env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 22px;
  }
}


/* ------------------------------------------------------------
   Background + Glass-morphism alignment (applied by Atum prompt)
   The uploaded sky-glass image is the ultimate background layer.
   ------------------------------------------------------------ */

:root{
  /* Let the image read through; keep existing tokens for glass surfaces */
  --bg: transparent;
}

/* Ultimate background */
html, body{ height:100%; }
body{
  background-image: url("../assets/backgrounds/index-upload-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Subtle contrast veil so text stays readable without “blurring” the image */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(1200px 800px at 20% 10%, rgba(255,255,255,0.18), transparent 55%),
    radial-gradient(900px 700px at 80% 30%, rgba(155,120,255,0.16), transparent 60%),
    linear-gradient(to bottom, rgba(255,255,255,0.06), rgba(0,0,0,0.06));
  mix-blend-mode: normal;
  z-index: 0;
}

/* Ensure the app content sits above the veil */
body > *{ position: relative; z-index: 1; }

/* Utility bar tuned to match the dreamy glass background */
.utility{
  background: linear-gradient(135deg, rgba(255,255,255,0.22), rgba(255,255,255,0.10));
  border-bottom: 1px solid rgba(255,255,255,0.30);
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}

.utility__logo{
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 0 18px rgba(255,255,255,0.28);
}

/* A slightly “prismatic” lift on common glass surfaces */
.glass{
  background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08));
  border: 1px solid rgba(255,255,255,0.28);
  box-shadow:
    0 18px 50px rgba(35, 20, 90, 0.14),
    inset 0 1px 0 rgba(255,255,255,0.40);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}

/* Keep hover interactions soft and “liquid” */
.btn, .pill, .iconbtn, .search{
  transition: transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease);
}
.btn:hover, .pill:hover, .iconbtn:hover{
  box-shadow: 0 0 24px rgba(255,255,255,0.22), 0 10px 26px rgba(0,0,0,0.12);
}



.utility__logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;
}



/* Sector-specific background overrides */
body[data-page="stocks"]{
  background-image: url("../assets/backgrounds/stock-upload-bg.png");
}

body[data-page="services"]{
  background-image: url("../assets/backgrounds/service-upload-bg.png");
}

/* Accessibility */
.skip-link{
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,0.85);
  color: white;
  font-weight: 900;
  transform: translateY(-160%);
  transition: transform 180ms ease;
  z-index: 9999;
}
.skip-link:focus{ transform: translateY(0); }

/* Make keyboard focus obvious without changing your theme */
:focus-visible{
  outline: 3px solid rgba(255, 215, 0, 0.55);
  outline-offset: 2px;
}

/* Icon sizing overrides (Phase C2) */
#cartBtn .icon--cart{ width:26px; height:26px; }
#cartBtn{ display:flex; align-items:center; justify-content:center; }
#calcBtn svg, #calcBtn .icon--calc{ width:24px; height:24px; }
#calcBtn{ display:flex; align-items:center; justify-content:center; }

/* Department card links */
.dept-card-link{ text-decoration:none; color:inherit; display:block; }

/* Ensure utility icons are clearly visible */
.utility .btn--icon.small svg.icon--calc,
.utility .btn--icon.small svg.icon--cart{
  width:24px;
  height:24px;
  display:block;
}

/* =============================
   Utility Bar v6.2 (3-row layout)
   Row 1: back + calc | search | cart + logo
   Row 2: pills
   Row 3: ticker
   ============================= */

.utility__row1{
  display:grid;
  grid-template-columns: auto 1fr auto;
  align-items:center;
  gap: 10px;
}
.utility__group{ display:flex; align-items:center; gap:10px; }
.utility__group--right{ justify-content:flex-end; }

.utility .search{ width:100%; }
.utility .search input{
  width:100%;
  height:36px;
  border-radius: 14px;
}

.utility__logoBtn{
  width:36px;
  height:36px;
  border-radius: 13px;
  background: transparent;
  border: none;
  box-shadow: none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.utility__logoBtn img{
  width: 26px;
  height: 26px;
  object-fit: contain;
}

/* Small "haptic" style visual pulse for the index logo triple-tap */
@keyframes owHapticPulse{
  0%{ transform: scale(1); }
  35%{ transform: scale(0.92); }
  70%{ transform: scale(1.02); }
  100%{ transform: scale(1); }
}
.ow-haptic{
  animation: none !important;
}

.utility__row2{ margin-top: 8px; }
.utility__row2 .pills{ gap: 10px; }
.utility__row2 .pill,
.utility__row2 a.pill,
.utility__row2 button.pill{
  border-radius: 12px !important;
  padding: 10px 12px !important;
}

.utility__row3{ margin-top: 6px; }

/* Ticker now lives inside the utility bar */
.ow-ticker--inbar{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  border-bottom: 1px solid rgba(111,60,255,0.18);
  border-radius: 16px;
  overflow: hidden;
}
.ow-ticker--inbar .ow-ticker__inner{ padding: 5px 10px; }
/* Thinner ticker when embedded in utility bar */
.ow-ticker--inbar .ow-ticker__inner{ padding: 4px 8px; }
.ow-ticker--inbar .ow-ticker__label{ font-size: 10px; }
.ow-ticker--inbar .ow-ticker__row{ min-height: 26px; }
.ow-ticker--inbar .ow-ticker__alert{
  padding: 6px 10px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.1;
  white-space: nowrap;
}
.ow-ticker--inbar .ow-ticker__icon{ width: 16px; height: 16px; border-radius: 6px; }

/* Disable legacy fixed pills bar if present */
.ow-pillsbar{ display:none !important; }

/* Right-to-left flowing ticker */
.ow-ticker__row{ position: relative; overflow: visible; min-height: 30px; display:flex; align-items:center; }
.ow-ticker__alert{
  display:inline-flex;
  white-space: nowrap;
  width: max-content;

  font-size: 13px;
  line-height: 1;
  padding: 6px 12px;
  border-radius: 14px;

  will-change: transform;
}
.ow-ticker__alert.ow-ticker__alert--move{
  animation: owTickerMove 6s linear forwards;
}
@keyframes owTickerMove{
  from{ transform: translateX(100%); }
  to{ transform: translateX(-110%); }
}


/* Utility bar compact search */
.utility__row1 .search{
  padding: 0 10px;
  border-radius: 12px;
  height: 36px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.06);
}
.utility__row1 .search input{
  height: 34px;
  font-weight: 900;
}
.utility__row1 .search{ align-self:center; }
.utility__row1 .btn{ height: 36px; }
.utility__row1 .btn.btn--icon.small{ width: 36px; height: 36px; padding: 0; }
.utility__row1 .btn.btn--back{ height: 36px; }
.utility__row1{ gap: 10px; }

/* Make icon glyphs fill their button */
.btn--icon svg{ width: 92%; height: 92%; }
.btn--icon img{ width: 94%; height: 94%; object-fit: contain; }

/* Layering: utility above content, overlays above utility */
:root{ --z-utility: 3000; --z-overlay: 5000; }
.utility{ z-index: var(--z-utility) !important; }
.overlay, .menu{ z-index: var(--z-overlay) !important; }
.suggest{ z-index: calc(var(--z-overlay) - 100) !important; }



/* =============================
   Utility bar click safety
   ============================= */
.utility{ pointer-events:auto; }
.utility__row1, .utility__group{ position:relative; }
.utility__group--right{ z-index: 10; }
.utility .search{ min-width:0; }
.utility .search input{ min-width:0; }
.utility .btn, .utility a{ pointer-events:auto; }

/* =============================
   Admin input visibility (dark UI -> white text)
   ============================= */
body[data-page="admin"] .input,
body[data-page="admin"] input.input,
body[data-page="admin"] textarea.input,
body[data-page="admin"] select.input{
  color:#fff !important;
  caret-color:#fff !important;
}
body[data-page="admin"] .input::placeholder,
body[data-page="admin"] input.input::placeholder,
body[data-page="admin"] textarea.input::placeholder{
  color: rgba(255,255,255,0.65) !important;
}

/* Modern admin layout helpers */
.admin-shell{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap: 14px;
  align-items:start;
}
@media (max-width: 980px){
  .admin-shell{ grid-template-columns: 1fr; }
}
.admin-nav{
  position: sticky;
  top: calc(var(--utility-h, 68px) + 12px);
}
.admin-nav .pill{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(0,0,0,0.10);
  font-weight: 950;
}
.admin-nav .pill.active{
  outline: 3px solid rgba(111,60,255,0.28);
}
.admin-section{ display:none; }
.admin-section.active{ display:block; }

/* =============================
   Calculator redesign
   ============================= */
/* Calculator overlay should match the cosmic overlay theme */
#calcOverlay .overlay__panel{
  background: linear-gradient(135deg, rgba(10,10,16,0.96) 0%, rgba(28,28,38,0.96) 48%, rgba(0,0,0,0.98) 100%) !important;
  color: rgba(255,255,255,0.96) !important;
  border-color: rgba(255,255,255,0.10) !important;
}
.ow-calc-wrap{ padding: 12px 0 0; }
.ow-calc{
  background:#000;
  border-radius: 18px;
  padding: 12px;
  border: 1px solid rgba(0,0,0,0.18);
  box-shadow: 0 18px 50px rgba(0,0,0,0.22);
}
.ow-calc__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.ow-calc__title{
  color:#fff;
  font-weight:950;
  letter-spacing:.3px;
}
.ow-calc__display{
  background: rgba(255,255,255,0.10);
  color:#fff;
  border-radius: 14px;
  padding: 14px 12px;
  font-size: 28px;
  font-weight: 950;
  text-align:right;
  border: 1px solid rgba(255,255,255,0.10);
  user-select:text;
}
.ow-calc__grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 12px;
}
.ow-calc__btn{
  background:#fff;
  color:#000;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 14px;
  padding: 14px 0;
  font-weight: 950;
  font-size: 20px;
  cursor:pointer;
}
.ow-calc__btn--op{ font-size: 22px; }
.ow-calc__btn--ghost{
  background:#fff;
  color:#000;
}
.ow-calc__btn--eq{
  background:#fff;
  color:#000;
  font-size: 22px;
}


/* --- Cosmic utility bar (all pages except admin) --- */
body:not(.admin-page) header.utility{
  background: radial-gradient(120% 180% at 10% 0%, rgba(40,20,70,0.55) 0%, rgba(5,8,20,0.65) 40%, rgba(0,0,0,0.55) 100%);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}
body:not(.admin-page) header.utility .utility__inner{
  background: transparent !important;
}

/* --- Embedded animated background (iframe) --- */
.bg-embed{
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.bg-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  pointer-events:none;
  opacity: 0.95;
}

/* Admin: embedded background section */
.admin-embed-section{
  position: relative;
  width: 100%;
  height: 260px;
  border-radius: 18px;
  overflow: hidden;
}
.admin-embed-section iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* Hide PayPal tagline/exchange rate line under the buttons (UI-only).
   Keeps buttons functional while removing the extra copy. */
#paypalButtons .paypal-button-tagline,
#paypalButtons .paypal-powered-by,
#paypalButtons .paypal-button-text,
#paypalButtons .paypal-button-number {
  display: none !important;
}


/* Checkout delivery pills (compact, two-line) */
.delivery-choices{ overflow-x:auto; }

/* delivery choices horizontal */
.delivery-choices{ display:flex; gap:8px; flex-wrap:nowrap; align-items:stretch; }
.delivery-choices .chip--delivery{ flex:1 1 0; min-width: 0; color: rgba(255,255,255,0.96); }
.delivery-choices .chip--delivery[aria-pressed="true"]{ border-color: rgba(255,255,255,0.28); background: rgba(0,0,0,0.84); }
/* Keep delivery options in a single row (scroll horizontally if needed). */
@media (max-width: 420px){
  .delivery-choices{ flex-wrap:nowrap; }
  .delivery-choices .chip--delivery{ flex: 1 1 0; }
}

.chip--delivery{
  padding: 8px 10px;
  min-width: 110px;
  font-weight: 950;
  font-size: 12px;
  line-height: 1.05;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.chip--delivery .chip__main{ letter-spacing: 0.7px; }
.chip--delivery .chip__sub{
  font-size: 10px;
  font-weight: 800;
  opacity: 0.8;
  letter-spacing: 0.3px;
}
.checkout-section-title{
  font-family: inherit;
  letter-spacing: 0.2px;
  font-weight: 950;
}

.checkout-summary-title{
  font-family: inherit;
  letter-spacing: 0.2px;
  font-weight: 950;
}



/* Subtle attention pulse */
@keyframes owPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.01); }
  100% { transform: scale(1); }
}
.pulse{
  animation: owPulse 0.9s ease-in-out 1;
}

/* Checkout summary remove button */
.summary-remove{ background: rgba(255,255,255,0.12) !important; color:#fff !important; border:1px solid rgba(255,255,255,0.18) !important; }
.summary-remove:hover{ background: rgba(255,255,255,0.18) !important; }

/* ============================
   Liquid white background (static fallback)
   - Unblurred background image
   - Works on pages that don't embed an iframe background
   ============================ */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image: url("../assets/backgrounds/placeholder-black.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* keep background sharp */
  filter: none;
}



/* -------- Policies capsules + PDF reader polish -------- */
.ow-capsule-row{
  display:flex;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 6px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.ow-capsule-row::-webkit-scrollbar{ height:8px; }
.ow-pdf-capsule{
  flex:0 0 auto;
  min-width: 210px;
  max-width: 260px;
  border-radius: 999px;
  padding: 10px 12px !important;
  text-align:left;
  cursor:pointer;
  scroll-snap-align:start;
  background: rgba(255,255,255,0.88);
}
.ow-pdf-capsule b{ display:block; font-weight: 950; }
.ow-pdf-capsule .muted{ margin-top:4px !important; font-weight: 900; }

/* make policies PDF modal white + readable */
body[data-page="policies"] .modal__panel,
body[data-page="policies"] .modal__head,
body[data-page="policies"] .modal__body{
  background: rgba(255,255,255,0.96) !important;
  color: #000 !important;
}
body[data-page="policies"] .modal__title{ color:#000 !important; font-weight: 950; }
body[data-page="policies"] .modal__close{ color:#000 !important; }
body[data-page="policies"] .modal__backdrop{ background: rgba(0,0,0,0.35) !important; }

/* pdf viewer wrapper */
.ow-pdf-viewer{
  width:100%;
  height:min(74vh, 820px);
  border-radius: 18px;
  overflow:hidden;
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
}
.ow-pdf-viewer iframe{
  width:100%;
  height:100%;
  border:0;
  transform-origin: 0 0;
}

/* --- Utility bar center collapse control (v11 patch) --- */
.utility{ position: fixed; }
.utility__inner{ position: relative; }

.utility__collapseToggle{
  position: absolute;
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%);
  width: 74px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.70);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor: pointer;
}
.utility__collapseToggle::after{
  content:"";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(255,140,40,0.95);
  box-shadow: 0 0 0 2px rgba(0,0,0,0.18), 0 0 14px rgba(255,140,40,0.25);
}

/* Smooth collapse/expand */
.utility__row2,
.utility__row3{
  transition: max-height 260ms ease, opacity 200ms ease, transform 260ms ease, margin 260ms ease;
  max-height: 160px;
  opacity: 1;
  transform: translateY(0);
}
.utility--compact .utility__row2,
.utility--compact .utility__row3{
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px);
  margin-top: 0 !important;
  pointer-events: none;
  overflow: hidden;
}


/* --- v12 shared capsule contrast + draggable control polish --- */
.utility__collapseToggle,.garden-overlay__toggle{background:rgba(255,255,255,.42)!important;border:1px solid rgba(255,255,255,.54)!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}
.utility__collapseToggle::after,.garden-overlay__toggleDot{content:"⚫️"!important;width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important;font-size:11px;line-height:1}
.utility__collapseToggle{width:20px;height:20px;bottom:-10px;padding:0}.utility__inner{padding-bottom:16px}.utility{overflow:visible}.utility__row2,.utility__row3{will-change:max-height,opacity,transform}
.btn-white,.btn.btn-white,.btn--white,.filter-row .btn--pill,.overlay .pill,.overlay .chip,.menu__links a,.menu .pill,.ow-pdf-capsule,[class*="capsule"],[class*="chip"]{color:#111!important}
.btn-white,.btn.btn-white,.btn--white,.filter-row .btn--pill,.ow-pdf-capsule,.overlay .pill,.overlay .chip,.menu__links a,.menu .pill{background:rgba(148,154,164,.26)!important;border-color:rgba(38,44,56,.12)!important}


/* filter overlay selected values readable */
#filterOverlay .field select,
#filterOverlay .field input{color:#111 !important;background:rgba(235,235,235,.92) !important;}
#filterOverlay .field select option{color:#111 !important;background:#fff !important;}


/* v6 branding capsules, global footer strip, filter input contrast */
.brand-capsule,.ow-policy-sidebrand,.vlog-sidebrand__capsule,.garden-page-brand,.reviews-title-capsule{display:flex;align-items:center;justify-content:center;text-align:center;margin-left:auto!important;margin-right:auto!important;width:fit-content;max-width:100%;}
.reviews-title-capsule{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 24px rgba(0,0,0,.14);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;}
footer,footer.simple{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.22)!important;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08))!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 -10px 24px rgba(0,0,0,.08) inset;}
footer .footer-inner,footer.simple .container{position:relative;z-index:1;}
#filterOverlay .field input::placeholder,#filterOverlay input::placeholder{color:#111 !important;opacity:.72;}
#filterOverlay .field input,#filterOverlay input,#filterOverlay .field select,#filterOverlay select{color:#111 !important;background:rgba(235,235,235,.92) !important;}
.index-footer-fill{height:56px;background:inherit;margin-top:-2px;}


/* v8 unified branded capsules + utility glass row */
.brand-capsule,
.ow-policy-sidebrand,
.vlog-sidebrand__capsule,
.garden-page-brand,
.reviews-title-capsule{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  width:fit-content !important;
  max-width:min(100%, 92vw) !important;
  min-height:40px !important;
  padding:10px 18px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(0,0,0,.84) !important;
  color:#fff !important;
  backdrop-filter:blur(18px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(170%) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-size:.8rem !important;
  line-height:1.1 !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.brand-capsule:active,
.ow-policy-sidebrand:active,
.vlog-sidebrand__capsule:active,
.garden-page-brand:active,
.reviews-title-capsule:active{
  transform:translateY(1px) scale(.985) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
  filter:brightness(1.08) !important;
}
.page .brand-capsule,
.page .ow-policy-sidebrand,
.page .vlog-sidebrand__capsule,
.page .garden-page-brand,
.page .reviews-title-capsule,
main .brand-capsule,
main .ow-policy-sidebrand,
main .vlog-sidebrand__capsule,
main .garden-page-brand,
main .reviews-title-capsule{margin-inline:auto !important;}

.utility__row1{
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important;
  backdrop-filter:blur(18px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(165%) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
}
.utility__group,
.utility__group--right{gap:8px !important;}
.utility__row1 .btn--back,
.utility__row1 .btn--icon,
.utility__row1 .utility__logoBtn{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10)) !important;
  backdrop-filter:blur(16px) saturate(155%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(155%) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.14) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}
.utility__row1 .utility__logoBtn img{width:44px !important;height:44px !important;object-fit:cover !important;border-radius:999px !important;display:block !important;}
.utility__row1 .search{
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important;
  backdrop-filter:blur(16px) saturate(155%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(155%) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12) !important;
  min-height:44px !important;
}
.utility__row1 .search input{background:transparent !important;}

.delivery-choices .chip--delivery,
.delivery-choices .chip--delivery .chip__main,
.delivery-choices .chip--delivery .chip__sub{color:#fff !important;}

#filterOverlay .field input::placeholder,
#filterOverlay .field input,
#filterOverlay .field select{color:#111 !important;}

.index-footer-fill{display:none !important;}
body[data-page="home"] main.page{padding-bottom:0 !important;}
body[data-page="home"] main.page > *:last-child{margin-bottom:0 !important;}
body[data-page="home"] footer{margin-top:0 !important;}


/* v9 branding / ticker / footer refinements */
.brand-capsule,
.ow-policy-sidebrand,
.vlog-sidebrand__capsule,
.garden-page-brand,
.reviews-title-capsule,
.ow-updates-sidebrand{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  width:fit-content !important;
  max-width:min(100%, 92vw) !important;
  min-height:40px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(0,0,0,.88) !important;
  color:#fff !important;
  backdrop-filter:blur(18px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(170%) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-size:.78rem !important;
  line-height:1.1 !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.brand-capsule:active,
.ow-policy-sidebrand:active,
.vlog-sidebrand__capsule:active,
.garden-page-brand:active,
.reviews-title-capsule:active,
.ow-updates-sidebrand:active{
  transform:translateY(1px) scale(.985) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
  filter:brightness(1.08) !important;
}
.page .brand-capsule,
.page .ow-policy-sidebrand,
.page .vlog-sidebrand__capsule,
.page .garden-page-brand,
.page .reviews-title-capsule,
.page .ow-updates-sidebrand,
main .brand-capsule,
main .ow-policy-sidebrand,
main .vlog-sidebrand__capsule,
main .garden-page-brand,
main .reviews-title-capsule,
main .ow-updates-sidebrand{margin-inline:auto !important;}

.utility__row3{margin-top:6px !important;width:100% !important;}
.ow-ticker--inbar{
  width:100% !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.ow-ticker--inbar .container.ow-ticker__inner,
.ow-ticker--inbar .ow-ticker__inner{
  max-width:none !important;
  width:100% !important;
  padding:2px 4px !important;
  gap:6px !important;
}
.ow-ticker--inbar .ow-ticker__label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:auto !important;
  height:28px !important;
  margin:0 !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important;
  backdrop-filter:blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(160%) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
  color:#fff !important;
  font-size:10px !important;
  letter-spacing:.16em !important;
}
.ow-ticker--inbar .ow-ticker__track{
  flex:1 1 auto !important;
  min-width:0 !important;
  background:transparent !important;
  border:0 !important;
}
.ow-ticker--inbar .ow-ticker__row{min-height:28px !important;}
.ow-ticker--inbar .ow-ticker__alert{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 10px !important;}

footer,footer.simple{
  background:#000 !important;
  color:#fff !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
footer .footer-inner,footer.simple .container,footer.simple .row{display:flex !important;justify-content:center !important;align-items:center !important;text-align:center !important;gap:8px !important;flex-wrap:wrap !important;color:#fff !important;}
footer .muted, footer.simple .muted{color:#fff !important;opacity:.9 !important;}
[data-footer-phone], footer .footer-inner > div:last-child, footer.simple .row > div:last-child{display:none !important;}

#filterOverlay .field input::placeholder,
#filterOverlay .field input,
#filterOverlay .field select,
#filterOverlay .field select option{color:#111 !important;}
body[data-page="home"] .index-footer-fill{display:none !important;height:0 !important;}
body[data-page="home"] main.page section:last-of-type{margin-bottom:18px !important;}
body[data-page="home"] footer{margin-top:0 !important;}
.ow-updates-sidebrand{margin:0 auto 10px !important;}


/* v10 branding capsule centering + footer emblem */
.brand-capsule,
.ow-policy-sidebrand,
.vlog-sidebrand__capsule,
.garden-page-brand,
.reviews-title-capsule{
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
  justify-self:center !important;
  text-align:center !important;
}
.contact-card .brand-capsule,
.ow-modern-hero > .brand-capsule,
.about-sidebrand,
.garden-page-brand,
.vlog-sidebrand,
.vlog-sidebrand__capsule,
.ow-updates-sidebrand,
.reviews-title-capsule,
.ow-policy-sidebrand{
  display:flex !important;
  width:fit-content !important;
  max-width:calc(100% - 24px) !important;
}
.vlog-sidebrand,
.ow-updates-sidebrand,
.about-sidebrand,
.garden-page-brand,
.reviews-title-capsule,
.ow-modern-hero > .brand-capsule,
.contact-card .brand-capsule,
.page .brand-capsule,
main .brand-capsule{
  margin-inline:auto !important;
}
.ow-modern-hero,
.contact-card,
.glass.card,
.garden-card,
.about-card,
.reviews-card{ text-align:inherit; }
.ow-modern-hero > .brand-capsule,
.contact-card > .brand-capsule,
.glass.card > .brand-capsule,
section > .brand-capsule,
.card > .brand-capsule{
  margin:0 auto 14px !important;
}
/* Footer emblem strip */
footer .footer-inner,footer.simple .container,footer.simple .row{
  min-height:56px !important;
}
[data-footer-line]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:10px 22px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), rgba(255,255,255,.02) 58%, rgba(255,255,255,.05)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 10px 26px rgba(0,0,0,.35) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size:clamp(.92rem,1.8vw,1.04rem) !important;
  font-weight:700 !important;
  letter-spacing:.05em !important;
  line-height:1.1 !important;
}
[data-footer-phone]{display:none !important;}


/* v11 capsule centering + nowrap */
.brand-capsule,.ow-policy-sidebrand,.vlog-sidebrand__capsule,[data-footer-line]{white-space:nowrap !important;}
.vlog-sidebrand,.about-sidebrand{display:flex !important;justify-content:center !important;width:100% !important;}


/* v9 footer slimming */
footer.simple{padding:6px 0 !important;min-height:44px !important;}
footer .footer-inner,footer.simple .container,footer.simple .row{min-height:32px !important;}
[data-footer-line]{padding:6px 18px !important;font-size:14px !important;line-height:1 !important;}

/* v9 index menu redesign */
body[data-page="home"] .menu__panel{width:min(420px,92vw) !important;border-radius:28px 0 0 28px !important;background:linear-gradient(180deg,rgba(18,22,32,.88),rgba(12,16,26,.82)) !important;border-left:1px solid rgba(255,255,255,.14) !important;box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10) !important;backdrop-filter:blur(24px) saturate(150%) !important;-webkit-backdrop-filter:blur(24px) saturate(150%) !important;}
body[data-page="home"] .menu__header{padding:18px 18px 10px !important;align-items:center !important;}
body[data-page="home"] .menu__title{font-size:22px !important;font-weight:1000 !important;letter-spacing:.04em !important;}
body[data-page="home"] .menu__close{border-radius:999px !important;background:rgba(255,255,255,.10) !important;border:1px solid rgba(255,255,255,.16) !important;}
body[data-page="home"] .menu__links{display:grid !important;gap:10px !important;padding:8px 18px 18px !important;background:transparent !important;}
body[data-page="home"] .menu__links a{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:14px 16px !important;border-radius:18px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.10) !important;color:#fff !important;font-weight:900 !important;transition:transform .22s ease, background .22s ease !important;}
body[data-page="home"] .menu__links a:hover{transform:translateX(4px) !important;background:rgba(255,255,255,.13) !important;}
body[data-page="home"] .hamburger-btn{width:52px !important;height:52px !important;border-radius:18px !important;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.09)) !important;border:1px solid rgba(255,255,255,.18) !important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 12px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;}
body[data-page="home"] .hamburger span{background:#fff !important;height:2px !important;border-radius:999px !important;left:6px !important;right:6px !important;}
body[data-page="home"] .menu__backdrop{background:rgba(4,8,16,.54) !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;}


/* v9 hotfix4 utility row slimmer */
.utility__row1{padding:6px 8px !important;gap:8px !important;}
.utility__group,.utility__group--right{gap:6px !important;}
.utility__row1 .btn--back,.utility__row1 .btn--icon,.utility__row1 .utility__logoBtn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;}
.utility__row1 .utility__logoBtn img{width:27px !important;height:27px !important;}
.utility__row1 .search{min-height:40px !important;}
.utility__row1 .search input{min-height:40px !important;font-size:.94rem !important;padding-top:0 !important;padding-bottom:0 !important;}


/* v9 iXYP + home motion refinements */
body[data-page="home"] .hamburger-btn{
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-page="home"] .hamburger-btn:hover,
body[data-page="home"] .hamburger-btn:active{
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body[data-page="home"] [data-logo-home]{
  animation: ow-home-logo-spin 4.2s linear infinite;
  transform-origin: 50% 50%;
  will-change: transform;
}
@keyframes ow-home-logo-spin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

/* v9 hotfix: smoother transparent home logo + spinning utility logos */
body[data-page="home"] .logo-video{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body[data-page="home"] .logo-video img{
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 999px !important;
}
.utility__logo img[data-logo-gif],
.utility__logoBtn img[data-logo-gif]{
  animation: ow-home-logo-spin 4.2s linear infinite;
  transform-origin: 50% 50%;
  will-change: transform;
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 999px !important;
}


/* v10 final: tighter spinning utility logo */
.utility__logo img[data-logo-gif],
.utility__logoBtn img[data-logo-gif],
body[data-page="home"] [data-logo-home]{ backface-visibility:hidden; -webkit-backface-visibility:hidden; }
body[data-page="home"] [data-logo-home]{ animation-duration:4.2s !important; }
.utility__logo img[data-logo-gif], .utility__logoBtn img[data-logo-gif]{ animation-duration:4.2s !important; }


/* v10-final hardening: utility logo fills its glass badge */
.utility__row1 .utility__logoBtn,
.utility__logo{
  padding:0 !important;
  overflow:hidden !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.utility__row1 .utility__logoBtn img,
.utility__logoBtn img[data-logo-gif],
.utility__logo img[data-logo-gif],
.utility__logo img{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:999px !important;
}
.utility__row1 .utility__logoBtn::before,
.utility__logo::before{ display:none !important; }

/* v10-final hardening: keep primary pages stable and responsive */
body[data-page="checkout"] .checkout-wrap,
body[data-page="stocks"] .container,
body[data-page="services"] .container,
body[data-page="agriculture"] .container,
body[data-page="reviews"] .container{
  contain:layout style;
}
#filterOverlay .field select,
#filterOverlay .field input{
  color:#000 !important;
  caret-color:#000 !important;
}
#filterOverlay .field select option{ color:#000 !important; }
#bankTransferSubmit[disabled],
#submitServiceRequest[disabled]{ opacity:.75 !important; cursor:not-allowed !important; }


.utility__row3{ position:relative; }
.utility__tickerTapZone{ -webkit-tap-highlight-color: transparent; }
.utility--compact .utility__tickerTapZone{ display:none; }


/* --- Item page action rail + readable body copy --- */
body[data-page="item"] .ow-item-actions{
  display:flex;
  gap:10px;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  padding-bottom:6px;
}
body[data-page="item"] .ow-item-actions::-webkit-scrollbar{ height:6px; }
body[data-page="item"] .ow-item-actions > .btn,
body[data-page="item"] .ow-item-actions > a.btn{
  flex:0 0 auto;
  min-width:max-content;
  border-radius:999px;
  scroll-snap-align:start;
}
body[data-page="item"] .ow-item-description,
body[data-page="item"] .ow-item-config-note,
body[data-page="item"] .ow-item-specs,
body[data-page="item"] .ow-item-specs li,
body[data-page="item"] .ow-item-review-copy,
body[data-page="item"] .ow-item-review-empty,
body[data-page="item"] .ow-item-review-name,
body[data-page="item"] .ow-item-review-stars,
body[data-page="item"] .ow-item-review-message{
  color:#fff !important;
}
body[data-page="item"] #itemMount .price{
  color:#fff !important;
}


/* Item detail containment + first-render stability */
body[data-page="item"] #itemMount,
body[data-page="item"] #itemMount *{ box-sizing:border-box; }
body[data-page="item"] #itemMount > .glass.card,
body[data-page="item"] #itemMount .glass.card{ max-width:100%; }
body[data-page="item"] #itemMount > .glass.card{ overflow:hidden; }
body[data-page="item"] #itemMount .cube-grid,
body[data-page="item"] #itemMount .product-card__img,
body[data-page="item"] #itemMount .ow-carousel-thumbs,
body[data-page="item"] #itemMount .ow-item-actions,
body[data-page="item"] #itemMount .infobar{ min-width:0; max-width:100%; }
body[data-page="item"] #itemMount .product-card__img,
body[data-page="item"] #itemMount .ow-thumb{ overflow:hidden; }
body[data-page="item"] #itemMount img{ max-width:100%; }
body[data-page="item"] #itemMount #itemHeroImg,
body[data-page="item"] #itemMount .ow-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }


/* Item page hardening + review accordion */
body[data-page="item"] #itemMount .glass.card{
  overflow:hidden;
  contain:layout paint;
}
body[data-page="item"] #itemMount .glass.card > *{
  min-width:0;
}
body[data-page="item"] #itemMount .product-card__img{
  overflow:hidden;
  isolation:isolate;
}
body[data-page="item"] #itemMount .product-card__img img,
body[data-page="item"] #itemMount .ow-thumb img{
  transform:translateZ(0);
  backface-visibility:hidden;
}
body[data-page="item"] #itemHeroImg{
  cursor:zoom-in;
}
body[data-page="item"] .ow-review-accordion__toggle{
  color:inherit;
}
body[data-page="item"] .ow-review-accordion__panel[hidden]{
  display:none !important;
}
body[data-page="item"] .ow-review-accordion__panel{
  overflow:hidden;
}
body[data-page="item"] .ow-review-accordion .badge{
  flex:0 0 auto;
}
#owFormViewerOverlay .overlay__panel{
  overscroll-behavior:contain;
}
#owFormViewerFrame{
  overflow:hidden !important;
}



/* vNext item page fit-lock for service items */
body[data-page="item"] #itemMount .glass.card,
body[data-page="item"] #itemMount .glass.card > div,
body[data-page="item"] #itemMount .glass.card > div > div{
  min-width:0 !important;
  max-width:100% !important;
}
body[data-page="item"] #itemMount .card__title,
body[data-page="item"] #itemMount .muted,
body[data-page="item"] #itemMount p,
body[data-page="item"] #itemMount li,
body[data-page="item"] #itemMount span,
body[data-page="item"] #itemMount b,
body[data-page="item"] #itemMount label{
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
body[data-page="item"] #itemMount .infobar{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}
body[data-page="item"] #itemMount .infobar > *{
  min-width:0;
}
body[data-page="item"] #itemMount .infobar b{
  text-align:right;
  margin-left:auto;
}
body[data-page="item"] #itemMount .ow-carousel-thumbs{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
}
body[data-page="item"] #itemMount .ow-carousel-thumbs .ow-thumb{
  flex:0 0 auto;
}
body[data-page="item"] #itemMount .product-card__img,
body[data-page="item"] #itemMount .product-card__img *{
  max-width:100% !important;
}
body[data-page="item"] #itemMount .glass.card:not(.ow-item-actions){
  overflow:hidden !important;
}
body[data-page="item"] #itemMount .ow-item-actions,
body[data-page="item"] #itemMount .ow-item-actions *{
  overflow:visible;
  word-break:normal;
  overflow-wrap:normal;
}

/* reviews accordion cards */
.reviews-accordion__trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:transparent;
  border:0;
  padding:0;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.reviews-accordion__body[hidden]{ display:none !important; }
.reviews-accordion__helper{
  margin-top:6px;
  font-size:12.5px;
  font-weight:700;
  opacity:.9;
  line-height:1.6;
}
.reviews-accordion__state{
  flex:0 0 auto;
}

/* about page modernized open-card copy */
body[data-page="about"] .pitch-card__text{
  color:#fff !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-size:14.5px;
  line-height:1.8;
  letter-spacing:.01em;
  font-weight:800 !important;
  background:rgba(0,0,0,.54);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-radius:18px;
  padding:14px 16px;
}
body[data-page="about"] .pitch-card__text ul{ margin:10px 0 0 18px; }
body[data-page="about"] .pitch-card__logo,
body[data-page="about"] .pitch-hero > img{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  mix-blend-mode:normal;
}

/* reviews page helper text remains readable */
body[data-page="reviews"] .review-section-intro{ color:#fff !important; opacity:.92; }


/* v13 item fit lock and pdf viewer stability */
body[data-page="item"] #itemMount,
body[data-page="item"] #itemMount *{ box-sizing:border-box; }
body[data-page="item"] #itemMount{ width:100%; max-width:100%; overflow-x:clip; }
body[data-page="item"] #itemMount .cube-grid,
body[data-page="item"] #itemMount .cube-grid > div,
body[data-page="item"] #itemMount .glass.card,
body[data-page="item"] #itemMount .glass.card > div{ width:100%; max-width:100%; min-width:0; }
body[data-page="item"] #itemMount .product-card__img,
body[data-page="item"] #itemMount #itemHeroImg{ width:100%; max-width:100%; }
body[data-page="item"] #itemMount .ow-carousel-thumbs{ display:flex; flex-wrap:nowrap; width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; }
body[data-page="item"] #itemMount .ow-thumb{ flex:0 0 auto; }
body[data-page="item"] #itemMount .infobar{ display:grid !important; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; }
body[data-page="item"] #itemMount .infobar > span,
body[data-page="item"] #itemMount .infobar > b{ min-width:0; max-width:100%; overflow-wrap:anywhere; }
body[data-page="item"] #itemMount .infobar > b{ text-align:right; }
body[data-page="item"] #itemMount .badge,
body[data-page="item"] #itemMount [class*="capsule"],
body[data-page="item"] #itemMount .muted,
body[data-page="item"] #itemMount p,
body[data-page="item"] #itemMount li,
body[data-page="item"] #itemMount .card__title{ overflow-wrap:anywhere; word-break:break-word; }
body[data-page="item"] #itemMount .ow-item-actions{ overflow-x:auto !important; overflow-y:hidden !important; }
body[data-page="item"] #itemMount .ow-item-actions > *{ flex:0 0 auto; }

#owFormViewerScroll .ow-form-pages{ display:grid; gap:14px; padding:16px; }
#owFormViewerScroll .ow-form-page{ margin:0; }
#owFormViewerScroll .ow-form-page img{ display:block; width:100%; height:auto; max-width:100%; background:#fff; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.24); }
#owFormViewerScroll iframe{ display:block; width:100%; height:100%; overflow:auto; }

body[data-page="reviews"] .reviews-accordion.is-open .reviews-accordion__state{ color:#fff; }
body[data-page="reviews"] .reviews-accordion__trigger{ padding-bottom:2px; }


/* v12 alignment / footer / secondary typography / stable backgrounds */
:root{ --ow-secondary-font: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
body[data-page="stocks"] .glass.card:first-of-type,
body[data-page="services"] .glass.card:first-of-type,
body[data-page="agriculture"] .glass.card:first-of-type,
body[data-page="home"] .home-shell__hero,
body[data-page="stocks"] .glass.card:first-of-type > div,
body[data-page="services"] .glass.card:first-of-type > div,
body[data-page="agriculture"] .glass.card:first-of-type > div{ text-align:center !important; justify-content:center !important; }
body[data-page="stocks"] .card__title,
body[data-page="services"] .card__title,
body[data-page="agriculture"] .card__title,
body[data-page="home"] .home-shell__headline,
body[data-page="home"] .home-shell__subhead,
body[data-page="home"] .home-shell__name{ text-align:center !important; }
body[data-page="stocks"] .card__title,
body[data-page="services"] .card__title,
body[data-page="agriculture"] .card__title{ width:100%; }
body[data-page="home"] .home-shell__brandtext,
body[data-page="home"] .home-shell__ctaRow{ margin-inline:auto !important; justify-content:center !important; }
body[data-page="contact"] .contact-location-text{ font-family:var(--ow-secondary-font) !important; letter-spacing:.02em; }
footer.simple{ position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; z-index:30 !important; pointer-events:none; }
footer.simple .container, footer.simple .row, [data-footer-line]{ pointer-events:auto; }
body{ padding-bottom:74px !important; }
@supports (padding:max(0px)){
  footer.simple{ padding-bottom:max(6px, env(safe-area-inset-bottom)) !important; }
  body{ padding-bottom:calc(74px + env(safe-area-inset-bottom)) !important; }
}
[data-footer-line]{ font-family:var(--ow-secondary-font) !important; font-weight:800 !important; }
body[data-page="stocks"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="services"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="agriculture"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="404"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="about"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="admin"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="appointment"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="auctions"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="cart"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="contact"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="garden"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="item"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="order-confirmation"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="policies"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="privacy"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="products"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="refund"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="updates-wall"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="vlog"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main),
body[data-page="linkedin"] :where(p, li, label, .muted, .tiny, .small, .infobar span, .ow-item-description, .ow-item-specs, .ow-item-specs li, .product-card__meta, .contact-location-text, input, textarea, select, option, .badge, .chip__sub, .chip__main){
  font-family:var(--ow-secondary-font) !important;
}
body[data-page="updates-wall"] .media-card .card__title,
body[data-page="updates-wall"] .media-card .muted,
body[data-page="updates-wall"] .media-card .infobar,
body[data-page="updates-wall"] .media-card .updates-rating{ font-family:var(--ow-secondary-font) !important; }

body[data-page="home"] .home-feature,
body[data-page="home"] .home-feature > div,
body[data-page="home"] .home-feature .card__title,
body[data-page="home"] .home-feature .muted{ text-align:center !important; }
body[data-page="home"] .home-feature .infobar{ justify-content:center !important; }
.admin-bg{ display:none !important; }
.bg-embed{ display:block !important; }
body[data-page="home"] .bg-embed, body[data-page="stocks"] .bg-embed, body[data-page="services"] .bg-embed, body[data-page="agriculture"] .bg-embed, body[data-page="checkout"] .bg-embed, body[data-page="admin"] .bg-embed, body.admin-page .bg-embed{ display:none !important; }


/* v13 fixes: restore scrollable rows, footer spacing, and black placeholder backgrounds */
:root{ --ow-footer-reserve: 112px; }
body{ padding-bottom: var(--ow-footer-reserve) !important; }
@supports (padding:max(0px)){
  body{ padding-bottom: calc(var(--ow-footer-reserve) + env(safe-area-inset-bottom)) !important; }
}
footer.simple{ position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; z-index:30 !important; pointer-events:none; }
footer.simple .container, footer.simple .row, [data-footer-line]{ pointer-events:auto; }
body[data-page="home"] .home-shell__ctaRow{
  margin-inline:0 !important;
  justify-content:flex-start !important;
  align-items:center !important;
  overflow-x:auto !important;
  padding-inline:0 !important;
  scroll-padding-left:0 !important;
}
body[data-page="home"] .home-shell__ctaRow .btn{ flex:0 0 auto !important; }
body[data-page="home"] .home-shell__hero,
body[data-page="home"] .home-shell__brandtext{ margin-inline:0 !important; }
body[data-page="home"] .home-shell__cards{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  border:0 !important;
}
body[data-page="home"] .home-feature .infobar{ justify-content:space-between !important; }
body[data-page="stocks"] main,
body[data-page="services"] main,
body[data-page="agriculture"] main,
body[data-page="home"] header.home-hero,
body[data-page="updates-wall"] main,
body[data-page="about"] main,
body[data-page="contact"] main,
body[data-page="garden"] main,
body[data-page="appointment"] main,
body[data-page="auctions"] main,
body[data-page="products"] main,
body[data-page="cart"] main,
body[data-page="item"] main,
body[data-page="reviews"] main,
body[data-page="vlog"] main,
body[data-page="linkedin"] main,
body[data-page="policies"] main,
body[data-page="refund"] main,
body[data-page="404"] main{
  padding-bottom: calc(var(--ow-footer-reserve) + 12px) !important;
}
body[data-page="stocks"] .glass.card:first-of-type,
body[data-page="services"] .glass.card:first-of-type,
body[data-page="agriculture"] .glass.card:first-of-type,
body[data-page="home"] .home-shell__hero,
body[data-page="stocks"] .glass.card:first-of-type > div,
body[data-page="services"] .glass.card:first-of-type > div,
body[data-page="agriculture"] .glass.card:first-of-type > div{
  text-align:initial !important;
  justify-content:flex-start !important;
}
body[data-page="stocks"] .card__title,
body[data-page="services"] .card__title,
body[data-page="agriculture"] .card__title,
body[data-page="home"] .home-shell__headline,
body[data-page="home"] .home-shell__subhead,
body[data-page="home"] .home-shell__name,
body[data-page="stocks"] .cube-grid > .glass.card > .card__title,
body[data-page="services"] .cube-grid > .glass.card > .card__title,
body[data-page="agriculture"] .cube-grid > .glass.card > .card__title{
  text-align:center !important;
}
body[data-page="stocks"] .dept-scroll,
body[data-page="services"] .dept-scroll,
body[data-page="agriculture"] .dept-scroll,
body[data-page="stocks"] #productsMount .grid,
body[data-page="services"] #productsMount .grid,
body[data-page="agriculture"] #productsMount .grid,
body[data-page="home"] .home-shell__ctaRow{
  scroll-padding-left:0 !important;
  padding-left:0 !important;
  justify-content:flex-start !important;
}
body[data-page="stocks"] .dept-scroll > *,
body[data-page="services"] .dept-scroll > *,
body[data-page="agriculture"] .dept-scroll > *{ margin-left:0 !important; }
body[data-page="home"], body[data-page="stocks"], body[data-page="services"], body[data-page="agriculture"],
body[data-page="404"], body[data-page="contact"], body[data-page="reviews"], body[data-page="vlog"], body[data-page="linkedin"], body[data-page="about"], body[data-page="testimonials"], body[data-page="timeline"], body[data-page="policies"], body[data-page="privacy"], body[data-page="refund"], body[data-page="order-confirmation"], body.admin-page, body[data-page="admin"], body[data-page="updates-wall"]{
  background-image:url("../assets/backgrounds/placeholder-black.png") !important;
  background-color:#000 !important;
}

/* round4 shared polish */
.bg-embed--crystal{ z-index:-4 !important; }
.bg-embed--crystal iframe{ opacity:1 !important; }
body:not([data-page="home"]):not([data-page="stocks"]):not([data-page="services"]):not([data-page="agriculture"]):not([data-page="admin"]):not([data-page="checkout"])::before{
  background-image:none !important;
  background:#05070c !important;
}
body[data-page="contact"] #teamMount .thumb{ display:flex; align-items:center; justify-content:center; overflow:hidden; }
body[data-page="contact"] #teamMount .thumb img{ width:100%; height:170px; object-fit:cover; }


/* round5 stabilization + footer ticker + honeycomb background */

:root{ --ow-footer-reserve: 96px; }
body{ padding-bottom: var(--ow-footer-reserve) !important; }
@supports (padding:max(0px)){
  body{ padding-bottom: calc(var(--ow-footer-reserve) + env(safe-area-inset-bottom)) !important; }
}
.utility__row3--moved{ display:none !important; }
body:not([data-page="home"]):not([data-page="stocks"]):not([data-page="services"]):not([data-page="agriculture"]):not([data-page="admin"]):not([data-page="checkout"]):not([data-page="404"])::before{
  background-image:none !important;
  background:#090b0f !important;
}
body:not([data-page="home"]):not([data-page="stocks"]):not([data-page="services"]):not([data-page="agriculture"]):not([data-page="admin"]):not([data-page="checkout"]):not([data-page="404"]) .bg-embed{ display:block !important; }
body:not([data-page="home"]):not([data-page="stocks"]):not([data-page="services"]):not([data-page="agriculture"]):not([data-page="admin"]):not([data-page="checkout"]):not([data-page="404"]) .bg-embed iframe{ opacity:1 !important; }

/* lighter page rendering */
body, .page, .glass.card, .utility, footer.simple{ backface-visibility:hidden; -webkit-font-smoothing:antialiased; }
.glass.card, .ow-glass{ will-change:auto !important; }
body[data-page="about"] .pitch-card__logoOrb,
body[data-page="about"] .pitch-card__logo{ will-change:auto !important; }

/* footer ticker becomes the footer itself */
footer.simple{
  position:fixed !important;
  left:0 !important; right:0 !important; bottom:0 !important;
  width:100% !important;
  z-index:40 !important;
  padding:0 !important;
  min-height:56px !important;
  background:linear-gradient(180deg, rgba(7,10,14,.92), rgba(8,10,14,.98)) !important;
  border-top:1px solid rgba(116,18,30,.65) !important;
  box-shadow:0 -10px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:blur(16px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(125%) !important;
}
footer.simple .container, footer.simple .row{
  display:block !important;
  width:min(100%, 1400px) !important;
  margin:0 auto !important;
  min-height:56px !important;
  padding:0 !important;
}
footer.simple .row > [data-footer-line], footer.simple .row > [data-footer-phone]{ display:none !important; }
.ow-ticker--footer{
  display:block !important;
  border:0 !important;
  background:transparent !important;
  width:100% !important;
}
.ow-ticker--footer .ow-ticker__inner{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:56px !important;
  padding:8px 14px !important;
}
.ow-ticker--footer .ow-ticker__label{
  flex:0 0 auto;
  min-width:58px;
  border-radius:999px !important;
  color:rgba(255,255,255,.96) !important;
  background:linear-gradient(180deg, rgba(96,8,18,.94), rgba(62,5,12,.98)) !important;
  border:1px solid rgba(185,70,82,.42) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.ow-ticker--footer .ow-ticker__track{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.ow-ticker--footer .ow-ticker__row{ min-height:32px !important; }
.ow-ticker--footer .ow-ticker__alert{
  color:#f4f6fb !important;
  text-shadow:none !important;
  padding:0 8px !important;
}
.ow-ticker--footer .ow-ticker__icon{
  width:18px !important; height:18px !important; border-radius:6px !important;
}

/* contact CEO image orientation restored */
body[data-page="contact"] #teamMount .thumb img[data-member-role="Chief Executive Officer"]{
  transform:none !important;
  object-fit:cover !important;
  background:transparent !important;
}

/* ensure content clears footer on all pages */
main.page,
body[data-page="home"] main,
body[data-page="about"] main,
body[data-page="contact"] main,
body[data-page="garden"] main,
body[data-page="appointment"] main,
body[data-page="auctions"] main,
body[data-page="products"] main,
body[data-page="cart"] main,
body[data-page="item"] main,
body[data-page="reviews"] main,
body[data-page="vlog"] main,
body[data-page="linkedin"] main,
body[data-page="policies"] main,
body[data-page="privacy"] main,
body[data-page="refund"] main,
body[data-page="updates-wall"] main,
body[data-page="order-confirmation"] main,
body[data-page="stock-item"] main,
body[data-page="testimonials"] main{
  padding-bottom: calc(var(--ow-footer-reserve) + 18px) !important;
}



/* === Round 6 fixes === */

/* versioned ticker state so the restored ticker starts ON again */
:root{ --ow-footer-reserve: 92px; }

/* footer/ticker visibility and interaction */
footer.simple{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  z-index:70 !important;
  padding:0 !important;
  min-height:58px !important;
  background:linear-gradient(180deg, rgba(6,8,12,.92), rgba(10,12,16,.98)) !important;
  border-top:1px solid rgba(116,18,30,.68) !important;
  box-shadow:0 -10px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:blur(16px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(125%) !important;
  pointer-events:none !important;
}
footer.simple .container,
footer.simple .row,
footer.simple .ow-ticker,
footer.simple .ow-ticker *{
  pointer-events:auto;
}
footer.simple .container,
footer.simple .row{
  display:block !important;
  width:min(100%, 100%) !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.ow-ticker.ow-ticker--footer{
  position:relative !important;
  inset:auto !important;
  z-index:2 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
}
.ow-ticker--footer .ow-ticker__inner{
  padding:10px 14px !important;
  min-height:58px !important;
}
.ow-ticker--footer .ow-ticker__row{
  min-height:30px !important;
  display:flex !important;
  align-items:center !important;
}
.ow-ticker--footer .ow-ticker__alert{
  width:100%;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#f5f7fb !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.ow-ticker--footer .ow-ticker__label{
  position:relative;
  z-index:3;
}
body{
  padding-bottom:calc(var(--ow-footer-reserve) + env(safe-area-inset-bottom, 0px)) !important;
}

/* uploaded page-specific backgrounds */
body[data-page="stocks"]{
  background-image:url("../assets/backgrounds/stock-upload-bg.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
body[data-page="services"]{
  background-image:url("../assets/backgrounds/service-upload-bg.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
body[data-page="agriculture"]{
  background-image:url("../assets/backgrounds/agriculture-upload-bg.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
body[data-page="home"] .hero__bg{
  object-fit:cover !important;
  object-position:center center !important;
}

/* apply HTML backgrounds as one unified full-page background */
body[data-page="about"],
body[data-page="appointment"],
body[data-page="contact"],
body[data-page="auctions"],
body[data-page="products"],
body[data-page="updates"],
body[data-page="garden"],
body[data-page="policies"],
body[data-page="cart"],
body[data-page="reviews"],
body[data-page="item"],
body[data-page="linkedin"],
body[data-page="vlog"],
body[data-page="stock-item"],
body[data-page="testimonials"],
body[data-page="invoice-admin"]{
  background:transparent !important;
  background-image:none !important;
}
body[data-page="privacy"],
body[data-page="refund"],
body[data-page="order-confirmation"],
body[data-page="checkout"]{
  background:transparent !important;
  background-image:none !important;
}
body[data-page="about"]::before,
body[data-page="appointment"]::before,
body[data-page="contact"]::before,
body[data-page="auctions"]::before,
body[data-page="products"]::before,
body[data-page="updates"]::before,
body[data-page="garden"]::before,
body[data-page="policies"]::before,
body[data-page="cart"]::before,
body[data-page="reviews"]::before,
body[data-page="item"]::before,
body[data-page="linkedin"]::before,
body[data-page="vlog"]::before,
body[data-page="stock-item"]::before,
body[data-page="testimonials"]::before,
body[data-page="invoice-admin"]::before,
body[data-page="privacy"]::before,
body[data-page="refund"]::before,
body[data-page="order-confirmation"]::before,
body[data-page="checkout"]::before{
  display:none !important;
}
.bg-embed{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  pointer-events:none !important;
}
.bg-embed iframe{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  opacity:1 !important;
}
body > *{
  position:relative;
  z-index:1;
}
main.page,
.page,
.ow-legal,
.ow-confirmation,
.updates-shell{
  background:transparent !important;
}
body[data-page="privacy"] .ow-legal-shell,
body[data-page="refund"] .ow-legal-shell,
body[data-page="order-confirmation"] .ow-confirm-shell,
body[data-page="checkout"] .checkout,
body[data-page="checkout"] .container{
  position:relative;
  z-index:1;
}

/* contact team photos */
body[data-page="contact"] #teamMount .thumb img{
  transform:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* center OurWorldTT between logo and hamburger */
body[data-page="home"] .home-shell__nav{
  position:relative;
}
body[data-page="home"] .home-shell__brand{
  min-width:auto !important;
}
body[data-page="home"] .home-shell__brandtext{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:max-content;
  max-width:calc(100% - 140px);
  text-align:center;
  pointer-events:none;
}
body[data-page="home"] .home-shell__name{
  text-align:center !important;
}
body[data-page="home"] .home-shell__links{
  visibility:hidden;
}
@media (max-width: 860px){
  body[data-page="home"] .home-shell__brandtext{
    max-width:calc(100% - 112px);
  }
}


/* Round 7: pages without footer/ticker */
body[data-page="home"],
body[data-page="item"],
body[data-page="cart"],
body[data-page="garden"]{
  padding-bottom: max(0px, env(safe-area-inset-bottom, 0px)) !important;
}
body[data-page="home"] .page,
body[data-page="item"] .page,
body[data-page="cart"] .page,
body[data-page="garden"] .page{
  padding-bottom: 0 !important;
}


/* --- v10 stock round follow-up fixes --- */
.utility--compact .utility__inner{
  padding-bottom: 2px !important;
}
.utility--compact .utility__row2,
.utility--compact .utility__row3{
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
}
.utility--compact .utility__collapseToggle{
  bottom: 8px !important;
}
.utility--compact .utility__row3 .ow-ticker,
.utility--compact .utility__row3 .ow-ticker__inner,
.utility--compact .utility__row3 .ow-ticker__track,
.utility--compact .utility__row3 .ow-ticker__row{
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ow-ticker__label{
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.ow-ticker--footer .ow-ticker__label:not(.ow-ticker__label--on),
.ow-ticker--inbar .ow-ticker__label:not(.ow-ticker__label--on){
  color:#ffffff !important;
}
.ow-ticker--footer .ow-ticker__label.ow-ticker__label--on,
.ow-ticker--inbar .ow-ticker__label.ow-ticker__label--on{
  color:#0b5f24 !important;
  border-color:rgba(11,95,36,.45) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.22), inset 0 0 0 999px rgba(18,116,45,.14) !important;
}

.product-card{
  background: linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0.12)) !important;
  backdrop-filter: blur(12px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
}


/* v10.1 utility compact refinement + bright LIVE state + stock card readability */
:root{
  --ow-live-green:#39ff67;
  --ow-live-green-glow:rgba(57,255,103,.32);
}
body:not(.admin-page) header.utility{
  top:0 !important;
  left:0 !important;
  right:0 !important;
  border-top:none !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
}
body:not(.admin-page) .utility__inner{
  width:min(var(--max), calc(100% - 6px)) !important;
  padding-top:3px !important;
  padding-bottom:12px !important;
}
body:not(.admin-page) .utility__row1{
  padding:4px 6px !important;
  gap:6px !important;
  min-height:44px !important;
}
body:not(.admin-page) .utility__group,
body:not(.admin-page) .utility__group--right{ gap:5px !important; }
body:not(.admin-page) .utility__row1 .btn--back,
body:not(.admin-page) .utility__row1 .btn--icon,
body:not(.admin-page) .utility__row1 .utility__logoBtn{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
}
body:not(.admin-page) .utility__row1 .utility__logoBtn img{
  width:24px !important;
  height:24px !important;
}
body:not(.admin-page) .utility__row1 .search,
body:not(.admin-page) .utility__row1 .search input{
  min-height:36px !important;
}
body:not(.admin-page) .utility__row1 .btn--back,
body:not(.admin-page) #backBtn{
  color:#fff !important;
}
body:not(.admin-page) .utility__row2{ margin-top:6px !important; }
body:not(.admin-page) .utility__row3{ margin-top:4px !important; }

.utility__collapseToggle{
  width:84px !important;
  height:14px !important;
  bottom:-4px !important;
  padding:0 !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.16)) !important;
  box-shadow:0 10px 20px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(14px) saturate(155%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(155%) !important;
}
.utility__collapseToggle::before{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  top:50% !important;
  height:2px !important;
  transform:translateY(-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,.94), rgba(255,255,255,.72)) !important;
  box-shadow:0 0 10px rgba(255,255,255,.16) !important;
}
.utility__collapseToggle::after{
  content:"" !important;
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  width:16px !important;
  height:8px !important;
  transform:translateY(-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(224,234,255,.86)) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.48), 0 0 12px rgba(255,255,255,.22) !important;
}
.utility--compact .utility__inner{
  padding-bottom:4px !important;
}
.utility--compact .utility__collapseToggle{
  bottom:2px !important;
}
.utility--compact .utility__row2,
.utility--compact .utility__row3{
  max-height:0 !important;
  margin-top:0 !important;
  opacity:0 !important;
  transform:translateY(-6px) !important;
}

.ow-ticker--footer .ow-ticker__label.ow-ticker__label--on,
.ow-ticker--inbar .ow-ticker__label.ow-ticker__label--on{
  color:var(--ow-live-green) !important;
  border-color:rgba(57,255,103,.42) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.22), inset 0 0 0 999px rgba(57,255,103,.12), 0 0 16px var(--ow-live-green-glow) !important;
  text-shadow:0 0 10px rgba(57,255,103,.45) !important;
}

.product-card{
  backdrop-filter:blur(10px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(145%) !important;
}

body[data-page="updates-wall"] .media-card,
body[data-page="updates-wall"] .updates-hero-carousel__slide{
  content-visibility:auto;
  contain:layout paint style;
}


/* v10.3 utility trim + catalog cards + helper text + auction mobile */

:root{ --ow-live-purple:#b56cff; --ow-lily-white:#f8f8ff; }
body:not(.admin-page) .utility__inner{ width:min(var(--max), calc(100% - 2px)) !important; padding-top:1px !important; padding-bottom:10px !important; }
body:not(.admin-page) .utility__row1{ padding:2px 4px !important; gap:5px !important; min-height:40px !important; }
.utility__collapseToggle{ width:34px !important; height:12px !important; bottom:-2px !important; border-radius:999px !important; }
.utility__collapseToggle::before{ left:8px !important; right:8px !important; height:2px !important; }
.utility__collapseToggle::after{ display:none !important; }
.utility--compact .utility__inner{ padding-bottom:1px !important; }
.utility--compact .utility__collapseToggle{ bottom:1px !important; }
body :where(.muted,.hero__subtitle,.review-section-intro,.reviews-accordion__helper,.item-meta,.chip__sub,.helper-text){ color:var(--ow-lily-white) !important; }
body[data-page="products"] .products,
body[data-page="stocks"] #productsMount .products,
body[data-page="services"] #productsMount .products,
body[data-page="agriculture"] #productsMount .products,
body[data-page="auction-catalog"] .products{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; }
body[data-page="stocks"] #productsMount.ow-quick-picks .products{ display:grid !important; grid-auto-flow:column !important; grid-auto-columns:minmax(180px, 220px) !important; grid-template-columns:none !important; overflow-x:auto !important; overflow-y:hidden !important; padding-bottom:6px !important; scroll-snap-type:x proximity; }
body[data-page="stocks"] #productsMount.ow-quick-picks .product-card{ scroll-snap-align:start; }
.product-card{ display:flex !important; flex-direction:column !important; gap:10px !important; }
.product-card__meta{ margin-top:0 !important; display:grid !important; grid-template-columns:1fr !important; gap:8px !important; }
.product-card__name{ color:#fff !important; font-weight:900 !important; }
.product-card__directory,.product-card__directory .muted{ color:#fff !important; font-weight:800 !important; }
.price{ color:var(--ow-live-purple) !important; font-weight:950 !important; }
.product-card__pills{ display:flex !important; justify-content:flex-start !important; gap:8px !important; }
.product-card__pills .badge,.badge.ow-capsule-dark,body[data-page="auction-catalog"] .badge{ background:rgba(0,0,0,.76) !important; border-color:rgba(255,255,255,.16) !important; color:#fff !important; }
.auction-layout{ display:grid; gap:16px; grid-template-columns:1.4fr 1fr; align-items:start; }
.auction-side{ display:grid; gap:16px; }
.auction-cta-row{ display:grid; gap:12px; grid-template-columns:1fr 0.9fr 1fr; align-items:stretch; }
.auction-cta-buttons{ display:grid; gap:10px; align-content:stretch; }
.auction-cta-buttons .btn{ min-height:54px; display:flex; flex-direction:column; justify-content:center; }
.auction-session-pill{ display:block; margin-top:6px; min-height:22px; padding:4px 8px; border-radius:999px; background:rgba(255,255,255,.94); color:#111 !important; font-weight:900; font-size:12px; }
.auction-history-drawer{ position:fixed; inset:0 auto 0 0; width:min(88vw, 360px); z-index:2300; transform:translateX(-104%); opacity:0; pointer-events:none; transition:transform .26s ease, opacity .26s ease; }
.auction-history-drawer.is-open{ transform:translateX(0); opacity:1; pointer-events:auto; }
.auction-history-drawer__backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.28); opacity:0; pointer-events:none; transition:opacity .26s ease; }
.auction-history-drawer.is-open + .auction-history-drawer__backdrop{ opacity:1; pointer-events:auto; }
.auction-history-drawer__panel{ height:100%; padding:14px; overflow:auto; border-radius:0 24px 24px 0; }
.auction-card--compact{ grid-column:span 4; }
.auction-card--compact .auction-card__img{ border-radius:16px; overflow:hidden; aspect-ratio:1/1; }
.auction-card--compact .auction-card__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.auction-card--compact .auction-card__actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.auction-card--compact .pill{ padding:6px 10px !important; }
@media (max-width: 900px){
  .auction-layout{ grid-template-columns:1fr !important; }
  .auction-side{ order:1; }
  .auction-lane{ order:2; }
  .auction-cta-row{ grid-template-columns:1fr 0.86fr 1fr; }
  #auctionsGrid.cube-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .auction-card--compact{ grid-column:span 1 !important; padding:10px !important; gap:8px !important; }
  .auction-card--compact .card__title{ font-size:14px !important; }
  .auction-card--compact .muted{ font-size:11px !important; }
  .auction-card--compact .auction-card__actions .btn{ padding:9px 8px !important; font-size:12px !important; }
  .auction-lane__head .auction-lane__actions{ display:none !important; }
}


/* v10.5 request patch: helper text black + page refinements */
body :where(.muted,.hero__subtitle,.review-section-intro,.reviews-accordion__helper,.item-meta,.chip__sub,.helper-text){ color:#111 !important; }
body[data-page="contact"] .contact-members :where(h3,p,span,.muted,.card__title,.contact-location-text),
body[data-page="contact"] .contact-location-text{ color:#111 !important; }
body[data-page="reviews"] .reviews-shell :where(h2,h3,h4,p,label,span,small,button:not(.ow-ticker__label),input,textarea,select,option,.muted,.badge,.thumb-label,.people-pane__title,.review-section-intro,.reviews-accordion__helper){ color:#111 !important; }
body[data-page="updates-wall"] .media-card .muted, body[data-page="updates-wall"] .media-card .card__title{ color:#111 !important; }
body[data-page="updates-wall"] .media-open-full, body[data-page="updates-wall"] .media-rate-badge{ background:rgba(160,160,170,.28) !important; color:#111 !important; border:1px solid rgba(0,0,0,.12) !important; border-radius:999px !important; padding:10px 12px !important; font-weight:900 !important; }
body[data-page="updates-wall"] .media-card{ display:flex; flex-direction:column; }
body[data-page="updates-wall"] .media-card .updates-rating, body[data-page="updates-wall"] .media-card .media-card__footer{ margin-top:auto; }
body[data-page="auctions"] .auction-layout{ align-items:start; }
body[data-page="auctions"] .auction-centre-copy{ max-width:40ch; margin-inline:auto; }
body[data-page="auctions"] .auction-cta-row{ display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:stretch; }
body[data-page="auctions"] .auction-cta-buttons{ display:grid; gap:8px; align-content:center; }
body[data-page="auctions"] .auction-card{ display:grid; gap:10px; }
body[data-page="auctions"] .auction-card__thumb img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:16px; }
body[data-page="auctions"] .auction-card__capsules{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
body[data-page="auctions"] .auction-card__count{ grid-column:1 / -1; text-align:center; }
body[data-page="auctions"] .auction-card__actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
body[data-page="auctions"] .auction-lane__head{ justify-content:center !important; }
body[data-page="auctions"] .auction-lane__actions{ display:none !important; }
body[data-page="auctions"] .auction-history-drawer__panel{ max-width:360px; }
@media (max-width: 900px){
  body[data-page="auctions"] .auction-cta-row{ grid-template-columns:1fr auto 1fr; }
  body[data-page="auctions"] .cube-grid#auctionsGrid, body[data-page="auctions"] #auctionsGrid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
}
body.admin-page .admin-title{ text-align:center; width:100%; }
body.admin-page .admin-status{ justify-content:center; width:100%; }
body.admin-page .admin-pillbar{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
body.admin-page .admin-pillwrap{ min-width:0; }
body.admin-page .admin-pill{ width:100%; }
body.admin-page .badge--muted, body.admin-page .muted, body.admin-page .field .muted, body.admin-page .tiny.muted{ color:#111 !important; }
body.admin-page input, body.admin-page textarea, body.admin-page select, body.admin-page option, body.admin-page .input{ color:#111 !important; caret-color:#111 !important; }
body.admin-page #logoutBtn, body.admin-page #failedPaymentsRefresh, body.admin-page #bankTransferRefresh, body.admin-page #plantAppsRefresh, body.admin-page #invLoad, body.admin-page #invDelete, body.admin-page [data-action="inject"], body.admin-page [data-action="restore"], body.admin-page #apiLoginBtn, body.admin-page #loginBtn{ background:#111 !important; color:#fff !important; border-color:#111 !important; }
body.admin-page #clearPendingBtn, body.admin-page #invAddNew, body.admin-page #invStageSave, body.admin-page [data-admin-auction-save]{ background:#6f3cff !important; color:#fff !important; border-color:#6f3cff !important; }
body.admin-page .auction-admin-scroll{ scrollbar-width:thin; }


/* v15 global font system + fixed backgrounds + service refinements */
:root{
  --ow-font-a: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ow-font-b: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ow-font-c: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ow-price-ocean: #2dc9ff;
}
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]){
  font-family:var(--ow-font-a) !important;
}
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) :where(p,li,label,input,textarea,select,option,.muted,.tiny,.small,.helper-text,.review-section-intro,.reviews-accordion__helper,.item-meta,.chip__sub,.contact-location-text,.product-card__directory,.product-card__meta){
  font-family:var(--ow-font-a) !important;
  font-size:clamp(11.2px,.92rem,13.2px) !important;
  line-height:1.5 !important;
}
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) :where(h1,h2,h3,.card__title,.hero__title,.reviews-title,.overlay__title,.menu__title,.modal__title){
  font-family:var(--ow-font-b) !important;
  letter-spacing:-.02em !important;
  line-height:1.08 !important;
}
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) h1,
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) .reviews-title{ font-size:clamp(24px,4vw,30px) !important; }
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) h2,
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) .card__title{ font-size:clamp(17px,2.8vw,22px) !important; }
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) h3{ font-size:clamp(15px,2.2vw,18px) !important; }
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) :where(button,.btn,.badge,.pill,.chip,.overlay .pill,.overlay .chip,.menu__links a,.search input,.utility__group .btn,.ow-item-actions .btn){
  font-family:var(--ow-font-c) !important;
  font-size:clamp(11px,.9rem,13px) !important;
  letter-spacing:.01em !important;
}
body:not([data-page="home"]):not([data-page="garden"]):not([data-page="checkout"]) :where(.hero__subtitle,.muted,.review-section-intro,.reviews-accordion__helper,.item-meta,.chip__sub,.helper-text){
  color:#111 !important;
}
.price, .ow-price, .product-card .price, #itemMount .price, .auction-card__price, .catalog-price{
  color:var(--ow-price-ocean) !important;
}
/* single-layer stock background */
body[data-page="stocks"]{
  background:none !important;
  background-image:none !important;
  background-color:#06090d !important;
}
body[data-page="stocks"]::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  background-image:url("../assets/backgrounds/stock-upload-bg.png") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  background-attachment:fixed !important;
  opacity:1 !important;
}
body[data-page="stocks"]::after{ display:none !important; }
body::before{ background-attachment:fixed !important; }
/* service product cards */
.product-card--service .product-card__directory{
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:11px !important;
}
.product-card--service .product-card__name{
  min-height:2.45em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.product-card--service .product-card__pills{ gap:6px !important; flex-wrap:wrap !important; }
.product-card--service .product-card__pills .badge{ font-size:10.5px !important; padding:7px 9px !important; }
.product-card--service-request .product-card__pills{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
.product-card--service-request .product-card__pills .badge{ text-align:center !important; justify-content:center !important; }
/* service request card */
#deptFormMount.dept-request-card{ display:block !important; width:100% !important; margin:0 0 14px !important; padding:16px !important; }
#deptFormMount.dept-request-card .input{ font-size:12px !important; padding:10px 12px !important; }
#deptFormMount.dept-request-card .btn{ padding:10px 14px !important; }
/* fixed background safety for pages with background embeds */
.bg-embed, .bg-embed iframe{ background-attachment:fixed !important; }


/* v10.5 follow-up fixes */
body[data-page="reviews"] .reviews-title-capsule,
body[data-page="reviews"] .reviews-title-capsule *{ color:#fff !important; }

/* larger media fit across cards and item pages */
.product-card__img,
.media-thumb,
.gallery,
.item-gallery,
#itemMount .product-card__img,
.auction-card__thumb{
  width:calc(100% + 8px) !important;
  margin-left:-4px !important;
  margin-right:-4px !important;
  border-radius:18px !important;
  overflow:hidden !important;
}
.product-card__img img,
.media-thumb img,
.gallery__strip img,
.item-gallery__strip img,
#itemMount .product-card__img img,
.auction-card__thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* cleaner catalog header */
#productsHeader .glass.card{ padding:14px 16px !important; }
#productsHeader .ow-catalog-head{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:10px !important; align-items:start !important; }
#productsHeader .ow-catalog-title-row{ display:flex !important; justify-content:space-between !important; align-items:center !important; gap:10px !important; }
#productsHeader .ow-catalog-title-row .ow-count{ color:#111 !important; font-weight:900 !important; white-space:nowrap !important; }
#productsHeader .ow-catalog-actions{ display:flex !important; gap:10px !important; align-items:center !important; flex-wrap:wrap !important; justify-content:flex-end !important; }
#productsHeader .ow-catalog-actions #catalogFilterBtn{ order:99 !important; margin-left:auto !important; }

/* auction card sizing fixes */
.auction-card__capsules{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:8px !important; align-items:center !important; margin-top:10px !important; }
.auction-card__capsule--value{ min-width:0 !important; justify-content:center !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.auction-card__capsule--count{ min-width:38px !important; width:auto !important; padding-inline:10px !important; justify-content:center !important; white-space:nowrap !important; }
.auction-card__count{ grid-column:1 / -1 !important; width:100% !important; text-align:center !important; white-space:nowrap !important; }
.auction-card{ display:flex !important; flex-direction:column !important; }
.auction-card__body{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; }
.auction-card__actions{ margin-top:auto !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; align-items:end !important; }

/* service product card organization */
.product-card--service .product-card__meta{ display:grid !important; gap:7px !important; }
.product-card--service .product-card__name{ font-size:15px !important; line-height:1.15 !important; }
.product-card--service .product-card__directory{ display:block !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; font-size:11px !important; line-height:1.1 !important; }
.product-card--service .product-card__pills{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; }
.product-card--service .badge{ font-size:11px !important; padding:7px 9px !important; }

/* stock page single background from clean reference */
body[data-page="stocks"]{
  --ow-page-bg:url("../assets/backgrounds/stock-upload-bg.png") !important;
  background:none !important;
  background-image:none !important;
  background-color:#06090d !important;
}
body[data-page="stocks"]::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:var(--ow-page-bg) center center / cover no-repeat !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
body[data-page="stocks"]::after{ content:none !important; display:none !important; }
body[data-page="stocks"] .bg-embed{ display:none !important; }


/* final follow-up fixes */
#auctionModal .modal__panel{ width:min(92vw, 360px) !important; max-width:360px !important; }
#auctionModal .modal__body{ padding-top:8px !important; }
.auction-card__capsules{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:8px !important; align-items:center !important; }
.auction-card__capsule--value{ min-width:0 !important; white-space:nowrap !important; }
.auction-card__capsule--count{ width:auto !important; min-width:44px !important; justify-self:end !important; text-align:center !important; }
.auction-card__count{ grid-column:1 / -1 !important; white-space:nowrap !important; text-align:center !important; }
.auction-card__body{ display:grid !important; min-height:100% !important; }
.auction-card__actions{ margin-top:auto !important; align-items:end !important; }
@media (max-width: 900px){
  .auction-item-layout{ grid-template-columns:1fr !important; }
}
body[data-page="products"] .ow-catalog-head{ display:grid !important; gap:10px !important; }
body[data-page="products"] .ow-catalog-title-row{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
body[data-page="products"] .ow-catalog-actions--stacked{ display:grid !important; grid-template-columns:auto 1fr auto !important; gap:10px !important; align-items:center !important; }
body[data-page="products"] .ow-catalog-actions--stacked #sortSelect{ width:100% !important; min-width:0 !important; }
body[data-page="products"] .ow-catalog-actions--stacked #catalogFilterBtn{ justify-self:end !important; }
body[data-page="products"] .ow-catalog-actions--stacked #catalogResetBtn{ justify-self:start !important; }
body[data-page="products"] .ow-count{ color:#000 !important; font-weight:900 !important; }
body[data-page="stocks"]{ background:none !important; }
body[data-page="stocks"]::after{ content:none !important; display:none !important; }
body[data-page="stocks"]::before{ content:'' !important; position:fixed !important; inset:0 !important; background-image:url("../assets/backgrounds/stock-upload-bg.png") !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; background-attachment:fixed !important; z-index:-3 !important; }
body[data-page="stocks"] main, body[data-page="stocks"] .page, body[data-page="stocks"] .container, body[data-page="stocks"] section{ background:transparent !important; }
body[data-page="updates-wall"] .media-thumb img, body[data-page="updates-wall"] .media-thumb video{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }

/* safer catalog header layout overrides */
body[data-page="products"] #productsHeader .ow-catalog-head{display:grid!important;gap:10px!important;align-items:center!important;}
body[data-page="products"] #productsHeader .ow-catalog-head>div:first-child{min-width:0!important;}
body[data-page="products"] #productsHeader .ow-catalog-head>div:first-child>.muted{display:none!important;}
body[data-page="products"] #productsHeader .ow-catalog-actions{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;width:100%!important;}
body[data-page="products"] #productsHeader .ow-catalog-actions #sortSelect{order:2!important;width:100%!important;min-width:0!important;}
body[data-page="products"] #productsHeader .ow-catalog-actions #catalogResetBtn{order:1!important;justify-self:start!important;}
body[data-page="products"] #productsHeader .ow-catalog-actions #catalogFilterBtn{order:3!important;justify-self:end!important;}
body[data-page="products"] #productsHeader .ow-count{color:#000!important;font-weight:900!important;}


/* refined auction + item layouts */
body[data-page="auctions"] .auction-centre-shell{padding:14px !important;}
body[data-page="auctions"] .auction-cta-row{margin-top:12px; grid-template-columns:1fr .78fr 1fr !important; gap:10px !important; align-items:stretch !important;}
body[data-page="auctions"] .auction-cta-row > .glass.card{padding:10px 10px 12px !important; min-height:168px !important; display:flex !important; flex-direction:column !important;}
body[data-page="auctions"] .auction-cta-row > .glass.card h3{margin-bottom:6px !important; font-size:16px !important;}
body[data-page="auctions"] .auction-session-form{display:grid !important; gap:8px !important; min-height:100% !important; align-content:start !important;}
body[data-page="auctions"] .auction-session-form .input{min-height:38px !important; padding:10px 12px !important;}
body[data-page="auctions"] .auction-session-submit{margin-top:auto !important; min-height:40px !important; padding:10px 12px !important;}
body[data-page="auctions"] .auction-cta-buttons{display:grid !important; grid-template-rows:repeat(3,1fr) !important; gap:8px !important; align-content:stretch !important;}
body[data-page="auctions"] .auction-cta-buttons .btn{min-height:0 !important; height:46px !important; padding:8px 8px !important; font-size:12px !important; display:flex !important; align-items:center !important; justify-content:center !important;}
body[data-page="auctions"] .auction-card{display:flex !important; flex-direction:column !important; padding:10px !important; gap:8px !important; min-height:0 !important;}
body[data-page="auctions"] .auction-card__thumb{display:block !important; aspect-ratio:1/1 !important; min-height:142px !important; max-height:180px !important; background:rgba(255,255,255,.08) !important; border-radius:16px !important; overflow:hidden !important;}
body[data-page="auctions"] .auction-card__thumb img{width:100% !important; height:100% !important; object-fit:cover !important; display:block !important;}
body[data-page="auctions"] .auction-card__body{display:flex !important; flex-direction:column !important; gap:6px !important; flex:1 1 auto !important;}
body[data-page="auctions"] .auction-card__title{font-size:14px !important; line-height:1.18 !important; margin:0 !important;}
body[data-page="auctions"] .auction-card__subtitle{margin:0 !important; font-size:11px !important; font-weight:800 !important;}
body[data-page="auctions"] .auction-card__capsules{margin-top:4px !important;}
body[data-page="auctions"] .auction-card__actions{margin-top:auto !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important;}
body[data-page="auctions"] .auction-card__actions .btn{padding:9px 8px !important; min-height:38px !important; font-size:12px !important;}
body[data-page="auctions"] .cube-grid > .auction-card--compact{grid-column:span 1 !important;}
body[data-page="auctions"] #auctionsGrid.cube-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important;}
body[data-page="auction-catalog"] .products{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important;}
body[data-page="auction-catalog"] .products .auction-card--compact{width:100% !important;}
#auctionModal .modal__panel{max-width:360px !important; width:min(92vw,360px) !important;}
#auctionModal .modal__body{padding:14px !important;}
.auction-bid-pop{display:grid !important; gap:10px !important; min-width:0 !important;}
.auction-bid-pop .input{min-height:42px !important;}
.auction-item-minirow{display:grid; gap:16px; grid-template-columns:1fr 1fr;}
.auction-session-card--compact,.auction-bid-card--compact{min-height:0 !important;}
.auction-session-card--compact .auction-session-form .input{min-height:38px !important;}
.auction-session-card--compact .auction-session-submit{min-height:40px !important;}
.ow-item-shell{padding:14px !important;}
.ow-item-top{display:grid !important; grid-template-columns:1.12fr .92fr !important; gap:16px !important; align-items:start !important;}
.ow-item-media{display:grid !important; gap:10px !important;}
.ow-item-hero-media{min-height:280px !important; max-height:460px !important; overflow:hidden !important;}
.ow-item-hero-media img{object-fit:cover !important;}
@media (max-width: 900px){.ow-item-top{grid-template-columns:1fr !important;} .auction-item-layout{grid-template-columns:1fr !important;}}
@media (max-width: 760px){body[data-page="auctions"] .auction-cta-row{grid-template-columns:1fr .78fr 1fr !important; gap:8px !important;} body[data-page="auctions"] .auction-cta-row > .glass.card{min-height:156px !important; padding:8px !important;} body[data-page="auctions"] .auction-cta-buttons .btn{height:42px !important; font-size:11px !important;} body[data-page="auctions"] #auctionsGrid.cube-grid, body[data-page="auction-catalog"] .products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .auction-item-minirow{grid-template-columns:1fr 1fr !important;}}


/* vNext auction compact refinement */
body[data-page="auctions"] .auction-centre-shell{
  padding:12px !important;
}
body[data-page="auctions"] .auction-centre-shell > .card__title{
  margin-bottom:2px !important;
}
body[data-page="auctions"] .auction-centre-copy{
  margin-top:8px !important;
  font-size:12px !important;
  line-height:1.3 !important;
}
body[data-page="auctions"] .auction-cta-row{
  margin-top:10px !important;
  grid-template-columns:1fr .78fr 1fr !important;
  gap:8px !important;
  align-items:stretch !important;
}
body[data-page="auctions"] .auction-cta-row > .glass.card{
  min-height:132px !important;
  padding:8px 8px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
body[data-page="auctions"] .auction-cta-row > .glass.card h3{
  margin:0 0 6px !important;
  font-size:15px !important;
  line-height:1.02 !important;
}
body[data-page="auctions"] .auction-cta-buttons{
  gap:6px !important;
  align-content:stretch !important;
}
body[data-page="auctions"] .auction-cta-buttons .btn{
  min-height:40px !important;
  height:40px !important;
  padding:8px 8px !important;
  font-size:11px !important;
  line-height:1 !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
body[data-page="auctions"] #auctionMySessionBtn{
  min-height:48px !important;
  height:48px !important;
  position:relative !important;
  padding-top:7px !important;
  padding-bottom:18px !important;
}
body[data-page="auctions"] .auction-session-pill{
  position:absolute !important;
  left:50% !important;
  bottom:6px !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  min-height:12px !important;
  min-width:26px !important;
  font-size:10px !important;
  padding:2px 7px !important;
  line-height:1 !important;
}
body[data-page="auctions"] .auction-session-form{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  height:100% !important;
}
body[data-page="auctions"] .auction-session-form .input{
  min-height:34px !important;
  padding:8px 10px !important;
  font-size:12px !important;
}
body[data-page="auctions"] .auction-session-form .muted{
  min-height:0 !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.1 !important;
}
body[data-page="auctions"] .auction-session-submit{
  margin-top:auto !important;
  min-height:38px !important;
  padding:8px 10px !important;
  font-size:12px !important;
  line-height:1.05 !important;
}
body[data-page="auctions"] .auction-session-form--load .input{
  margin-top:4px !important;
}
body[data-page="auctions"] .auction-session-form--load .auction-session-submit{
  margin-top:auto !important;
}

body[data-page="auctions"] .auction-lane,
body[data-page="auction-catalog"] #auctionCatalogMount .products{
  min-width:0 !important;
}
body[data-page="auctions"] #auctionsGrid,
body[data-page="auction-catalog"] #auctionCatalogMount .products{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
body[data-page="auctions"] .auction-card,
body[data-page="auction-catalog"] .auction-card{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:8px !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}
body[data-page="auctions"] .auction-card__thumb,
body[data-page="auction-catalog"] .auction-card__thumb{
  display:block !important;
  aspect-ratio:1 / 0.86 !important;
  min-height:108px !important;
  max-height:136px !important;
  background:rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
body[data-page="auctions"] .auction-card__thumb img,
body[data-page="auction-catalog"] .auction-card__thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
body[data-page="auctions"] .auction-card__body,
body[data-page="auction-catalog"] .auction-card__body{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  flex:1 1 auto !important;
  min-height:0 !important;
}
body[data-page="auctions"] .auction-card__title,
body[data-page="auction-catalog"] .auction-card__title{
  font-size:14px !important;
  line-height:1.08 !important;
  margin:0 !important;
}
body[data-page="auctions"] .auction-card__subtitle,
body[data-page="auction-catalog"] .auction-card__subtitle{
  margin:0 !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
}
body[data-page="auctions"] .auction-card__capsules,
body[data-page="auction-catalog"] .auction-card__capsules{
  margin-top:2px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:6px !important;
  align-items:center !important;
}
body[data-page="auctions"] .auction-card__capsule,
body[data-page="auction-catalog"] .auction-card__capsule{
  min-height:34px !important;
  padding:7px 10px !important;
  font-size:11px !important;
  line-height:1 !important;
}
body[data-page="auctions"] .auction-card__capsule--count,
body[data-page="auction-catalog"] .auction-card__capsule--count{
  min-width:34px !important;
  padding-inline:8px !important;
}
body[data-page="auctions"] .auction-card__count,
body[data-page="auction-catalog"] .auction-card__count{
  grid-column:1 / -1 !important;
  width:100% !important;
  text-align:center !important;
  white-space:nowrap !important;
}
body[data-page="auctions"] .auction-card__actions,
body[data-page="auction-catalog"] .auction-card__actions{
  margin-top:auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  align-items:end !important;
}
body[data-page="auctions"] .auction-card__actions .btn,
body[data-page="auction-catalog"] .auction-card__actions .btn{
  min-height:38px !important;
  height:38px !important;
  padding:8px 8px !important;
  font-size:12px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
@media (max-width:760px){
  body[data-page="auctions"] .auction-cta-row > .glass.card{min-height:124px !important;}
  body[data-page="auctions"] .auction-cta-buttons .btn{min-height:38px !important; height:38px !important; font-size:10.5px !important;}
  body[data-page="auctions"] .auction-card__thumb,
  body[data-page="auction-catalog"] .auction-card__thumb{min-height:98px !important; max-height:122px !important;}
}


/* Final auction session/card polish */
body[data-page="auctions"] .auction-cta-buttons{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:6px !important;
  min-height:112px !important;
  padding-block:2px !important;
}
body[data-page="auctions"] .auction-cta-buttons .btn,
body[data-page="auctions"] .auction-cta-buttons .auction-browse-btn{
  min-height:38px !important;
  height:38px !important;
  padding:7px 8px !important;
  font-size:11px !important;
  line-height:1.05 !important;
}
body[data-page="auctions"] .auction-cta-row > .glass.card{
  min-height:118px !important;
}
body[data-page="auctions"] .auction-session-form--load{
  min-height:100% !important;
}
body[data-page="auctions"] .auction-session-inline{
  display:grid !important;
  gap:4px !important;
  align-content:start !important;
}
body[data-page="auctions"] .auction-my-session-inline{
  min-height:32px !important;
  height:32px !important;
  padding:6px 10px !important;
  font-size:11px !important;
  line-height:1 !important;
}
body[data-page="auctions"] .auction-session-pill--inline{
  position:static !important;
  transform:none !important;
  margin:0 !important;
  min-height:16px !important;
  min-width:0 !important;
  width:max-content !important;
  max-width:100% !important;
  padding:3px 8px !important;
  font-size:10px !important;
  line-height:1 !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .16s ease !important;
}
body[data-page="auctions"] .auction-session-pill--inline.is-open{
  opacity:1 !important;
}
body[data-page="auctions"] .auction-session-form--load .auction-session-submit{
  margin-top:auto !important;
}
body[data-page="auctions"] .auction-session-form--load .input{
  margin-top:2px !important;
}
body[data-page="auctions"] .auction-card,
body[data-page="auction-catalog"] .auction-card{
  gap:6px !important;
  padding:8px !important;
}
body[data-page="auctions"] .auction-card__thumb,
body[data-page="auction-catalog"] .auction-card__thumb{
  aspect-ratio:1 / .78 !important;
  min-height:96px !important;
  max-height:118px !important;
}
body[data-page="auctions"] .auction-card__body,
body[data-page="auction-catalog"] .auction-card__body{
  gap:5px !important;
}
body[data-page="auctions"] .auction-card__actions,
body[data-page="auction-catalog"] .auction-card__actions{
  margin-top:6px !important;
}
body[data-page="auctions"] .auction-card__actions .btn,
body[data-page="auction-catalog"] .auction-card__actions .btn{
  min-height:34px !important;
  height:34px !important;
  padding:7px 8px !important;
  font-size:11px !important;
}
body[data-page="auctions"] #auctionsGrid .auction-card__actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
}

/* round-12 final catalog + appointment overlay corrections */
body[data-page="products"] #productsHeader .ow-catalog-head,
body[data-page="stocks"] #productsHeader .ow-catalog-head,
body[data-page="services"] #productsHeader .ow-catalog-head,
body[data-page="agriculture"] #productsHeader .ow-catalog-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;
}
body[data-page="products"] #productsHeader .ow-catalog-title-row,
body[data-page="stocks"] #productsHeader .ow-catalog-title-row,
body[data-page="services"] #productsHeader .ow-catalog-title-row,
body[data-page="agriculture"] #productsHeader .ow-catalog-title-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
}
body[data-page="products"] #productsHeader .ow-catalog-controls--strict,
body[data-page="stocks"] #productsHeader .ow-catalog-controls--strict,
body[data-page="services"] #productsHeader .ow-catalog-controls--strict,
body[data-page="agriculture"] #productsHeader .ow-catalog-controls--strict{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-areas:"filter sort reset" !important;
  gap:10px !important;
  align-items:center !important;
  width:100% !important;
}
body[data-page="products"] #productsHeader #catalogFilterBtn,
body[data-page="stocks"] #productsHeader #catalogFilterBtn,
body[data-page="services"] #productsHeader #catalogFilterBtn,
body[data-page="agriculture"] #productsHeader #catalogFilterBtn{
  grid-area:filter !important;
  justify-self:start !important;
  margin:0 !important;
}
body[data-page="products"] #productsHeader #sortSelect,
body[data-page="stocks"] #productsHeader #sortSelect,
body[data-page="services"] #productsHeader #sortSelect,
body[data-page="agriculture"] #productsHeader #sortSelect{
  grid-area:sort !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  justify-self:stretch !important;
  margin:0 !important;
}
body[data-page="products"] #productsHeader #catalogResetBtn,
body[data-page="stocks"] #productsHeader #catalogResetBtn,
body[data-page="services"] #productsHeader #catalogResetBtn,
body[data-page="agriculture"] #productsHeader #catalogResetBtn{
  grid-area:reset !important;
  justify-self:end !important;
  margin:0 !important;
}
body[data-page="products"] #productsHeader .ow-catalog-label,
body[data-page="stocks"] #productsHeader .ow-catalog-label,
body[data-page="services"] #productsHeader .ow-catalog-label,
body[data-page="agriculture"] #productsHeader .ow-catalog-label{
  display:none !important;
}

#dateDrawer .appt-actions-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:16px !important;
  align-items:stretch !important;
}
#dateDrawer .appt-inputs{
  display:grid !important;
  gap:14px !important;
  align-content:start !important;
  min-width:0 !important;
}
#dateDrawer .appt-buttons{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  align-content:stretch !important;
  width:min(38vw, 300px) !important;
  min-width:180px !important;
}
#dateDrawer .appt-buttons .btn{
  min-height:82px !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
}
#dateDrawer .appt-inputs .field{
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
}
#dateDrawer .appt-inputs .field input{
  width:100% !important;
  min-height:82px !important;
}
@media (max-width: 680px){
  #dateDrawer .appt-actions-grid{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:12px !important;
  }
  #dateDrawer .appt-buttons{
    min-width:150px !important;
    width:min(36vw, 220px) !important;
    gap:12px !important;
  }
  #dateDrawer .appt-buttons .btn,
  #dateDrawer .appt-inputs .field,
  #dateDrawer .appt-inputs .field input{
    min-height:72px !important;
  }
}


/* auction bid popup compact */
#auctionModal .modal__panel{ width:min(92vw, 300px) !important; max-width:300px !important; }
#auctionModal .auction-bid-pop{ display:grid !important; gap:10px !important; margin:0 !important; }
#auctionModal .auction-bid-pop .input{ width:100% !important; }
#auctionModal .auction-bid-pop .btn{ width:100% !important; }
#auctionModal .modal__body{ padding:12px !important; }

body[data-page="auction-item"] .auction-item-minirow{ align-items:stretch !important; }
body[data-page="auction-item"] .auction-item-minirow > .glass.card{ height:100% !important; }
body[data-page="auction-item"] .auction-session-card .auction-session-form{ min-height:100% !important; }
body[data-page="auction-item"] .auction-session-card .auction-session-submit{ margin-top:auto !important; }
body[data-page="auctions"] .auction-session-form .auction-session-submit{ margin-top:auto !important; }


/* Final auction item/page refinements */
#auctionModal,
#auctionModal .modal__panel,
#auctionModal .modal__head,
#auctionModal .modal__body{background-image:none !important;}
#auctionModal .modal__panel{width:min(88vw,240px) !important; max-width:240px !important;}
#auctionModal .modal__body{padding:10px !important;}
#auctionModal .auction-bid-pop{display:grid !important; gap:8px !important; margin:0 !important;}
#auctionModal .auction-bid-pop .input{min-height:40px !important; width:100% !important;}
#auctionModal .auction-bid-pop .btn{width:100% !important; min-height:40px !important;}
#auctionModal .auction-bid-pop--notice{padding:2px 0 !important;}
.auction-fill-btn{width:100% !important; justify-content:center !important;}
.auction-session-form--stack{display:grid !important; gap:10px !important; min-height:100% !important;}
.auction-session-form--stack .auction-session-submit{margin-top:auto !important;}
.auction-item-layout .auction-bid-card,
.auction-item-layout .auction-session-card{min-height:280px !important;}
.auction-item-layout .auction-session-inline{display:grid !important; gap:8px !important;}
.auction-item-layout .auction-session-pill--inline{margin-top:2px !important; min-height:24px !important;}
.auction-item-layout #auctionMySessionPill.is-open{display:inline-flex !important;}

/* Auction bid modal compact sizing */
.modal__panel.auction-modal--bid{
  width:min(360px, calc(100% - 34px));
  height:auto;
  max-height:420px;
  min-height:0;
  background:rgba(245,245,248,0.96);
  border-radius:24px;
}
.modal__body.auction-modal--bid-body{
  padding:12px 14px 14px;
  background:transparent;
}
.auction-bid-pop--compact{
  width:min(100%, 290px);
  margin:0 auto;
  display:grid;
  gap:10px;
}
.auction-bid-pop--compact .input,
.auction-bid-pop--compact .btn{
  width:100%;
}
.auction-bid-pop--compact .btn{
  min-height:54px;
}
.auction-bid-pop--notice{
  width:min(100%, 260px);
  margin:0 auto;
}

/* final quick patch: auction session anchors + footer live collapse */
body[data-page="auctions"] .auction-session-form--create,
body[data-page="auctions"] .auction-session-form--load,
body[data-page="auction-item"] .auction-session-form--load{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:100% !important;
  gap:8px !important;
}
body[data-page="auctions"] .auction-session-form--create .input,
body[data-page="auctions"] .auction-session-form--load .input,
body[data-page="auction-item"] .auction-session-form--load .input{
  width:100% !important;
}
body[data-page="auctions"] .auction-session-form--create .auction-session-submit,
body[data-page="auctions"] .auction-session-form--load .auction-session-submit,
body[data-page="auction-item"] .auction-session-form--load .auction-session-submit{
  margin-top:auto !important;
}
body[data-page="auctions"] .auction-session-form--create .auction-session-msg:empty,
body[data-page="auctions"] .auction-session-form--load .auction-session-msg:empty,
body[data-page="auction-item"] .auction-session-form--load .auction-session-msg:empty{
  display:none !important;
}
body[data-page="auctions"] .auction-cta-row > .glass.card{
  min-height:132px !important;
}
body[data-page="auctions"] #auctionCreateSessionMount,
body[data-page="auctions"] #auctionLoadSessionMount{
  display:flex !important;
  flex:1 1 auto !important;
}

#auctionModal .modal__panel.auction-modal--bid{
  width:min(78vw, 220px) !important;
  max-width:220px !important;
  border-radius:20px !important;
}
#auctionModal .modal__body.auction-modal--bid-body{
  padding:8px 10px 10px !important;
}
#auctionModal .auction-bid-pop--compact{
  width:100% !important;
  gap:6px !important;
}
#auctionModal .auction-bid-pop--compact .input,
#auctionModal .auction-bid-pop--compact .btn{
  min-height:38px !important;
}
#auctionModal .auction-bid-pop--compact #auctionBidMsg{
  min-height:0 !important;
  line-height:1.2 !important;
}

body.ow-footer-collapsed{
  --ow-footer-reserve: 34px;
}
body.ow-footer-collapsed footer.simple{
  min-height:34px !important;
  padding:2px 0 max(2px, env(safe-area-inset-bottom)) !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker--footer{
  min-height:30px !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker__inner{
  justify-content:center !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker__track,
body.ow-footer-collapsed footer.simple .ow-ticker__row{
  max-width:0 !important;
  width:0 !important;
  min-width:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker__label{
  margin:0 auto !important;
}

/* final refinement: auction item stability + footer live collapse */
body[data-page="auction-item"] .auction-bid-card__inner{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
body[data-page="auction-item"] .auction-desc-box{
  flex:0 0 auto !important;
  min-height:auto !important;
  max-height:none !important;
  align-self:stretch !important;
}
body[data-page="auction-item"] #auctionLoadSessionMount,
body[data-page="auctions"] #auctionCreateSessionMount,
body[data-page="auctions"] #auctionLoadSessionMount{
  display:flex !important;
  flex:1 1 auto !important;
  min-height:0 !important;
}
body[data-page="auctions"] .auction-session-form--create{
  justify-content:flex-end !important;
}
body[data-page="auctions"] .auction-session-form--create .input{
  margin:0 !important;
}
body[data-page="auctions"] .auction-session-form--create .auction-session-submit{
  margin-top:auto !important;
}
body[data-page="auction-item"] .auction-session-form--load{
  justify-content:flex-end !important;
}
body[data-page="auction-item"] .auction-session-form--load .auction-session-submit{
  margin-top:auto !important;
}
body[data-page="auction-item"] .auction-session-pill--inline{
  margin-top:6px !important;
}

footer.simple{
  overflow:hidden !important;
  transition:min-height .24s ease, padding .24s ease, transform .24s ease !important;
}
footer.simple .ow-ticker__track,
footer.simple .ow-ticker__row,
footer.simple .ow-ticker__inner{
  transition:opacity .22s ease, max-height .22s ease, transform .22s ease !important;
}
body.ow-footer-open footer.simple{
  min-height:58px !important;
}
body.ow-footer-collapsed footer.simple{
  min-height:34px !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker__inner{
  min-height:30px !important;
  padding:2px 12px max(2px, env(safe-area-inset-bottom)) !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker__track,
body.ow-footer-collapsed footer.simple .ow-ticker__row{
  transform:translateY(18px) !important;
}
body.ow-footer-open footer.simple .ow-ticker__track,
body.ow-footer-open footer.simple .ow-ticker__row{
  transform:translateY(0) !important;
}


/* final patch: auction spec consistency + create button anchor + unified live footer strip */
body[data-page="auctions"] .auction-session-form--anchored{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  min-height:100% !important;
  height:100% !important;
  gap:10px !important;
}
body[data-page="auctions"] .auction-session-form--anchored .auction-session-submit{
  margin-top:auto !important;
  align-self:stretch !important;
}
body[data-page="auctions"] #auctionCreateSessionMount,
body[data-page="auctions"] #auctionCreateSessionMount > form{
  min-height:100% !important;
  height:100% !important;
}
body[data-page="auction-item"] .auction-specs-card ul{
  display:grid !important;
  gap:10px !important;
}
body[data-page="auction-item"] .auction-desc-box{
  position:static !important;
  transform:none !important;
  contain:layout paint !important;
  overflow:hidden !important;
}
footer.simple{
  transition:transform .26s ease, opacity .2s ease !important;
  will-change:transform !important;
}
body.ow-footer-open footer.simple{
  transform:translateY(0) !important;
  opacity:1 !important;
  pointer-events:none !important;
}
body.ow-footer-open footer.simple .container,
body.ow-footer-open footer.simple .row,
body.ow-footer-open footer.simple .ow-ticker__inner,
body.ow-footer-open footer.simple .ow-ticker__label,
body.ow-footer-open footer.simple .ow-ticker__track{
  pointer-events:auto !important;
}
body.ow-footer-collapsed footer.simple{
  transform:translateY(calc(100% - 34px)) !important;
  min-height:58px !important;
  opacity:1 !important;
  pointer-events:none !important;
}
body.ow-footer-collapsed footer.simple .container,
body.ow-footer-collapsed footer.simple .row,
body.ow-footer-collapsed footer.simple .ow-ticker__inner{
  overflow:visible !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker__inner{
  min-height:34px !important;
  padding:2px 12px max(2px, env(safe-area-inset-bottom)) !important;
  justify-content:center !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker__track,
body.ow-footer-collapsed footer.simple .ow-ticker__row{
  max-height:0 !important;
  height:0 !important;
  width:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
  transform:none !important;
}
body.ow-footer-collapsed footer.simple .ow-ticker__label{
  pointer-events:auto !important;
  margin:0 auto !important;
}

/* final patch: remove auction short description and keep create button inside card */
body[data-page="auctions"] .auction-cta-row > .glass.card{
  display:flex !important;
  flex-direction:column !important;
}
body[data-page="auctions"] #auctionCreateSessionMount,
body[data-page="auctions"] #auctionLoadSessionMount{
  flex:1 1 auto !important;
  display:flex !important;
  min-height:0 !important;
}
body[data-page="auctions"] .auction-session-form--anchored{
  min-height:unset !important;
  height:auto !important;
  flex:1 1 auto !important;
}
body[data-page="auctions"] .auction-session-form--anchored .auction-session-submit{
  margin-top:auto !important;
  width:100% !important;
}
body[data-page="auction-item"] .auction-bid-card__inner > .btn.btn--secondary{
  width:min(100%,220px) !important;
  align-self:center !important;
}


body[data-page="auction-item"] .auction-session-form--item{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-height:100% !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-inline{
  display:grid !important;
  gap:8px !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-load-bottom{
  margin-top:auto !important;
  display:grid !important;
  gap:10px !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-submit{
  margin-top:0 !important;
  width:100% !important;
  min-height:46px !important;
}
body[data-page="auction-item"] .auction-session-form--item .input{
  margin-bottom:0 !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-msg:empty{
  display:none !important;
}


/* tiny final spacing patch: keep auction controls lower and aligned */
body[data-page="auctions"] .auction-session-form--anchored{
  justify-content:flex-end !important;
  gap:8px !important;
  padding-top:10px !important;
}
body[data-page="auctions"] .auction-session-form--anchored .input{
  margin-top:0 !important;
}
body[data-page="auctions"] .auction-session-form--anchored .auction-session-submit{
  margin-top:0 !important;
}
body[data-page="auctions"] .auction-session-form--stack{
  justify-content:flex-end !important;
  gap:8px !important;
  padding-top:10px !important;
}
body[data-page="auctions"] .auction-session-form--stack .auction-session-inline{
  display:flex !important;
  justify-content:center !important;
}
body[data-page="auctions"] .auction-session-form--stack .auction-my-session-inline{
  width:100% !important;
  max-width:190px !important;
  min-height:42px !important;
  height:42px !important;
  margin:0 auto !important;
  padding:8px 12px !important;
  font-size:15px !important;
  border-radius:18px !important;
}
body[data-page="auctions"] .auction-session-form--stack .input,
body[data-page="auctions"] .auction-session-form--stack .auction-session-submit{
  margin-top:0 !important;
}
body[data-page="auctions"] .auction-cta-buttons{
  align-content:end !important;
  padding-top:10px !important;
}

body[data-page="auction-item"] .auction-session-card .card__title,
body[data-page="auction-item"] .auction-bid-card .card__title{
  margin-bottom:2px !important;
}
body[data-page="auction-item"] .auction-session-form--item{
  justify-content:flex-end !important;
  gap:8px !important;
  padding-top:8px !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-inline{
  margin-top:auto !important;
  gap:6px !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-my-session-inline{
  min-height:42px !important;
  height:42px !important;
  padding:8px 12px !important;
  border-radius:18px !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-pill--inline{
  min-height:22px !important;
  margin-top:0 !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-load-bottom{
  gap:8px !important;
}
body[data-page="auction-item"] .auction-bid-card__inner{
  gap:8px !important;
}
body[data-page="auction-item"] .auction-bid-card__inner > div[style*="margin-top:auto"]{
  gap:6px !important;
}
body[data-page="auction-item"] .auction-back-btn{
  max-width:none !important;
  min-height:42px !important;
  height:42px !important;
  margin:0 !important;
}


/* final screenshot patch: auction item spacing + auction page my session stack */
body[data-page="auctions"] .auction-session-form--stack{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-height:100% !important;
}
body[data-page="auctions"] .auction-session-inline--stack{
  display:grid !important;
  gap:8px !important;
  margin-top:auto !important;
}
body[data-page="auctions"] .auction-session-pill--stack{
  display:inline-flex !important;
  min-height:24px !important;
  width:100% !important;
  justify-content:center !important;
  margin:0 !important;
}
body[data-page="auctions"] .auction-session-pill--stack:not(.is-open){
  opacity:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  border-width:0 !important;
}
body[data-page="auctions"] .auction-session-load-bottom--stack{
  display:grid !important;
  gap:8px !important;
}
body[data-page="auctions"] .auction-session-form--stack .auction-my-session-inline,
body[data-page="auctions"] .auction-session-form--stack .input,
body[data-page="auctions"] .auction-session-form--stack .auction-session-submit{
  width:100% !important;
}
body[data-page="auction-item"] .auction-session-card,
body[data-page="auction-item"] .auction-bid-card{
  min-height:0 !important;
}
body[data-page="auction-item"] .auction-bid-card__inner{
  justify-content:flex-start !important;
}
body[data-page="auction-item"] .auction-bid-card__inner > div[style*="display:grid"]{
  margin-top:0 !important;
}
body[data-page="auction-item"] .auction-session-form--item{
  justify-content:flex-end !important;
  min-height:100% !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-inline{
  margin-top:auto !important;
}
body[data-page="auction-item"] .auction-session-form--item .auction-session-load-bottom{
  margin-top:0 !important;
}
body[data-page="auction-item"] .auction-back-btn,
body[data-page="auction-item"] #auctionBidBtn,
body[data-page="auction-item"] .auction-session-form--item .auction-session-submit{
  min-height:44px !important;
}


/* final screenshot correction: tighter load-session stack on auctions + auction item */
body[data-page="auctions"] .auction-session-form--stack,
body[data-page="auction-item"] .auction-session-form--item{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-height:100% !important;
}
body[data-page="auctions"] .auction-session-form--stack .auction-my-session-inline,
body[data-page="auction-item"] .auction-session-form--item .auction-my-session-inline{
  width:100% !important;
  min-height:44px !important;
  height:44px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 12px !important;
  margin:0 !important;
}
body[data-page="auctions"] .auction-session-form--stack .auction-session-pill--inline,
body[data-page="auction-item"] .auction-session-form--item .auction-session-pill--inline{
  width:100% !important;
  max-width:100% !important;
  min-height:22px !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  margin:0 !important;
}
body[data-page="auctions"] .auction-session-pill--stack:not(.is-open),
body[data-page="auction-item"] .auction-session-form--item .auction-session-pill--inline:not(.is-open){
  opacity:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  border-width:0 !important;
  overflow:hidden !important;
}
body[data-page="auctions"] .auction-session-form--stack .auction-session-load-bottom,
body[data-page="auction-item"] .auction-session-form--item .auction-session-load-bottom{
  display:grid !important;
  gap:8px !important;
  margin-top:0 !important;
}
body[data-page="auction-item"] .auction-session-card > div,
body[data-page="auction-item"] .auction-bid-card__inner{
  justify-content:flex-end !important;
}
body[data-page="auction-item"] .auction-session-card .card__title,
body[data-page="auction-item"] .auction-bid-card .card__title{
  margin-bottom:4px !important;
}
body[data-page="auction-item"] .auction-bid-card__inner > div[style*='display:grid']{
  gap:6px !important;
}
body[data-page="auction-item"] .auction-back-btn{
  margin-top:0 !important;
}
