/* Scoped to the technology brand playground. */
.tt .tt-brand-grid { grid-template-columns:minmax(0,.78fr) minmax(0,1.62fr); gap:46px; align-items:center; }
.tt .tt-brand-copy h2 { font-size:clamp(29px,2.7vw,37px); letter-spacing:-1.5px; }
.tt .tt-brand-controls { max-width:100%; }
.tt .tt-control-label { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.tt .tt-control-label output { color:#8a9ba8; font-size:10px; font-weight:400; font-variant-numeric:tabular-nums; }
.tt .tt-color-options { gap:12px; align-items:center; flex-wrap:wrap; }
.tt .tt-color-options>button { width:30px; height:30px; }
.tt .tt-custom-color { position:relative; width:31px; height:31px; border:1px dashed #9eafb9; border-radius:50%; cursor:pointer; display:grid; place-items:center; color:#61788a; overflow:hidden; }
.tt .tt-custom-color input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.tt .tt-custom-color:focus-within { outline:3px solid #57beb8; outline-offset:4px; }
.tt .tt-custom-color span { font-size:20px; pointer-events:none; }
.tt .tt-device-options { width:100%; margin-top:0; }
.tt .tt-device-options>button { flex:1; justify-content:center; padding:11px 9px; }
.tt .tt-demo-invitation { display:flex; gap:12px; padding:17px 0; margin-top:22px; border-top:1px solid #dde8ed; border-bottom:1px solid #dde8ed; }
.tt .tt-demo-invitation>.tt-icon { color:#199b91; width:20px; height:20px; margin-top:3px; }
.tt .tt-demo-invitation p { font-size:11px; line-height:1.9; color:#7e909e; }
.tt .tt-demo-invitation strong { display:block; color:#476477; font-size:12px; margin-bottom:2px; }
.tt .tt-controls-footer { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-top:15px; }
.tt .tt-controls-footer .tt-control-note { margin:0; max-width:220px; font-size:9px; }
.tt .tt-reset-brand { color:#708796; background:none; padding:4px 0; border:0; border-bottom:1px solid #b7c8d1; font-size:9px; cursor:pointer; white-space:nowrap; }
.tt .tt-interactive-preview { width:100%; max-width:none; }
.tt .tt-simulator { --ts-accent:var(--tt-demo-accent,#ff6a00); --ts-contrast:var(--tt-demo-contrast,#24364b); --ts-ink:var(--tt-demo-ink,#a54600); --ts-tint:var(--tt-demo-tint,#fff3e8); --ts-line:#eaf0f1; width:100%; min-width:0; }
.tt .tt-simulator button { cursor:pointer; line-height:1.4; letter-spacing:normal; }
.tt .tt-simulator .ts-icon { width:18px; height:18px; display:inline-block; flex-shrink:0; vertical-align:middle; }
.tt .ts-preview-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 2px 15px; color:#8c9eaa; font-size:9px; }
.tt .ts-preview-heading>span:first-child { display:flex; align-items:center; gap:7px; letter-spacing:1.3px; color:#578780; font-weight:700; font-size:8px; }
.tt .ts-preview-heading i { width:6px; height:6px; border-radius:50%; background:#32ae8d; box-shadow:0 0 0 4px #32ae8d0c; }
.tt .ts-stage { position:relative; display:flex; justify-content:center; align-items:center; min-height:726px; border-radius:22px; padding:18px; background:radial-gradient(ellipse at 80% 10%,#dcefea80,transparent 60%),radial-gradient(#a6bfc133 .8px,transparent .8px),#eaf1f4; background-size:auto,13px 13px,auto; border:1px solid #dfe9ee; isolation:isolate; }
.tt .ts-device { display:flex; flex-direction:column; position:relative; width:100%; height:688px; background:#fff; border:1px solid #dae3e8; border-radius:13px; overflow:hidden; box-shadow:0 18px 42px #2d59611a,0 2px 6px #2d596109; container-type:inline-size; transition:width .4s,border-radius .4s,box-shadow .4s; }
.tt .ts-browser-bar { flex-shrink:0; height:35px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e6ecef; background:#f8fafb; }
.tt .ts-browser-dots { display:flex; gap:4px; }
.tt .ts-browser-dots i { width:6px; height:6px; border-radius:50%; background:#d4dfe5; }
.tt .ts-browser-dots i:first-child { background:#f5b3ab; }
.tt .ts-browser-dots i:nth-child(2) { background:#eed5a0; }
.tt .ts-browser-dots i:last-child { background:#aed6bc; }
.tt .ts-url { display:flex; align-items:center; justify-content:center; gap:6px; border:1px solid #e8edf0; border-radius:5px; background:#fff; padding:4px 12px; min-width:45%; max-width:73%; color:#82929e; font-size:8px; }
.tt .ts-url>span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.tt .ts-browser-bar .tt-icon { width:11px; height:11px; color:#9eafb9; }
.tt .ts-phone-status,.tt .ts-home-indicator { display:none; }
.tt .ts-app { position:relative; display:flex; flex-direction:column; flex:1; min-height:0; background:#fff; color:#283d48; font-size:11px; line-height:1.5; }
.tt .ts-app-header { display:flex; gap:15px; align-items:center; padding:12px 19px; border-bottom:1px solid var(--ts-line); flex-shrink:0; }
.tt .ts-brand { display:flex; align-items:center; gap:7px; min-width:0; max-width:43%; }
.tt .ts-brand>i { display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; background:var(--ts-accent); color:var(--ts-contrast); font-style:normal; font-size:17px; font-weight:800; border-radius:9px 9px 9px 3px; }
.tt .ts-brand>strong { font-size:12px; font-weight:800; line-height:1.25; max-height:45px; overflow:hidden; overflow-wrap:anywhere; letter-spacing:-.3px; }
.tt .ts-address { display:flex; gap:6px; align-items:center; margin-left:auto; background:none; border:0; padding:0; color:#8c9c9f; text-align:left; min-width:0; }
.tt .ts-address>.ts-icon { width:16px; height:16px; color:var(--ts-ink); }
.tt .ts-address>span:nth-child(2) { min-width:0; }
.tt .ts-address small { display:block; color:#91a0a5; font-size:7px; margin-bottom:2px; }
.tt .ts-address strong { display:block; font-size:8px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tt .ts-cart-button { display:flex; align-items:center; gap:6px; flex-shrink:0; border:1px solid var(--ts-line); padding:7px 8px; border-radius:7px; background:#fff; font-size:8px; color:#536773; }
.tt .ts-cart-button>.ts-icon { width:15px; height:15px; }
.tt :is(.ts-cart-button,.ts-bottom-nav) b { display:inline-grid; place-items:center; min-width:16px; height:16px; padding:0 3px; background:var(--ts-accent); color:var(--ts-contrast); border-radius:5px; font-size:8px; }
.tt .ts-app-scroll { flex:1; min-height:0; overflow:auto; padding:0 19px 16px; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:#c4d4da transparent; }
.tt .ts-service-tabs { display:flex; align-items:center; gap:19px; padding:9px 0 10px; }
.tt .ts-service-tabs>button { position:relative; text-align:left; background:none; border:0; padding:0 0 5px; color:#98a6ad; font-size:11px; font-weight:700; }
.tt .ts-service-tabs>button span { display:block; font-size:7px; font-weight:400; color:#9ca9af; margin-top:2px; }
.tt .ts-service-tabs>button[aria-pressed=true] { color:var(--ts-ink); }
.tt .ts-service-tabs>button[aria-pressed=true]::after { content:''; position:absolute; bottom:0; left:0; width:20px; height:2px; border-radius:2px; background:var(--ts-accent); }
.tt .ts-delivery-note { display:flex; align-items:center; gap:5px; font-size:7px; color:#7a9a8f; margin-left:auto; }
.tt .ts-delivery-note .ts-icon { width:19px; height:19px; }
.tt .ts-promo { display:flex; align-items:center; position:relative; min-height:145px; padding:16px 20px; background:var(--ts-tint); border-radius:12px; overflow:hidden; }
.tt .ts-eyebrow { display:block; font-size:7px; letter-spacing:1.1px; font-weight:700; color:#91a19f; line-height:1.5; }
.tt .ts-promo-copy { position:relative; z-index:1; flex:1; }
.tt .ts-promo h3 { font-size:25px; font-weight:800; line-height:1.18; letter-spacing:-1px; margin:7px 0; color:#2c4146; }
.tt .ts-promo h3 em { color:var(--ts-ink); font-style:normal; }
.tt .ts-promo p { font-size:8px; color:#738a87; margin-bottom:8px; }
.tt .ts-promo-copy>button { display:inline-flex; align-items:center; gap:12px; padding:7px 10px; border:0; border-radius:6px; background:var(--ts-accent); color:var(--ts-contrast); font-size:8px; font-weight:700; }
.tt .ts-promo-copy>button .ts-icon { width:12px; height:12px; }
.tt .ts-promo-art { width:42%; align-self:stretch; position:relative; display:flex; align-items:center; justify-content:center; }
.tt .ts-art-orbit { position:absolute; width:151px; height:151px; border:1px solid var(--ts-accent); opacity:.14; border-radius:50%; }
.tt .ts-promo-art>img { display:block; width:119px; height:119px; max-width:100%; object-fit:cover; border:6px solid #ffffffb3; outline:1px solid #ffffffa1; border-radius:50%; transform:rotate(8deg); box-shadow:0 8px 16px #334e4920; }
.tt .ts-promo-sticker { position:absolute; bottom:-7px; right:-10px; display:flex; align-items:center; gap:6px; background:#fffffff0; color:#648478; border:1px solid #ffffff; border-radius:8px; padding:8px; box-shadow:0 4px 12px #3a665b0b; transform:rotate(-5deg); white-space:nowrap; }
.tt .ts-promo-sticker>.ts-icon { width:21px; height:21px; color:var(--ts-ink); }
.tt .ts-promo-sticker strong { font-size:8px; font-weight:700; }
.tt .ts-promo-sticker small { display:block; margin-top:1px; font-size:6px; font-weight:400; color:#8fa29a; }
.tt .ts-search-row { display:flex; gap:8px; margin-top:13px; }
.tt .ts-search { display:flex; align-items:center; gap:8px; flex:1; min-width:0; border:1px solid #e6ecee; border-radius:8px; padding:10px; margin:0; background:#fafcfc; }
.tt .ts-search>.ts-icon { width:14px; height:14px; color:#a1b0b5; }
.tt .ts-search input { width:100%; min-width:0; padding:0; color:#3d535d; font-size:9px; border:0; background:none; outline:none; }
.tt .ts-search input::placeholder { color:#97a7af; }
.tt .ts-search:focus-within { outline:2px solid var(--ts-ink); outline-offset:1px; }
.tt .ts-search input:focus-visible { outline:none; }
.tt .ts-favorite-filter { display:flex; gap:5px; align-items:center; background:#fff; border:1px solid #e6ecee; border-radius:8px; padding:8px; color:#90a1aa; font-size:8px; }
.tt .ts-favorite-filter .ts-icon { width:14px; height:14px; }
.tt .ts-favorite-filter[aria-pressed=true] { background:var(--ts-tint); color:var(--ts-ink); border-color:var(--ts-accent); }
.tt .ts-categories { display:flex; gap:6px; overflow-x:auto; padding:12px 1px 7px; scrollbar-width:thin; }
.tt .ts-categories>button { flex-shrink:0; font-size:8px; color:#84959e; border:1px solid #e8eef0; background:#fff; border-radius:6px; padding:7px 10px; }
.tt .ts-categories>button[aria-pressed=true] { color:var(--ts-contrast); background:var(--ts-accent); border-color:var(--ts-accent); }
.tt .ts-products-heading { display:flex; justify-content:space-between; align-items:flex-end; margin:14px 0 10px; gap:12px; }
.tt .ts-products-heading h4 { font-size:15px; font-weight:800; color:#3b515b; letter-spacing:-.4px; margin:4px 0 0; }
.tt .ts-products-heading>span { color:#99a9b0; font-size:8px; white-space:nowrap; }
.tt .ts-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.tt .ts-product { min-width:0; border:1px solid #e7edef; border-radius:10px; overflow:hidden; background:#fff; transition:box-shadow .2s,transform .2s; }
.tt .ts-product:hover { box-shadow:0 5px 16px #2a514b0f; transform:translateY(-2px); }
.tt .ts-product-image { height:105px; position:relative; background:#f2f6f7; }
.tt .ts-product-image>img { display:block; width:100%; height:100%; object-fit:cover; }
.tt .ts-product-image>span { position:absolute; bottom:6px; left:6px; background:#ffffffed; padding:3px 6px; border-radius:4px; font-size:6px; color:#65776f; }
.tt .ts-product-image>button { display:grid; place-items:center; position:absolute; top:6px; right:6px; width:25px; height:25px; padding:5px; background:#ffffffed; border:0; border-radius:50%; color:#8b9c9f; }
.tt .ts-product-image>button .ts-icon { width:13px; height:13px; }
.tt .ts-product-image>button[aria-pressed=true] { color:var(--ts-ink); }
.tt .ts-product-image>button[aria-pressed=true] .ts-icon { fill:var(--ts-tint); }
.tt .ts-product-copy { padding:10px; }
.tt .ts-product-copy>span { display:block; font-size:7px; color:#9aabb3; margin-bottom:3px; }
.tt .ts-product h5 { font-size:11px; line-height:1.4; margin:0; font-weight:700; color:#435964; }
.tt .ts-product-copy>p { font-size:7px; color:#91a2aa; margin:4px 0 7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tt .ts-product-meta { display:flex; align-items:center; gap:4px; font-size:6px; color:#8a9c9e; white-space:nowrap; }
.tt .ts-product-meta .ts-icon { width:10px; height:10px; color:#84a69a; }
.tt .ts-product-price { display:flex; align-items:center; justify-content:space-between; margin-top:10px; }
.tt .ts-product-price>strong { font-size:13px; font-weight:800; color:#3b535e; }
.tt .ts-product-price small { font-size:8px; font-weight:400; }
.tt .ts-product-price>button { width:27px; height:27px; display:grid; place-items:center; border-radius:7px; background:var(--ts-tint); color:var(--ts-ink); border:1px solid var(--ts-tint); font-size:18px; line-height:1; padding:0; transition:background .2s; }
.tt .ts-product-price>button:hover { background:var(--ts-accent); color:var(--ts-contrast); }
.tt .ts-product-price>button[data-quantity] { font-size:12px; background:var(--ts-accent); color:var(--ts-contrast); }
.tt .ts-catalog-note { color:#a5b3ba; font-size:7px; text-align:center; padding-top:17px; }
.tt .ts-no-results { display:flex; flex-direction:column; align-items:center; gap:10px; padding:35px 10px; text-align:center; color:#81969e; }
.tt .ts-no-results>.ts-icon { width:30px; height:30px; color:#b1c1c6; }
.tt .ts-no-results>strong { font-size:12px; color:#617984; }
.tt .ts-no-results>p { font-size:9px; }
.tt .ts-no-results>button { border:0; border-radius:6px; background:var(--ts-tint); color:var(--ts-ink); font-size:9px; padding:9px 12px; }
.tt .ts-bottom-nav { display:none; }
.tt .ts-preview-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; color:#98a9b3; font-size:8px; }
.tt .ts-preview-footer>span:first-child { display:flex; align-items:center; gap:6px; }
.tt .ts-preview-footer .tt-icon { width:14px; height:14px; color:#84a1ad; }
.tt .ts-toast { position:absolute; left:50%; bottom:18px; transform:translateX(-50%); width:max-content; max-width:calc(100% - 24px); text-align:center; z-index:5; padding:11px 16px; border-radius:9px; background:#2a4642f2; box-shadow:0 6px 18px #24433a26; color:#fff; font-size:10px; pointer-events:none; }
.tt .ts-overlay { position:absolute; z-index:10; inset:0; background:#203e4766; backdrop-filter:blur(3px); padding:12px; display:flex; align-items:center; justify-content:center; }
.tt .ts-panel { width:370px; max-width:100%; max-height:100%; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; background:#fff; border:1px solid #fff; border-radius:14px; padding:20px; box-shadow:0 15px 40px #132f452b; }
.tt .ts-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:17px; border-bottom:1px solid var(--ts-line); margin-bottom:14px; }
.tt .ts-panel-heading .ts-eyebrow { font-size:6px; letter-spacing:.8px; }
.tt .ts-panel h4 { font-size:19px; color:#334f5a; font-weight:800; letter-spacing:-.5px; margin:5px 0 0; }
.tt .ts-panel-heading>button { display:grid; place-items:center; background:#f2f6f7; color:#80949f; border:0; border-radius:7px; width:30px; height:30px; padding:6px; flex-shrink:0; }
.tt .ts-cart-item { display:flex; align-items:center; gap:9px; padding:12px 0; border-bottom:1px solid var(--ts-line); }
.tt .ts-cart-item>img { width:43px; height:43px; object-fit:cover; border-radius:7px; }
.tt .ts-cart-item>div:nth-child(2) { flex:1; min-width:0; }
.tt .ts-cart-item strong { display:block; font-size:10px; color:#516a74; }
.tt .ts-cart-item small { display:block; font-size:9px; color:#8aa0a8; margin-top:4px; }
.tt .ts-quantity { display:flex; align-items:center; gap:7px; color:#53717a; font-size:10px; }
.tt .ts-quantity>button { border:1px solid #e7edef; border-radius:5px; background:#fff; color:var(--ts-ink); height:25px; width:25px; padding:0; font-size:14px; }
.tt .ts-cart-summary { padding-top:13px; }
.tt .ts-cart-summary>p { display:flex; justify-content:space-between; color:#93a5ae; font-size:10px; padding:6px 0; }
.tt .ts-cart-summary>p>strong { color:#698b80; font-weight:600; }
.tt .ts-cart-summary>.ts-grand-total { padding:14px 0; margin-top:5px; border-top:1px solid var(--ts-line); color:#3e5c67; font-size:12px; }
.tt .ts-cart-summary>.ts-grand-total>strong { color:#3e5c67; font-size:16px; font-weight:800; }
.tt .ts-primary-button { display:flex; align-items:center; justify-content:center; gap:15px; padding:12px; width:100%; font-size:10px; font-weight:700; background:var(--ts-accent); color:var(--ts-contrast); border:0; border-radius:8px; }
.tt .ts-primary-button>.ts-icon { width:15px; height:15px; }
.tt .ts-panel-note { font-size:8px; line-height:1.7; text-align:center; color:#9fafb6; padding-top:14px; }
.tt .ts-empty-cart { padding:30px 0; text-align:center; color:#879da6; }
.tt .ts-empty-cart>.ts-icon { display:block; width:36px; height:36px; margin:0 auto 15px; color:#b2c6cb; }
.tt .ts-empty-cart strong { display:block; color:#617f89; font-size:12px; }
.tt .ts-empty-cart p { font-size:9px; margin:7px 0 17px; }
.tt .ts-order-view { text-align:center; }
.tt .ts-order-success { display:grid; place-items:center; width:43px; height:43px; border-radius:50%; margin:3px auto 12px; background:var(--ts-tint); color:var(--ts-ink); }
.tt .ts-order-success>.ts-icon { width:23px; height:23px; }
.tt .ts-order-view>h5 { font-size:16px; color:#3a5c63; margin:0 0 7px; font-weight:800; }
.tt .ts-order-view>p { font-size:9px; line-height:1.7; color:#8fa3a8; }
.tt .ts-order-destination { display:flex; justify-content:center; align-items:center; gap:5px; color:#8ea39f; font-size:9px; margin:12px 0; }
.tt .ts-order-destination .ts-icon { width:12px; height:12px; }
.tt .ts-order-steps { text-align:left; list-style:none; margin:19px 0; padding:0; }
.tt .ts-order-steps>li { display:flex; align-items:center; gap:12px; position:relative; padding-bottom:18px; color:#b2bfc3; font-size:11px; }
.tt .ts-order-steps>li:last-child { padding-bottom:0; }
.tt .ts-order-steps>li:not(:last-child)::before { position:absolute; content:''; left:13px; top:27px; height:18px; border-left:1px dashed #d5dfe3; }
.tt .ts-order-steps i { display:grid; place-items:center; width:27px; height:27px; background:#f1f5f6; border-radius:50%; font-size:9px; font-style:normal; flex-shrink:0; }
.tt .ts-order-steps small { display:block; color:#acbabe; font-size:8px; margin-top:2px; }
.tt .ts-order-steps>li[data-active] { color:var(--ts-ink); font-weight:700; }
.tt .ts-order-steps>li[data-active] i { background:var(--ts-accent); color:var(--ts-contrast); }
.tt .ts-order-steps>li[data-active] small { font-weight:400; color:#879f9c; }
.tt .ts-order-steps>li[aria-current=step] i { box-shadow:0 0 0 4px var(--ts-tint); }
.tt .ts-address-view>p { font-size:10px; color:#96a7ad; margin-bottom:15px; }
.tt .ts-address-view button { display:flex; align-items:center; gap:12px; width:100%; padding:13px; border:1px solid #e7edef; border-radius:8px; background:#fff; margin-top:9px; text-align:left; color:#8ea1a8; }
.tt .ts-address-view button[aria-pressed=true] { border-color:var(--ts-accent); background:var(--ts-tint); }
.tt .ts-address-view button>span:nth-child(2) { flex:1; }
.tt .ts-address-view strong { display:block; color:#617d87; font-size:12px; }
.tt .ts-address-view small { display:block; color:#96a9af; font-size:9px; margin-top:3px; }
.tt .ts-noscript { padding:10px 0; font-size:11px; color:#698491; }
.tt .ts-stage:is([data-device=ios],[data-device=android]) .ts-device { width:304px; height:586px; border:7px solid #334850; border-radius:38px; box-shadow:0 20px 36px #243a4b20,0 0 0 1px #9cabb0; }
.tt .ts-stage[data-device=android] .ts-device { border-color:#445355; border-radius:26px; }
.tt .ts-stage:is([data-device=ios],[data-device=android]) .ts-browser-bar { display:none; }
.tt .ts-stage:is([data-device=ios],[data-device=android]) .ts-phone-status { position:relative; display:flex; justify-content:space-between; align-items:center; height:30px; padding:0 19px; flex-shrink:0; color:#405962; font-weight:700; font-size:9px; }
.tt .ts-camera { position:absolute; top:5px; left:50%; transform:translateX(-50%); width:66px; height:17px; background:#334850; border-radius:12px; }
.tt .ts-stage[data-device=android] .ts-camera { width:9px; height:9px; border-radius:50%; background:#445355; top:10px; }
.tt .ts-stage:is([data-device=ios],[data-device=android]) .ts-home-indicator { display:flex; justify-content:center; align-items:center; height:14px; flex-shrink:0; }
.tt .ts-home-indicator i { display:block; width:84px; height:3px; border-radius:5px; background:#334850; }
.tt .ts-stage[data-device=android] .ts-home-indicator i { width:57px; background:#a9b8be; }
@container(max-width:500px) {
 .tt .ts-app-header { padding:12px; gap:9px; flex-wrap:wrap; }
 .tt .ts-brand { max-width:calc(100% - 63px); flex:1; }
 .tt .ts-brand>strong { font-size:12px; max-height:32px; }
 .tt .ts-brand>i { width:29px; height:29px; font-size:16px; }
 .tt .ts-cart-button { margin-left:auto; }
 .tt .ts-cart-button>span { display:none; }
 .tt .ts-cart-button b { min-width:15px; height:15px; }
 .tt .ts-address { order:3; width:100%; padding-top:3px; gap:5px; }
 .tt .ts-address small { display:none; }
 .tt .ts-address strong { font-size:9px; }
 .tt .ts-address>span:last-child { margin-left:auto; }
 .tt .ts-address>.ts-icon { width:12px; height:12px; }
 .tt .ts-app-scroll { padding:0 12px 12px; }
 .tt .ts-service-tabs { gap:22px; padding:11px 0; }
 .tt .ts-service-tabs>button { font-size:12px; }
 .tt .ts-service-tabs>button span { font-size:7px; }
 .tt .ts-delivery-note { display:none; }
 .tt .ts-promo { padding:15px 12px; min-height:152px; }
 .tt .ts-promo h3 { font-size:20px; letter-spacing:-.9px; }
 .tt .ts-promo-copy { flex:none; width:78%; }
 .tt .ts-promo p { max-width:145px; font-size:8px; line-height:1.6; }
 .tt .ts-promo-art { width:34%; position:absolute; right:-18px; top:30px; bottom:20px; opacity:.9; }
 .tt .ts-promo-art>img { width:80px; height:80px; border-width:4px; }
 .tt .ts-art-orbit { width:115px; height:115px; }
 .tt .ts-promo-sticker { display:none; }
 .tt .ts-search-row { margin-top:13px; }
 .tt .ts-search { padding:9px 8px; gap:6px; }
 .tt .ts-search input { font-size:9px; }
 .tt .ts-favorite-filter { padding:8px; }
 .tt .ts-favorite-filter>span { display:none; }
 .tt .ts-categories { gap:5px; padding-top:10px; }
 .tt .ts-categories>button { font-size:9px; padding:7px 10px; }
 .tt .ts-products-heading { margin-top:13px; gap:6px; }
 .tt .ts-products-heading h4 { font-size:14px; }
 .tt .ts-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 .tt .ts-product-image { height:86px; }
 .tt .ts-product-copy { padding:8px; }
 .tt .ts-product h5 { font-size:10px; }
 .tt .ts-product-copy>p { font-size:7px; }
 .tt .ts-product-meta { font-size:6px; gap:3px; }
 .tt .ts-product-price>strong { font-size:12px; }
 .tt .ts-product-price>button { width:29px; height:29px; }
 .tt .ts-bottom-nav { display:flex; justify-content:space-around; border-top:1px solid #eaf0f1; padding:7px 4px 5px; background:#fff; flex-shrink:0; }
 .tt .ts-bottom-nav>button { display:flex; flex-direction:column; align-items:center; gap:3px; border:0; padding:2px 12px; background:none; color:#91a4ad; font-size:7px; }
 .tt .ts-bottom-nav>button:first-child { color:var(--ts-ink); }
 .tt .ts-bottom-nav>button[aria-pressed=true] { color:var(--ts-ink); }
 .tt .ts-bottom-nav .ts-icon { width:17px; height:17px; }
 .tt .ts-bottom-nav b { min-width:12px; height:12px; border-radius:4px; font-size:7px; }
 .tt .ts-toast { bottom:57px; font-size:9px; padding:9px 10px; }
 .tt .ts-overlay { padding:8px; }
 .tt .ts-panel { padding:14px; border-radius:12px; }
 .tt .ts-panel h4 { font-size:18px; }
 .tt .ts-cart-item { gap:7px; }
 .tt .ts-cart-item>img { width:34px; height:34px; }
 .tt .ts-cart-item strong { font-size:9px; }
 .tt .ts-quantity { gap:5px; }
 .tt .ts-quantity>button { width:24px; height:26px; }
 .tt .ts-panel-note { font-size:7px; }
}
@media(max-width:1100px) {
 .tt .tt-brand-grid { gap:26px; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
 .tt .tt-brand-copy h2 { font-size:30px; }
 .tt .ts-stage { padding:12px; min-height:612px; }
 .tt .tt-color-options { gap:10px; }
}
@media(max-width:850px) {
 .tt .tt-brand-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 .tt .tt-brand-copy { max-width:580px; }
 .tt .tt-brand-copy h2 { font-size:36px; }
 .tt .tt-brand-copy>p:not(.tt-kicker) { max-width:530px; }
 .tt .tt-brand-controls { max-width:400px; }
 .tt .ts-stage { padding:18px; min-height:624px; }
}
@media(max-width:550px) {
 .tt .tt-brand-copy h2 { font-size:29px; }
 .tt .tt-demo-invitation { margin-top:20px; }
 .tt .ts-stage { padding:9px; min-height:606px; border-radius:15px; }
 .tt .ts-device { height:586px; border-radius:10px; }
 .tt .ts-preview-heading { font-size:8px; gap:8px; }
 .tt .ts-preview-heading>span:first-child { font-size:7px; letter-spacing:.8px; }
 .tt .ts-preview-footer { font-size:7px; }
 .tt .ts-preview-footer>span:last-child { display:none; }
 .tt .ts-browser-bar { padding:0 8px; gap:8px; height:30px; }
 .tt .ts-stage:is([data-device=ios],[data-device=android]) { padding:9px 4px; }
 .tt .ts-stage:is([data-device=ios],[data-device=android]) .ts-device { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) { .tt .tt-simulator * { transition:none!important; scroll-behavior:auto!important; } }