/* tamPrime "Blue liquid glass" theme — pale blue sky with soft colour blobs, frosted-glass panels and gradient pill buttons.
   Turned on in Admin → Design → Store theme. Every colour comes from Admin → Design → Theme colors & glass
   (css-variables.liquid writes them as --g-*), so the shop can be recoloured without touching this file. */
:root.skin-glass {
  --tp-brand: var(--g-brand); --tp-brand-dark: color-mix(in srgb, var(--g-brand) 78%, #000); --tp-accent: var(--g-accent); --tp-sale: var(--g-red);
  --tp-ink: #0f1c3f; --tp-sub: #4b5768; --tp-bg: #f3f6ff; --tp-soft: #eef2fb; --tp-line: #e3e8f4;
  --tp-header-bg: var(--g-glass); --tp-header-ink: #0f1c3f; --tp-footer-bg: color-mix(in srgb, var(--g-brand) 92%, #000); --tp-footer-ink: #e9efff;
  --tp-radius: var(--g-radius); --tp-btn-radius: var(--g-btn-radius);
}
.skin-glass body { background: linear-gradient(180deg, var(--g-sky) 0, #f3f6ff 38%, #ffffff 100%) fixed; }
.skin-glass body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(620px 620px at -4% 22%, var(--g-blob) 0%, transparent 68%), radial-gradient(760px 760px at 104% -8%, color-mix(in srgb, var(--g-blob) 80%, #fff) 0%, transparent 66%), radial-gradient(700px 700px at 60% 110%, color-mix(in srgb, var(--g-blob) 55%, #fff) 0%, transparent 66%); }

/* ---- glass surfaces ---- */
.skin-glass .tp-header, .skin-glass .tp-svc, .skin-glass .tp-card, .skin-glass .tpd-deals, .skin-glass .tp-btile, .skin-glass .tp-trio-card.tp-trio-cream, .skin-glass .tp-trio-card.tp-trio-mint, .skin-glass .tp-trio-card.tp-trio-sky,
.skin-glass .tp-prices, .skin-glass .tp-pd, .skin-glass .tp-dlv, .skin-glass .tp-pricebox, .skin-glass .auc-card, .skin-glass .auc-box, .skin-glass .auc-how, .skin-glass .tpx-card, .skin-glass .tp-cstrip-in, .skin-glass .tp-faq-item, .skin-glass .tp-visit, .skin-glass .tp-conf {
  background: var(--g-glass) !important; -webkit-backdrop-filter: blur(var(--g-blur)) saturate(1.6); backdrop-filter: blur(var(--g-blur)) saturate(1.6);
  border: 1px solid var(--g-edge) !important; box-shadow: var(--g-shadow); }
.skin-glass .tp-card { padding: 10px; border-radius: calc(var(--g-radius) - 2px); }
.skin-glass .tp-card-img { background: rgba(255,255,255,.9); border-color: #fff; border-radius: calc(var(--g-radius) - 8px); }

/* ---- top bar + floating header ---- */
.skin-glass .tp-announce.tp-util { background: transparent; color: #334066; }
.skin-glass .tp-util b { color: var(--g-brand); }
.skin-glass .tp-util-r a { color: #334066 !important; }
.skin-glass .tp-header-section { top: 0; padding-top: 8px; }
.skin-glass .tp-header { position: relative; width: min(100%, calc(var(--tp-page) + 40px)); margin: 0 auto; box-sizing: border-box; border-radius: var(--g-radius); overflow: visible; box-shadow: 0 12px 40px rgba(var(--g-brand-rgb),.12), inset 0 1px 0 rgba(255,255,255,.95); color: #0f1c3f; background: var(--g-glass-strong) !important; }
.skin-glass .tp-header a, .skin-glass .tp-header .tp-head-label, .skin-glass .tp-header .tp-head-label *, .skin-glass .tp-header button, .skin-glass .tp-store-chip, .skin-glass .tp-store-chip * { color: #0f1c3f !important; }
.skin-glass .tp-head-row { min-height: 72px; }
.skin-glass .tp-search input { background: rgba(255,255,255,.88); border: 1px solid rgba(var(--g-brand-rgb),.16); border-radius: 999px; box-shadow: inset 0 1px 2px rgba(var(--g-brand-rgb),.06); }
.skin-glass .tp-search input:focus { border-color: var(--g-accent); box-shadow: 0 0 0 4px rgba(var(--g-accent-rgb),.22); }
.skin-glass .tp-search-go { background: var(--g-btn) !important; border-radius: 999px; }
.skin-glass .tp-search-go svg { color: #fff; stroke: #fff; }
.skin-glass .tp-count { background: var(--g-accent); color: #fff; }
.skin-glass .tp-nav { background: transparent; border-top: 1px solid rgba(var(--g-brand-rgb),.08); border-bottom: 0; border-radius: 0 0 var(--g-radius) var(--g-radius); }
.skin-glass .tp-nav a { color: #0f1c3f; }
.skin-glass .tp-nav a:hover, .skin-glass .tp-nav a[aria-current="page"] { border-bottom-color: var(--g-brand); }
.skin-glass .tp-body .tp-nav-hot { color: #0f1c3f !important; }
.skin-glass .tp-body .tp-nav-auc { color: #b42318 !important; }
.skin-glass .tp-nav-auc .tp-nav-dot { background: var(--g-red); box-shadow: 0 0 0 3px rgba(225,29,46,.18); }
.skin-glass .tp-nav-season .tp-nav-dot { background: #f97316; }
.skin-glass .tp-mbar { background: var(--g-glass-strong); -webkit-backdrop-filter: blur(var(--g-blur)); backdrop-filter: blur(var(--g-blur)); border-top: 1px solid var(--g-edge); }
@media (max-width: 720px) {
  .skin-glass .tp-header-section { padding-top: 0; }
  .skin-glass .tp-header { width: 100%; border-radius: 0 0 18px 18px; }
  .skin-glass .tp-nav { border-radius: 0 0 18px 18px; }
}

/* ---- buttons and cards ---- */
.skin-glass .tp-btn:not(.is-ghost), .skin-glass .tp-card-add:not(.is-alt):not(.is-done), .skin-glass .auc-btn:not(.is-ghost), .skin-glass .tph-btn, .skin-glass .tp-plusband-cta .tp-btn-gold {
  background: var(--g-btn) !important; color: #fff !important; border: 0; border-radius: var(--g-btn-radius); box-shadow: 0 8px 18px rgba(var(--g-brand-rgb),.25); }
.skin-glass .tp-btn:not(.is-ghost):hover, .skin-glass .tp-card-add:not(.is-alt):hover { filter: brightness(1.06); }
.skin-glass .tp-btn.is-ghost, .skin-glass .tp-card-add.is-alt { background: rgba(255,255,255,.8) !important; border: 1.5px solid rgba(var(--g-brand-rgb),.35) !important; color: var(--g-brand) !important; border-radius: var(--g-btn-radius); }
.skin-glass .tp-card.is-auc .tp-card-add { background: var(--g-red) !important; }
.skin-glass .tp-rank { background: var(--g-brand) !important; }
.skin-glass .tp-eyebrow { color: var(--g-brand); }
.skin-glass .tp-link, .skin-glass .tp-link-arrow { color: var(--g-brand); }

/* ---- benefits bar ---- */
.skin-glass .tp-svc { border-radius: var(--g-radius); overflow: hidden; }
.skin-glass .tp-svc li { border-left-color: rgba(var(--g-brand-rgb),.08); }
.skin-glass .tp-svc-ico { background: rgba(var(--g-brand-rgb),.08); color: var(--g-brand); border-radius: 12px; }
.skin-glass .tp-svc-ico.is-gold { background: color-mix(in srgb, var(--g-yellow) 30%, #fff); color: #7a5300; }

/* ---- shop by price: white glass tiles with a big number, last tile = gradient ---- */
.skin-glass .tp-btile { --ink: #0f1c3f; min-height: 0; padding: 18px; border-radius: calc(var(--g-radius) - 4px); color: #0f1c3f !important; background-image: none !important; }
.skin-glass .tp-btile::before, .skin-glass .tp-btile::after { display: none !important; }
.skin-glass .tp-btile > span:nth-child(2) { display: none; }
.skin-glass .tp-btile-big { font-size: 22px; font-weight: 900; letter-spacing: -.02em; }
.skin-glass .tp-btile em { font-style: normal; color: #4b5768; font-size: 13px; }
.skin-glass .tp-btile.tp-c-holly { background: var(--g-btn) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 10px 24px rgba(var(--g-brand-rgb),.22); }
.skin-glass .tp-btile.tp-c-holly em { color: #dfe6ff; }
.skin-glass .tp-btile.tp-c-holly svg { color: #fff; }

/* ---- feature banners (tp-promo-trio), deals, plus band, footer ---- */
.skin-glass .tp-trio-card { border-radius: var(--g-radius); }
.skin-glass .tp-trio-dark, .skin-glass .tp-trio-blue { background: linear-gradient(160deg, var(--g-brand), color-mix(in srgb, var(--g-brand) 60%, #000)) !important; box-shadow: 0 14px 36px rgba(var(--g-brand-rgb),.18); }
.skin-glass .tp-trio-cream, .skin-glass .tp-trio-mint, .skin-glass .tp-trio-sky { color: #0f1c3f !important; }
.skin-glass .template-index .tpd-clock { background: var(--g-brand); }
.skin-glass .tp-plusband-in { background: linear-gradient(160deg, color-mix(in srgb, var(--g-yellow) 25%, #fff), color-mix(in srgb, var(--g-yellow) 55%, #fff)); border: 1px solid var(--g-edge); border-radius: var(--g-radius); color: #0b1a5e; }
.skin-glass .tp-footer { background: var(--tp-footer-bg); border-radius: var(--g-radius) var(--g-radius) 0 0; }
.skin-glass .tp-faq-item, .skin-glass .tp-visit { border-radius: var(--g-radius); }

/* ---- $1 auctions pages ---- */
.skin-glass .auc-hero { background: linear-gradient(120deg, var(--g-brand), var(--g-accent) 70%, color-mix(in srgb, var(--g-accent) 50%, #fff)); border-radius: var(--g-radius); margin: 14px auto 0; width: min(100%, calc(var(--tp-page) + 40px)); box-sizing: border-box; box-shadow: 0 24px 60px rgba(var(--g-brand-rgb),.22); }
.skin-glass .auc-hero .auc-k { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 14px; }
.skin-glass .auc-tabs a { background: rgba(255,255,255,.75); border: 1px solid rgba(var(--g-brand-rgb),.16); color: #0f1c3f; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.skin-glass .auc-tabs a[aria-current="page"] { background: var(--g-brand); border-color: var(--g-brand); color: #fff; }
.skin-glass .auc-card { border-radius: var(--g-radius); padding: 10px; }
.skin-glass .auc-card-img { border-radius: calc(var(--g-radius) - 8px); background: rgba(255,255,255,.9); }
.skin-glass .auc-tag { border-radius: 999px; background: rgba(15,28,63,.8); color: #fff; font-weight: 800; }
.skin-glass .auc-tag:not(.is-far) { background: var(--g-red); }
.skin-glass .auc-heart { background: rgba(255,255,255,.94); border-radius: 50%; }
.skin-glass .auc-price { font-weight: 900; }
.skin-glass .auc-how { border-radius: var(--g-radius); }
.skin-glass .auc-strip, .skin-glass .tp-auc-home .auc-strip { background: var(--g-glass) !important; -webkit-backdrop-filter: blur(var(--g-blur)) saturate(1.6); backdrop-filter: blur(var(--g-blur)) saturate(1.6); border: 1px solid var(--g-edge); box-shadow: var(--g-shadow); color: #0f1c3f; border-radius: var(--g-radius); }
.skin-glass .auc-strip-h .auc-live { color: #b42318; } .skin-glass .auc-strip-h .auc-dot { background: var(--g-red); }
.skin-glass .auc-strip-h a { color: var(--g-brand); }
.skin-glass .auc-mini { background: rgba(255,255,255,.85) !important; color: #0f1c3f !important; border: 1px solid #fff; border-radius: 14px; }
.skin-glass .auc-mini .l { color: #b42318; }
.skin-glass .auc-sheet { border-radius: var(--g-radius) var(--g-radius) 0 0; }

/* ---- the home page hero built for this theme (sections/tp-glass-hero) ---- */
.skin-glass .tph-snow { display: none; }

@media (prefers-reduced-transparency: reduce) {
  .skin-glass .tp-header, .skin-glass .tp-card, .skin-glass .tp-btile, .skin-glass .auc-card, .skin-glass .tp-svc, .skin-glass .tp-mbar { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fff !important; }
}
@supports not (backdrop-filter: blur(1px)) {
  .skin-glass .tp-header, .skin-glass .tp-card, .skin-glass .tp-btile, .skin-glass .auc-card, .skin-glass .tp-svc, .skin-glass .tp-mbar { background: var(--g-glass-strong) !important; }
}