:root{--ts-shell-bg:rgba(255,255,255,.84);--ts-shell-border:rgba(148,163,184,.2);--ts-shell-text:#0f172a;--ts-shell-muted:#64748b;--ts-shell-active:#07111f;--ts-shell-accent:#22d3ee;--ts-bottom-h:68px}html[data-market-theme="dark"],body.theme-dark{--ts-shell-bg:rgba(2,6,23,.86);--ts-shell-border:rgba(255,255,255,.1);--ts-shell-text:#f8fafc;--ts-shell-muted:rgba(255,255,255,.56);--ts-shell-active:#fff}.ts-site-header{position:fixed;inset:12px 0 auto;z-index:9990;padding:0 16px;pointer-events:none}.ts-site-header__inner{max-width:1240px;min-height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 10px 8px 12px;border:1px solid var(--ts-shell-border);border-radius:22px;background:var(--ts-shell-bg);box-shadow:0 18px 50px rgba(15,23,42,.12);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);pointer-events:auto}.ts-brand{display:flex;align-items:center;gap:10px;color:var(--ts-shell-text);text-decoration:none;min-width:185px}.ts-brand__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#06111f;background:linear-gradient(135deg,#67e8f9,#60a5fa);box-shadow:0 12px 28px rgba(14,165,233,.22)}.ts-brand__mark svg{width:27px;height:27px}.ts-brand__copy{display:flex;flex-direction:column;line-height:1}.ts-brand__copy strong{font-size:14px;font-weight:950;letter-spacing:-.02em}.ts-brand__copy small{margin-top:5px;color:var(--ts-shell-muted);font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.ts-desktop-nav{display:flex;align-items:center;justify-content:center;gap:2px}.ts-desktop-nav a{min-height:42px;display:inline-flex;align-items:center;padding:0 12px;border-radius:12px;color:var(--ts-shell-muted);font-size:12px;font-weight:850;text-decoration:none;transition:.18s ease}.ts-desktop-nav a:hover,.ts-desktop-nav a.is-active{color:var(--ts-shell-text);background:rgba(14,165,233,.1)}.ts-header-actions{display:flex;align-items:center;gap:7px}.ts-icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--ts-shell-border);border-radius:12px;color:var(--ts-shell-text);background:transparent;cursor:pointer;text-decoration:none}.ts-icon-button svg{width:20px;height:20px}.ts-icon-button:hover{background:rgba(14,165,233,.1)}.ts-theme-moon{display:none}.theme-dark .ts-theme-sun,html[data-market-theme="dark"] .ts-theme-sun{display:none}.theme-dark .ts-theme-moon,html[data-market-theme="dark"] .ts-theme-moon{display:block}.ts-account-button{min-height:42px;display:inline-flex;align-items:center;padding:0 16px;border-radius:12px;color:#06111f;background:linear-gradient(135deg,#67e8f9,#60a5fa);font-size:12px;font-weight:950;text-decoration:none}.ts-mobile-top-actions{display:none}.ts-mobile-nav{display:none}.ts-public-page{padding-top:92px}.theme-dark .ts-site-header__inner{box-shadow:0 18px 50px rgba(0,0,0,.34)}@media(max-width:980px){.ts-desktop-nav{display:none}.ts-brand{min-width:auto}.ts-brand__copy small{display:none}}@media(max-width:768px){body{padding-bottom:calc(var(--ts-bottom-h) + env(safe-area-inset-bottom,0px))!important}.ts-site-header{display:none}.ts-mobile-top-actions{position:fixed;top:0;left:0;right:0;z-index:9988;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--ts-shell-border);background:var(--ts-shell-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.ts-mobile-brand{display:flex;align-items:center;gap:8px;color:var(--ts-shell-text);text-decoration:none}.ts-mobile-brand__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#06111f;background:linear-gradient(135deg,#67e8f9,#60a5fa);font-size:11px;font-weight:950}.ts-mobile-brand strong{font-size:13px;font-weight:950}.ts-mobile-top-actions__right{display:flex;gap:6px}.ts-mobile-top-actions .ts-icon-button{width:38px;height:38px;border-radius:10px}.ts-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:9995;height:calc(var(--ts-bottom-h) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,1fr);padding:0 0 env(safe-area-inset-bottom,0px);border-top:1px solid var(--ts-shell-border);border-radius:0!important;background:var(--ts-shell-bg);box-shadow:0 -10px 30px rgba(15,23,42,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ts-mobile-nav a{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:0!important;color:var(--ts-shell-muted);text-decoration:none}.ts-mobile-nav a::before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;border-radius:0;background:transparent}.ts-mobile-nav a svg{width:21px;height:21px}.ts-mobile-nav a small{font-size:9px;font-weight:850;white-space:nowrap}.ts-mobile-nav a.is-active{color:var(--ts-shell-text);background:rgba(14,165,233,.08)}.ts-mobile-nav a.is-active::before{background:linear-gradient(90deg,#22d3ee,#60a5fa)}.ts-public-page{padding-top:66px}.theme-dark .ts-mobile-nav{box-shadow:0 -10px 30px rgba(0,0,0,.32)}}
.ts-mobile-nav button{border:0;background:transparent;font:inherit}.ts-mobile-more-sheet{display:none}@media(max-width:768px){.ts-mobile-nav .ts-mobile-more{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ts-shell-muted);cursor:pointer}.ts-mobile-nav .ts-mobile-more::before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:transparent}.ts-mobile-nav .ts-mobile-more svg{width:21px;height:21px}.ts-mobile-nav .ts-mobile-more small{font-size:9px;font-weight:850}.ts-mobile-nav .ts-mobile-more.is-active{color:var(--ts-shell-text);background:rgba(14,165,233,.08)}.ts-mobile-nav .ts-mobile-more.is-active::before{background:linear-gradient(90deg,#22d3ee,#60a5fa)}.ts-mobile-more-sheet{position:fixed;inset:0;z-index:10020;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.ts-mobile-more-sheet.is-open{opacity:1;visibility:visible;pointer-events:auto}.ts-more-backdrop{position:absolute;inset:0;border:0;background:rgba(2,6,23,.46);backdrop-filter:blur(5px)}.ts-more-card{position:absolute;left:8px;right:8px;bottom:calc(var(--ts-bottom-h) + env(safe-area-inset-bottom,0px) + 8px);max-height:min(66dvh,560px);overflow:auto;padding:14px;border:1px solid var(--ts-shell-border);border-radius:22px;background:var(--ts-shell-bg);box-shadow:0 28px 80px rgba(0,0,0,.3);transform:translateY(18px) scale(.98);transition:transform .28s cubic-bezier(.22,1,.36,1)}.ts-mobile-more-sheet.is-open .ts-more-card{transform:none}.ts-more-card>header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 12px;color:var(--ts-shell-text)}.ts-more-card>header div{display:flex;flex-direction:column}.ts-more-card>header small{color:var(--ts-shell-muted);font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.ts-more-card>header strong{font-size:20px;font-weight:950}.ts-more-card>header button{width:38px;height:38px;border:1px solid var(--ts-shell-border);border-radius:11px;color:var(--ts-shell-text);background:transparent;font-size:22px}.ts-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ts-more-grid a{min-height:92px;display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--ts-shell-border);border-radius:15px;color:var(--ts-shell-text);background:rgba(14,165,233,.04);text-decoration:none}.ts-more-grid svg{width:22px;height:22px;flex:0 0 auto;color:#0891b2}.ts-more-grid span{display:flex;flex-direction:column;gap:5px}.ts-more-grid strong{font-size:13px;font-weight:950}.ts-more-grid small{color:var(--ts-shell-muted);font-size:10px;font-weight:700;line-height:1.35}.ts-more-theme{width:100%;min-height:46px;margin-top:9px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid var(--ts-shell-border);border-radius:14px;color:var(--ts-shell-text);background:transparent}.ts-more-theme span{font-size:12px;font-weight:800}.ts-more-theme strong{font-size:11px;font-weight:950;color:#0891b2}}


/* ======================================================================
   SMART SCROLL CHROME — shared public header and mobile navigation
   ====================================================================== */
:root{
  --ts-shell-motion: cubic-bezier(.22,1,.36,1);
  --ts-shell-hide-distance: 112%;
}
.ts-site-header,
.ts-mobile-top-actions,
.ts-mobile-nav{
  will-change: transform,opacity;
  transition:
    transform .34s var(--ts-shell-motion),
    opacity .22s ease,
    box-shadow .22s ease,
    visibility .22s ease;
}
.ts-site-header.is-scroll-hidden{
  transform:translate3d(0,calc(-100% - 20px),0);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.ts-site-header.is-scroll-visible{
  transform:translate3d(0,0,0);
  opacity:1;
  visibility:visible;
}
.ts-site-header.is-scrolled .ts-site-header__inner{
  box-shadow:0 16px 42px rgba(15,23,42,.16);
}
html[data-market-theme="dark"] .ts-site-header.is-scrolled .ts-site-header__inner{
  box-shadow:0 18px 48px rgba(0,0,0,.4);
}
@media(max-width:768px){
  .ts-mobile-top-actions.is-scroll-hidden{
    transform:translate3d(0,calc(-100% - 4px),0);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .ts-mobile-nav.is-scroll-hidden{
    transform:translate3d(0,var(--ts-shell-hide-distance),0);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .ts-mobile-top-actions.is-scroll-visible,
  .ts-mobile-nav.is-scroll-visible{
    transform:translate3d(0,0,0);
    opacity:1;
    visibility:visible;
  }
  /* Keep the reserved bottom safe-area stable while the bar is hidden.
     Changing --ts-bottom-h here caused the page to jump during scrolling. */
}
@media(prefers-reduced-motion:reduce){
  .ts-site-header,.ts-mobile-top-actions,.ts-mobile-nav{
    transition:none!important;
  }
}

.ts-header-search{width:min(260px,22vw);height:42px;display:flex;align-items:center;gap:6px;padding:4px 5px 4px 12px;border:1px solid var(--ts-shell-border);border-radius:12px;background:rgba(148,163,184,.08)}.ts-header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ts-shell-text);font-size:11px;font-weight:700}.ts-header-search button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;color:#05202a;background:linear-gradient(135deg,#67e8f9,#60a5fa)}.ts-header-search button svg{width:18px;height:18px}@media(max-width:1120px){.ts-header-search{width:170px}}@media(max-width:980px){.ts-header-search{display:none}}

.ts-mobile-header-back svg{width:20px;height:20px}.ts-header-actions>.ts-icon-button svg,.ts-mobile-top-actions__right>.ts-icon-button svg{width:19px;height:19px}


/* Product detail mobile return control */
.ts-mobile-header-back {
    order: -1;
}
@media (max-width: 768px) {
    .ts-mobile-header-back {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }
}


/* Shell V3 */
.ts-cart-button{position:relative}
.ts-cart-count[hidden],.ts-mobile-cart-count[hidden],.ts-more-cart-count[hidden]{display:none!important}
.ts-mobile-nav__link{position:relative}
@media(min-width:769px){
  .ts-content-main .ts-content-hero:first-child{margin-top:0}
}


/* ==================================================================
   CART BADGES V4 — shared by Home, About, Services, Contact & commerce
   ================================================================== */
.ts-cart-button,
.ts-mobile-more,
.ts-more-cart-link {
    position: relative;
}

.ts-cart-count,
.ts-mobile-more-count,
.ts-more-cart-count {
    display: inline-grid;
    place-items: center;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border: 2px solid var(--ts-shell-bg);
    border-radius: 999px;
    color: #052e16;
    background: linear-gradient(135deg, #67e8f9, #34d399);
    box-shadow: 0 5px 15px rgba(34, 211, 238, .34);
    font-size: 8px;
    line-height: 1;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    pointer-events: none;
}

.ts-cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
}

.ts-mobile-more-count {
    position: absolute;
    top: 5px;
    right: calc(50% - 23px);
}

.ts-more-cart-count {
    position: absolute;
    top: 9px;
    right: 9px;
    min-width: 20px;
    height: 20px;
    border-width: 1px;
    font-size: 9px;
}

.ts-cart-count[hidden],
.ts-mobile-more-count[hidden],
.ts-more-cart-count[hidden] {
    display: none !important;
}

.ts-more-cart-link {
    padding-right: 38px !important;
}

/* More compact typography so navigation fits better on small devices. */
.ts-desktop-nav a {
    padding-inline: 10px;
    font-size: 11px;
}

.ts-brand__copy strong {
    font-size: 13px;
}

.ts-brand__copy small {
    font-size: 8px;
}

.ts-account-button {
    padding-inline: 14px;
    font-size: 11px;
}

@media (max-width: 768px) {
    .ts-mobile-brand strong {
        font-size: 12px;
    }

    .ts-mobile-nav a small,
    .ts-mobile-nav .ts-mobile-more small {
        font-size: 8px;
    }

    .ts-more-card > header strong {
        font-size: 18px;
    }

    .ts-more-grid strong {
        font-size: 12px;
    }

    .ts-more-grid small {
        font-size: 9px;
        line-height: 1.3;
    }

    .ts-more-grid a {
        min-height: 84px;
        padding: 11px;
    }
}

html[data-market-theme="dark"] .ts-cart-count,
html[data-market-theme="dark"] .ts-mobile-more-count,
html[data-market-theme="dark"] .ts-more-cart-count,
.theme-dark .ts-cart-count,
.theme-dark .ts-mobile-more-count,
.theme-dark .ts-more-cart-count {
    border-color: #07111f;
    color: #022c22;
}


/* Mobile More interaction V5 */
@media (max-width: 768px) {
    .ts-mobile-more {
        z-index: 2;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    .ts-mobile-more-sheet {
        z-index: 2147483000 !important;
    }

    .ts-mobile-more-sheet.is-open {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .ts-more-backdrop {
        cursor: default;
    }

    body.ts-more-open {
        overflow: hidden !important;
        touch-action: none;
    }

    body.ts-more-open .ts-mobile-nav {
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}


/* Marketplace shell V6 */
.ts-more-cart-link {
    width: 100%;
    min-height: 84px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 38px 11px 11px !important;
    border: 1px solid var(--ts-shell-border);
    border-radius: 15px;
    color: var(--ts-shell-text);
    background: rgba(14,165,233,.04);
    text-align: left;
    cursor: pointer;
}
.ts-more-cart-link svg{width:22px;height:22px;flex:0 0 auto;color:#0891b2}
.ts-more-cart-link span{display:flex;flex-direction:column;gap:5px}
.ts-more-cart-link strong{font-size:12px;font-weight:950}
.ts-more-cart-link small{color:var(--ts-shell-muted);font-size:9px;font-weight:700}

.ts-mini-cart{position:fixed;inset:0;z-index:2147483100;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}
.ts-mini-cart.is-open{opacity:1;visibility:visible;pointer-events:auto}
.ts-mini-cart__backdrop{position:absolute;inset:0;border:0;background:rgba(2,6,23,.5);backdrop-filter:blur(6px)}
.ts-mini-cart__panel{position:absolute;top:78px;right:16px;width:min(390px,calc(100% - 24px));max-height:calc(100dvh - 96px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ts-shell-border);border-radius:24px;background:var(--ts-shell-bg);box-shadow:0 30px 90px rgba(0,0,0,.34);transform:translateY(-10px) scale(.98);transition:.25s cubic-bezier(.22,1,.36,1)}
.ts-mini-cart.is-open .ts-mini-cart__panel{transform:none}
.ts-mini-cart__panel>header{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--ts-shell-border)}
.ts-mini-cart__panel>header div{display:flex;flex-direction:column}.ts-mini-cart__panel>header small{font-size:8px;color:var(--ts-shell-muted);font-weight:900;text-transform:uppercase;letter-spacing:.13em}.ts-mini-cart__panel>header strong{font-size:18px;color:var(--ts-shell-text)}
.ts-mini-cart__panel>header button{width:36px;height:36px;border:1px solid var(--ts-shell-border);border-radius:10px;color:var(--ts-shell-text);background:transparent;font-size:21px}
.ts-mini-cart__summary{display:flex;gap:8px;padding:10px 17px;border-bottom:1px solid var(--ts-shell-border);color:var(--ts-shell-muted);font-size:9px}.ts-mini-cart__summary span{padding:6px 9px;border-radius:999px;background:rgba(14,165,233,.08)}.ts-mini-cart__summary b{color:var(--ts-shell-text)}
.ts-mini-cart__items{min-height:150px;overflow:auto;padding:10px 13px}
.ts-mini-cart__loading,.ts-mini-cart__empty{padding:30px 12px;text-align:center;color:var(--ts-shell-muted);font-size:11px}.ts-mini-cart__empty strong,.ts-mini-cart__empty small{display:block}.ts-mini-cart__empty strong{color:var(--ts-shell-text);font-size:15px}.ts-mini-cart__empty small{margin-top:5px}
.ts-mini-cart-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ts-shell-border)}
.ts-mini-cart-item__media{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:rgba(14,165,233,.07);color:var(--ts-shell-muted)}.ts-mini-cart-item__media img{width:100%;height:100%;object-fit:cover}
.ts-mini-cart-item__copy{min-width:0}.ts-mini-cart-item__copy>small{display:block;color:var(--ts-shell-muted);font-size:7px;font-weight:900;text-transform:uppercase}.ts-mini-cart-item__copy>strong{display:block;overflow:hidden;margin-top:3px;color:var(--ts-shell-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ts-mini-cart-item>b{color:var(--ts-shell-text);font-size:10px;white-space:nowrap}
.ts-mini-cart-item__controls{display:flex;align-items:center;gap:4px;margin-top:7px}.ts-mini-cart-item__controls button,.ts-mini-cart-item__controls input{width:27px;height:27px;border:1px solid var(--ts-shell-border);border-radius:8px;color:var(--ts-shell-text);background:transparent;text-align:center;font-size:10px}.ts-mini-cart-item__controls input{width:34px}.ts-mini-cart-item__controls [data-mini-remove]{margin-left:3px;color:#ef4444}
.ts-mini-cart__panel>footer{padding:14px 17px;border-top:1px solid var(--ts-shell-border)}.ts-mini-cart__panel>footer div{display:flex;justify-content:space-between;color:var(--ts-shell-text);font-size:12px}.ts-mini-cart__panel>footer a{min-height:43px;margin-top:11px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#06111f;background:#67e8f9;text-decoration:none;font-size:10px;font-weight:950}
body.ts-mini-cart-open{overflow:hidden}
@media(max-width:768px){.ts-mini-cart__panel{top:auto;left:8px;right:8px;bottom:calc(var(--ts-bottom-h) + env(safe-area-inset-bottom,0px) + 8px);width:auto;max-height:min(72dvh,620px)}}


/* Brand and overlay reliability V8 */
.ts-brand__mark {
    width: 82px !important;
    height: 42px !important;
    overflow: visible !important;
    background: transparent !important;
}
.ts-brand__mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ts-brand__copy {
    margin-left: 2px;
}
.ts-mobile-brand {
    width: 126px;
    height: 43px;
    padding: 0 !important;
}
.ts-mobile-brand img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ts-mobile-more-sheet,
.ts-mini-cart,
.market-filter-sheet,
.market-filter-backdrop {
    isolation: isolate;
}
.ts-mobile-more-sheet {
    z-index: 2147483300 !important;
}
.ts-mobile-more-sheet.is-open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
.ts-mobile-more-sheet.is-open .ts-more-card {
    transform: translateY(0) !important;
    opacity: 1 !important;
}
@media (max-width: 768px) {
    #mobileBottomNav {
        z-index: 2147482000 !important;
    }
    .ts-more-card {
        z-index: 2;
    }
}


/* Stable theme controls V9 */
[data-ts-theme-toggle] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}


/* Account and persistent theme V12 */
html[data-market-theme="dark"] body,
body.theme-dark {
    color-scheme: dark;
}
