:root{--bg: #f5f6f8;--card: #ffffff;--text: #15171a;--muted: #717783;--accent: #2481cc;--border: #e5e7eb;--danger: #dc2626;--system-icon: #2481cc;--button-border: #cbd5e1;--ok: #166534;} *:not([data-ui-owned~="layout"]){box-sizing: border-box;} body{margin: 0;font-family: system-ui, -apple-system, Segoe UI, sans-serif;background: var(--bg);color: var(--text);padding-bottom: 86px;} .top:not([data-ui-owned~="layout"]){display: flex;justify-content: space-between;align-items: center;gap: 10px;}.top:not([data-ui-owned~="spacing"]){padding: 14px 14px 10px;}.top{position: sticky;top: 0;backdrop-filter: blur(12px);z-index: 5;}.top:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.96);}.top:not([data-ui-owned~="border"]){border-bottom: 1px solid rgba(229,231,235,.65);} h1:not([data-ui-owned~="margin"]){margin: 0;}h1:not([data-ui-owned~="font"]){font-size: 22px;line-height: 1.1;} h2:not([data-ui-owned~="margin"]){margin: 0;}h2:not([data-ui-owned~="font"]){font-size: 22px;} h3:not([data-ui-owned~="margin"]){margin: 0;}h3:not([data-ui-owned~="font"]){font-size: 18px;} p:not([data-ui-owned~="margin"]){margin: 4px 0 0;}p:not([data-ui-owned~="paint"]){color: var(--muted);}p:not([data-ui-owned~="font"]){font-size: 13px;} button:not([data-ui-owned~="font"]){font: inherit;}button{cursor: pointer;} .cart:not([data-ui-owned~="border"]),.loadMore:not([data-ui-owned~="border"]),.qty button:not([data-ui-owned~="border"]),.panelBottom button:not([data-ui-owned~="border"]){border: 0;}.cart:not([data-ui-owned~="radius"]),.loadMore:not([data-ui-owned~="radius"]),.qty button:not([data-ui-owned~="radius"]),.panelBottom button:not([data-ui-owned~="radius"]){border-radius: 14px;}.cart:not([data-ui-owned~="paint"]),.loadMore:not([data-ui-owned~="paint"]),.qty button:not([data-ui-owned~="paint"]),.panelBottom button:not([data-ui-owned~="paint"]){background: var(--accent);color: white;}.cart:not([data-ui-owned~="spacing"]),.loadMore:not([data-ui-owned~="spacing"]),.qty button:not([data-ui-owned~="spacing"]),.panelBottom button:not([data-ui-owned~="spacing"]){padding: 11px 13px;}.cart:not([data-ui-owned~="font"]),.loadMore:not([data-ui-owned~="font"]),.qty button:not([data-ui-owned~="font"]),.panelBottom button:not([data-ui-owned~="font"]){font-weight: 800;} .cart:not([data-ui-owned~="size"]){min-width: 116px;} .cartAmountButton:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;}.cartAmountButton{white-space:nowrap !important;} .cartAmountIcon:not([data-ui-owned~="size"]){width:19px;}.cartAmountIcon:not([data-ui-owned~="height"]){height:19px;}.cartAmountIcon:not([data-ui-owned~="layout"]){flex:0 0 19px;}.cartAmountIcon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .cartClearBtn:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;}.cartClearBtn{white-space:nowrap !important;} .cartClearIcon:not([data-ui-owned~="size"]){width:17px;}.cartClearIcon:not([data-ui-owned~="height"]){height:17px;}.cartClearIcon:not([data-ui-owned~="layout"]){flex:0 0 17px;}.cartClearIcon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .cartClearBtn.hidden{display:none !important;} .searchBox:not([data-ui-owned~="spacing"]){padding: 10px 14px;} .searchBox input:not([data-ui-owned~="size"]){width: 100%;}.searchBox input:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.searchBox input:not([data-ui-owned~="radius"]){border-radius: 16px;}.searchBox input:not([data-ui-owned~="spacing"]){padding: 13px 15px;}.searchBox input:not([data-ui-owned~="font"]){font-size: 16px;}.searchBox input:not([data-ui-owned~="paint"]){outline: none;background: #fff;} .chips:not([data-ui-owned~="layout"]){display: flex;overflow-x: auto;gap: 8px;}.chips:not([data-ui-owned~="spacing"]){padding: 0 14px 10px;} .chip{white-space: nowrap;}.chip:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.chip:not([data-ui-owned~="paint"]){background: var(--card);}.chip:not([data-ui-owned~="radius"]){border-radius: 999px;}.chip:not([data-ui-owned~="spacing"]){padding: 9px 12px;} .chip.active:not([data-ui-owned~="paint"]){background: var(--accent);color: white;} .grid:not([data-ui-owned~="layout"]){display: grid;gap: 11px;}.grid:not([data-ui-owned~="columns"]){grid-template-columns: repeat(2, minmax(0, 1fr));}.grid:not([data-ui-owned~="spacing"]){padding: 0 14px;} .card:not([data-ui-owned~="paint"]){background: var(--card);box-shadow: 0 4px 18px rgba(0,0,0,.06);}.card:not([data-ui-owned~="radius"]){border-radius: 18px;}.card:not([data-ui-owned~="layout"]){overflow: hidden;display: flex;flex-direction: column;}.card:not([data-ui-owned~="height"]){min-height: 236px;} .img:not([data-ui-owned~="height"]){height: 110px;}.img:not([data-ui-owned~="paint"]){background: #e8eaef;}.img:not([data-ui-owned~="layout"]){display: flex;align-items: center;justify-content: center;overflow: hidden;}.img:not([data-ui-owned~="font"]){font-size: 34px;} .img img:not([data-ui-owned~="size"]){width: 100%;}.img img:not([data-ui-owned~="height"]){height: 100%;}.img img:not([data-ui-owned~="image"]){object-fit: cover;} .content:not([data-ui-owned~="spacing"]){padding: 10px;}.content:not([data-ui-owned~="layout"]){display: flex;flex-direction: column;gap: 7px;flex: 1;} .name:not([data-ui-owned~="font"]){font-weight: 800;line-height: 1.18;font-size: 14px;}.name:not([data-ui-owned~="height"]){min-height: 35px;} .price:not([data-ui-owned~="font"]){font-size: 16px;font-weight: 900;}.price:not([data-ui-owned~="margin"]){margin-top: auto;} .stock:not([data-ui-owned~="paint"]),.desc:not([data-ui-owned~="paint"]){color: var(--muted);}.stock:not([data-ui-owned~="font"]),.desc:not([data-ui-owned~="font"]){font-size: 11px;line-height: 1.25;} .desc:not([data-ui-owned~="layout"]){display: -webkit-box;overflow: hidden;}.desc{-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .qty:not([data-ui-owned~="layout"]){display: grid;align-items: center;gap: 7px;}.qty:not([data-ui-owned~="columns"]){grid-template-columns: 36px 1fr 36px;} .qty button:not([data-ui-owned~="spacing"]){padding: 9px 0;}.qty button:not([data-ui-owned~="radius"]){border-radius: 12px;} .qty span:not([data-ui-owned~="font"]){text-align: center;font-weight: 800;} .loadMore:not([data-ui-owned~="margin"]){margin: 14px;}.loadMore:not([data-ui-owned~="size"]){width: calc(100% - 28px);} .hidden{display: none !important;} body.sectionMode .catalogOnly{display: none !important;} .sitePage:not([data-ui-owned~="margin"]){margin: 10px 14px 0;}.sitePage:not([data-ui-owned~="paint"]){background: var(--card);box-shadow: 0 4px 18px rgba(0,0,0,.05);}.sitePage:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.sitePage:not([data-ui-owned~="radius"]){border-radius: 18px;}.sitePage:not([data-ui-owned~="spacing"]){padding: 14px;} .panelHead:not([data-ui-owned~="layout"]){display: flex;justify-content: space-between;align-items: flex-start;gap: 10px;}.panelHead:not([data-ui-owned~="margin"]){margin-bottom: 8px;} .panelHead button:not([data-ui-owned~="border"]){border: 0;}.panelHead button:not([data-ui-owned~="paint"]){background: transparent;color: var(--text);}.panelHead button:not([data-ui-owned~="font"]){font-size: 30px;line-height: 1;}.panelHead button:not([data-ui-owned~="spacing"]){padding: 0 4px;} .cartItems:not([data-ui-owned~="layout"]){display: grid;gap: 0;} .cartLine:not([data-ui-owned~="layout"]){display: grid;gap: 10px;align-items: start;}.cartLine:not([data-ui-owned~="columns"]){grid-template-columns: 1fr auto;}.cartLine:not([data-ui-owned~="spacing"]){padding: 11px 0;}.cartLine:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border);} .cartLine b:last-child{white-space: nowrap;} .checkoutBox:not([data-ui-owned~="margin"]){margin-top: 12px;}.checkoutBox:not([data-ui-owned~="border"]){border-top: 1px solid var(--border);}.checkoutBox:not([data-ui-owned~="spacing"]){padding-top: 12px;}.checkoutBox:not([data-ui-owned~="layout"]){display: flex;flex-direction: column;gap: 9px;} .checkoutBox label:not([data-ui-owned~="paint"]){color: var(--muted);}.checkoutBox label:not([data-ui-owned~="font"]){font-size: 12px;font-weight: 800;} .checkoutBox textarea:not([data-ui-owned~="size"]),.checkoutBox select:not([data-ui-owned~="size"]),.geoFields input:not([data-ui-owned~="size"]){width: 100%;}.checkoutBox textarea:not([data-ui-owned~="border"]),.checkoutBox select:not([data-ui-owned~="border"]),.geoFields input:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.checkoutBox textarea:not([data-ui-owned~="radius"]),.checkoutBox select:not([data-ui-owned~="radius"]),.geoFields input:not([data-ui-owned~="radius"]){border-radius: 14px;}.checkoutBox textarea:not([data-ui-owned~="spacing"]),.checkoutBox select:not([data-ui-owned~="spacing"]),.geoFields input:not([data-ui-owned~="spacing"]){padding: 12px;}.checkoutBox textarea:not([data-ui-owned~="font"]),.checkoutBox select:not([data-ui-owned~="font"]),.geoFields input:not([data-ui-owned~="font"]){font: inherit;}.checkoutBox textarea:not([data-ui-owned~="paint"]),.checkoutBox select:not([data-ui-owned~="paint"]),.geoFields input:not([data-ui-owned~="paint"]){background: #fff;outline: none;} .checkoutBox textarea:not([data-ui-owned~="height"]){min-height: 58px;}.checkoutBox textarea{resize: vertical;} .segmented:not([data-ui-owned~="layout"]){display: grid;gap: 8px;}.segmented:not([data-ui-owned~="columns"]){grid-template-columns: 1fr 1fr;} .segment:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.segment:not([data-ui-owned~="paint"]){background: #fff;color: var(--text);}.segment:not([data-ui-owned~="radius"]){border-radius: 14px;}.segment:not([data-ui-owned~="spacing"]){padding: 11px;}.segment:not([data-ui-owned~="font"]){font-weight: 800;} .segment.active:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;} .deliveryOnly:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .deliveryTools:not([data-ui-owned~="layout"]){display: flex;align-items: center;gap: 8px;flex-wrap: wrap;} .secondaryBtn:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.secondaryBtn:not([data-ui-owned~="paint"]){background: #fff;color: var(--text);}.secondaryBtn:not([data-ui-owned~="radius"]){border-radius: 13px;}.secondaryBtn:not([data-ui-owned~="spacing"]){padding: 10px 11px;}.secondaryBtn:not([data-ui-owned~="font"]){font-weight: 800;} .deliveryQuote:not([data-ui-owned~="paint"]){color: var(--muted);}.deliveryQuote:not([data-ui-owned~="font"]){font-size: 13px;}.deliveryQuote:not([data-ui-owned~="size"]){width: 100%;} .geoFields:not([data-ui-owned~="layout"]){display: grid;gap: 7px;}.geoFields:not([data-ui-owned~="columns"]){grid-template-columns: 1fr 1fr auto;} .mapPreview:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.mapPreview:not([data-ui-owned~="radius"]){border-radius: 14px;}.mapPreview:not([data-ui-owned~="layout"]){overflow: hidden;}.mapPreview:not([data-ui-owned~="height"]){height: 240px;}.mapPreview:not([data-ui-owned~="paint"]){background: #eef2f7;}.mapPreview{position: relative;} .mapPreview .leaflet-container:not([data-ui-owned~="size"]){width: 100%;}.mapPreview .leaflet-container:not([data-ui-owned~="height"]){height: 100%;} .mapFallback:not([data-ui-owned~="height"]){height: 100%;}.mapFallback:not([data-ui-owned~="layout"]){display: grid;place-items: center;}.mapFallback:not([data-ui-owned~="font"]){text-align: center;}.mapFallback:not([data-ui-owned~="paint"]){color: var(--muted);}.mapFallback:not([data-ui-owned~="spacing"]){padding: 16px;} .checkoutResult:not([data-ui-owned~="radius"]){border-radius: 14px;}.checkoutResult:not([data-ui-owned~="spacing"]){padding: 12px;}.checkoutResult:not([data-ui-owned~="paint"]){background: #eef7ee;color: var(--ok);}.checkoutResult:not([data-ui-owned~="font"]){font-weight: 800;} .checkoutResult.error:not([data-ui-owned~="paint"]){background: #fee2e2;color: #991b1b;} .orderDetail:not([data-ui-owned~="margin"]){margin-top: 12px;}.orderDetail:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.orderDetail:not([data-ui-owned~="radius"]){border-radius: 16px;}.orderDetail:not([data-ui-owned~="spacing"]){padding: 12px;}.orderDetail:not([data-ui-owned~="paint"]){background: #fff;}.orderDetail{position: relative;} .orderDetail p:not([data-ui-owned~="margin"]){margin: 3px 0;} .orderDetailHead:not([data-ui-owned~="layout"]){display: flex;justify-content: space-between;gap: 10px;align-items: flex-start;} .orderDetailHead h3:not([data-ui-owned~="margin"]){margin: 0 0 4px;} .closeOrderBtn{position: absolute;right: 12px;top: 8px;} .orderItemLine:not([data-ui-owned~="layout"]){display: grid;gap: 10px;}.orderItemLine:not([data-ui-owned~="columns"]){grid-template-columns: 1fr auto;}.orderItemLine:not([data-ui-owned~="spacing"]){padding: 9px 0;}.orderItemLine:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border);} .orderItemLine small:not([data-ui-owned~="paint"]){color: var(--muted);} .orderTotal:not([data-ui-owned~="spacing"]){padding-top: 10px;}.orderTotal:not([data-ui-owned~="font"]){font-size: 18px;} .orderActions:not([data-ui-owned~="layout"]){display: flex;flex-wrap: wrap;gap: 8px;}.orderActions:not([data-ui-owned~="margin"]){margin-top: 10px;} .orderActions button:not([data-ui-owned~="border"]),.checkoutResult button:not([data-ui-owned~="border"]){border: 0;}.orderActions button:not([data-ui-owned~="radius"]),.checkoutResult button:not([data-ui-owned~="radius"]){border-radius: 12px;}.orderActions button:not([data-ui-owned~="spacing"]),.checkoutResult button:not([data-ui-owned~="spacing"]){padding: 10px 12px;}.orderActions button:not([data-ui-owned~="font"]),.checkoutResult button:not([data-ui-owned~="font"]){font-weight: 800;} .payOrderBtn:not([data-ui-owned~="paint"]),.openOrderBtn:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;} .cancelOrderBtn:not([data-ui-owned~="paint"]){background: #fee2e2;color: var(--danger);} .panelBottom{position: sticky;bottom: 70px;z-index: 4;}.panelBottom:not([data-ui-owned~="paint"]){background: rgba(255,255,255,.98);}.panelBottom:not([data-ui-owned~="spacing"]){padding: 12px 0 0;}.panelBottom:not([data-ui-owned~="margin"]){margin-top: 8px;}.panelBottom:not([data-ui-owned~="border"]){border-top: 1px solid var(--border);}.panelBottom:not([data-ui-owned~="layout"]){display: flex;justify-content: space-between;align-items: center;gap: 12px;} .panelBottom button:disabled:not([data-ui-owned~="effect"]){opacity: .55;}.panelBottom button:disabled{cursor: wait;} .bottomNav{position: fixed;left: 0;right: 0;bottom: 0;z-index: 30;backdrop-filter: blur(12px);}.bottomNav:not([data-ui-owned~="layout"]){display: grid;gap: 3px;}.bottomNav:not([data-ui-owned~="columns"]){grid-template-columns: repeat(5, 1fr);}.bottomNav:not([data-ui-owned~="spacing"]){padding: 7px 8px calc(7px + env(safe-area-inset-bottom));}.bottomNav:not([data-ui-owned~="paint"]){background: rgba(255,255,255,.96);}.bottomNav:not([data-ui-owned~="border"]){border-top: 1px solid var(--border);} .bottomNav button:not([data-ui-owned~="border"]){border: 0;}.bottomNav button:not([data-ui-owned~="radius"]){border-radius: 13px;}.bottomNav button:not([data-ui-owned~="paint"]){background: transparent;color: var(--muted);}.bottomNav button:not([data-ui-owned~="spacing"]){padding: 7px 4px;}.bottomNav button:not([data-ui-owned~="font"]){font-weight: 800;font-size: 17px;}.bottomNav button:not([data-ui-owned~="layout"]){display: grid;place-items: center;gap: 2px;} .bottomNav button span:not([data-ui-owned~="font"]){font-size: 10px;} .bottomNav button.active:not([data-ui-owned~="paint"]){background:transparent;color:var(--text);} .siteOrderList:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .siteOrderCard:not([data-ui-owned~="size"]){width: 100%;}.siteOrderCard:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.siteOrderCard:not([data-ui-owned~="radius"]){border-radius: 14px;}.siteOrderCard:not([data-ui-owned~="paint"]){background: #fff;color: var(--text);}.siteOrderCard:not([data-ui-owned~="spacing"]){padding: 12px;}.siteOrderCard:not([data-ui-owned~="font"]){text-align: left;}.siteOrderCard:not([data-ui-owned~="layout"]){display: grid;gap: 4px;} .siteOrderCard b:not([data-ui-owned~="font"]){font-size: 17px;} .siteOrderCard span:not([data-ui-owned~="paint"]){color: var(--muted);}.siteOrderCard span:not([data-ui-owned~="font"]){font-size: 13px;} .loyaltyBox:not([data-ui-owned~="layout"]){display: grid;gap: 12px;} .cardCode:not([data-ui-owned~="border"]){border: 1px dashed var(--accent);}.cardCode:not([data-ui-owned~="radius"]){border-radius: 16px;}.cardCode:not([data-ui-owned~="paint"]){background: #eef6ff;}.cardCode:not([data-ui-owned~="spacing"]){padding: 18px;}.cardCode:not([data-ui-owned~="font"]){text-align: center;font-weight: 900;font-size: 22px;}.cardCode{letter-spacing: .04em;} .loyaltyGrid:not([data-ui-owned~="layout"]){display: grid;gap: 8px;}.loyaltyGrid:not([data-ui-owned~="columns"]){grid-template-columns: repeat(2, 1fr);} .loyaltyGrid div:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.loyaltyGrid div:not([data-ui-owned~="radius"]){border-radius: 14px;}.loyaltyGrid div:not([data-ui-owned~="spacing"]){padding: 12px;}.loyaltyGrid div:not([data-ui-owned~="paint"]){background: #fff;} .loyaltyGrid span:not([data-ui-owned~="layout"]){display: block;}.loyaltyGrid span:not([data-ui-owned~="paint"]){color: var(--muted);}.loyaltyGrid span:not([data-ui-owned~="font"]){font-size: 12px;font-weight: 800;} .loyaltyGrid b:not([data-ui-owned~="font"]){font-size: 18px;} .emptyState:not([data-ui-owned~="spacing"]),.error:not([data-ui-owned~="spacing"]){padding: 18px;}.emptyState:not([data-ui-owned~="font"]),.error:not([data-ui-owned~="font"]){text-align: center;}.emptyState:not([data-ui-owned~="paint"]),.error:not([data-ui-owned~="paint"]){color: var(--muted);} @media (min-width: 650px){ .grid:not([data-ui-owned~="columns"]){grid-template-columns: repeat(3, minmax(0, 1fr));} body{max-width: 980px;margin: 0 auto;} .bottomNav:not([data-ui-owned~="size"]){max-width: 980px;}.bottomNav:not([data-ui-owned~="margin"]){margin: 0 auto;} .sitePage:not([data-ui-owned~="margin"]){margin-left: 16px;margin-right: 16px;} } @media (max-width: 430px){ h1:not([data-ui-owned~="font"]){font-size: 21px;} .top:not([data-ui-owned~="spacing"]){padding-left: 12px;padding-right: 12px;} .cart:not([data-ui-owned~="size"]){min-width: 106px;}.cart:not([data-ui-owned~="spacing"]){padding: 10px 11px;} .grid:not([data-ui-owned~="spacing"]){padding: 0 10px;}.grid:not([data-ui-owned~="layout"]){gap: 9px;} .card:not([data-ui-owned~="height"]){min-height: 222px;}.card:not([data-ui-owned~="radius"]){border-radius: 16px;} .img:not([data-ui-owned~="height"]){height: 100px;} .content:not([data-ui-owned~="spacing"]){padding: 9px;} .geoFields:not([data-ui-owned~="columns"]){grid-template-columns: 1fr 1fr;} .geoFields button:not([data-ui-owned~="layout"]){grid-column: 1 / -1;} .panelBottom{bottom: 64px;} } /* v31 client order/payment polish */ .orderDetailHead h3:not([data-ui-owned~="layout"]){display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;} .receiveTitle:not([data-ui-owned~="font"]){font-size: 18px;font-weight: 900;} .payOrderBtn:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;} .panelBottom button:disabled:not([data-ui-owned~="effect"]){opacity: .45;}.panelBottom button:disabled{cursor: not-allowed;} .receiveTitle.small:not([data-ui-owned~="font"]){font-size: 16px;} /* v32 client checkout/order compact actions + discount totals */ .createdOrderBox:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .createdOrderActions:not([data-ui-owned~="layout"]){display: flex;flex-wrap: wrap;gap: 8px;}.createdOrderActions:not([data-ui-owned~="margin"]){margin-top: 6px;} .createdOrderActions button:not([data-ui-owned~="border"]){border: 0;}.createdOrderActions button:not([data-ui-owned~="radius"]){border-radius: 12px;}.createdOrderActions button:not([data-ui-owned~="spacing"]){padding: 10px 12px;}.createdOrderActions button:not([data-ui-owned~="font"]){font-weight: 800;} .markPaidBtn:not([data-ui-owned~="paint"]){background: #16a34a;color: #fff;} .markPaidBtn:disabled:not([data-ui-owned~="effect"]){opacity: .65;} .orderTotals:not([data-ui-owned~="layout"]){display: grid;gap: 6px;}.orderTotals:not([data-ui-owned~="spacing"]){padding-top: 10px;} .orderTotals div:not([data-ui-owned~="layout"]){display: flex;align-items: center;justify-content: space-between;gap: 10px;}.orderTotals div:not([data-ui-owned~="paint"]){color: var(--muted);} .orderTotals b:not([data-ui-owned~="paint"]){color: var(--text);}.orderTotals b{white-space: nowrap;} .orderTotals .discountRow b:not([data-ui-owned~="paint"]){color: var(--ok);} .orderTotals .grandTotal:not([data-ui-owned~="border"]){border-top: 1px solid var(--border);}.orderTotals .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 8px;}.orderTotals .grandTotal:not([data-ui-owned~="paint"]){color: var(--text);}.orderTotals .grandTotal:not([data-ui-owned~="font"]){font-size: 18px;} .orderTotals .grandTotal b:not([data-ui-owned~="font"]){font-size: 19px;} /* v35 loyalty QR */ .qrBox:not([data-ui-owned~="layout"]){display: flex;justify-content: center;}.qrBox:not([data-ui-owned~="spacing"]){padding: 8px 0 2px;} .qrBox img:not([data-ui-owned~="size"]){width: min(260px, 74vw);}.qrBox img:not([data-ui-owned~="height"]){height: auto;}.qrBox img{image-rendering: pixelated;}.qrBox img:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.qrBox img:not([data-ui-owned~="radius"]){border-radius: 16px;}.qrBox img:not([data-ui-owned~="paint"]){background: #fff;}.qrBox img:not([data-ui-owned~="spacing"]){padding: 10px;} .cardCodeLabel:not([data-ui-owned~="font"]){text-align: center;font-size: 12px;font-weight: 800;}.cardCodeLabel:not([data-ui-owned~="paint"]){color: var(--muted);}.cardCodeLabel:not([data-ui-owned~="margin"]){margin-top: 2px;} .cardCode:not([data-ui-owned~="margin"]){margin-top: 2px;} /* v36 client order rating */ .reviewBox:not([data-ui-owned~="margin"]){margin-top: 12px;}.reviewBox:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.reviewBox:not([data-ui-owned~="radius"]){border-radius: 14px;}.reviewBox:not([data-ui-owned~="paint"]){background: #f8fafc;}.reviewBox:not([data-ui-owned~="spacing"]){padding: 12px;}.reviewBox:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .ratingButtons:not([data-ui-owned~="layout"]){display: grid;gap: 7px;}.ratingButtons:not([data-ui-owned~="columns"]){grid-template-columns: repeat(5, 1fr);} .ratingButtons button:not([data-ui-owned~="border"]),.editReviewBtn:not([data-ui-owned~="border"]){border: 0;}.ratingButtons button:not([data-ui-owned~="radius"]),.editReviewBtn:not([data-ui-owned~="radius"]){border-radius: 12px;}.ratingButtons button:not([data-ui-owned~="spacing"]),.editReviewBtn:not([data-ui-owned~="spacing"]){padding: 10px;}.ratingButtons button:not([data-ui-owned~="font"]),.editReviewBtn:not([data-ui-owned~="font"]){font-weight: 900;}.ratingButtons button:not([data-ui-owned~="paint"]),.editReviewBtn:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;} .reviewComment:not([data-ui-owned~="size"]){width: 100%;}.reviewComment:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.reviewComment:not([data-ui-owned~="radius"]){border-radius: 12px;}.reviewComment:not([data-ui-owned~="spacing"]){padding: 10px;}.reviewComment:not([data-ui-owned~="font"]){font: inherit;}.reviewComment{resize: vertical;}.reviewComment:not([data-ui-owned~="height"]){min-height: 58px;} .orderTotals div span::after{content: "";} /* v37: fixed catalog search while product list scrolls */ body:not(.sectionMode) .searchBox.catalogOnly{position: sticky;top: 64px;z-index: 6;backdrop-filter: blur(12px);}body:not(.sectionMode) .searchBox.catalogOnly:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.96);}body:not(.sectionMode) .searchBox.catalogOnly:not([data-ui-owned~="border"]){border-bottom: 1px solid rgba(229,231,235,.55);} @media (max-width: 430px){ body:not(.sectionMode) .searchBox.catalogOnly{top: 58px;} } /* v38: payment hints and phone confirmation */ .paymentHint:not([data-ui-owned~="border"]),.phoneConfirm:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.paymentHint:not([data-ui-owned~="radius"]),.phoneConfirm:not([data-ui-owned~="radius"]){border-radius: 14px;}.paymentHint:not([data-ui-owned~="paint"]),.phoneConfirm:not([data-ui-owned~="paint"]){background: #f8fafc;color: var(--text);}.paymentHint:not([data-ui-owned~="spacing"]),.phoneConfirm:not([data-ui-owned~="spacing"]){padding: 10px 12px;}.paymentHint:not([data-ui-owned~="font"]),.phoneConfirm:not([data-ui-owned~="font"]){font-size: 13px;} .paymentHint button:not([data-ui-owned~="border"]),.phoneConfirm button:not([data-ui-owned~="border"]){border: 0;}.paymentHint button:not([data-ui-owned~="radius"]),.phoneConfirm button:not([data-ui-owned~="radius"]){border-radius: 10px;}.paymentHint button:not([data-ui-owned~="spacing"]),.phoneConfirm button:not([data-ui-owned~="spacing"]){padding: 8px 10px;}.paymentHint button:not([data-ui-owned~="paint"]),.phoneConfirm button:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;}.paymentHint button:not([data-ui-owned~="font"]),.phoneConfirm button:not([data-ui-owned~="font"]){font-weight: 900;}.paymentHint button:not([data-ui-owned~="margin"]),.phoneConfirm button:not([data-ui-owned~="margin"]){margin-top: 6px;} .paymentHint small:not([data-ui-owned~="paint"]){color: var(--muted);} .orderPaymentHint:not([data-ui-owned~="margin"]){margin-top: 10px;} .phoneConfirm.ok:not([data-ui-owned~="paint"]){background: #eef7ee;color: var(--ok);} /* v39 client delivery addresses and order-list detail flow */ .mutedBox:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.mutedBox:not([data-ui-owned~="radius"]){border-radius: 14px;}.mutedBox:not([data-ui-owned~="paint"]){background: #f8fafc;color: var(--muted);}.mutedBox:not([data-ui-owned~="spacing"]){padding: 10px 12px;}.mutedBox:not([data-ui-owned~="font"]){font-size: 13px;} .addressPanel:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.addressPanel:not([data-ui-owned~="radius"]){border-radius: 14px;}.addressPanel:not([data-ui-owned~="paint"]){background: #fff;}.addressPanel:not([data-ui-owned~="spacing"]){padding: 8px;} .addressList:not([data-ui-owned~="layout"]){display: grid;gap: 7px;} .addressPick:not([data-ui-owned~="size"]){width: 100%;}.addressPick:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.addressPick:not([data-ui-owned~="radius"]){border-radius: 12px;}.addressPick:not([data-ui-owned~="paint"]){background: #f8fafc;color: var(--text);}.addressPick:not([data-ui-owned~="spacing"]){padding: 9px 10px;}.addressPick:not([data-ui-owned~="font"]){text-align: left;}.addressPick:not([data-ui-owned~="layout"]){display: grid;gap: 2px;} .addressPick span:not([data-ui-owned~="paint"]),.addressPick small:not([data-ui-owned~="paint"]){color: var(--muted);}.addressPick span:not([data-ui-owned~="font"]),.addressPick small:not([data-ui-owned~="font"]){font-size: 12px;} .backToOrderListBtn:not([data-ui-owned~="margin"]){margin-bottom: 10px;} .orderDetail .secondaryBtn:not([data-ui-owned~="paint"]){background: #eef2f7;} /* v40: categories button, compact address editor, no modal crosses */ #closeInfo,.closeOrderBtn{display: none !important;} .categoryToggle:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.categoryToggle:not([data-ui-owned~="radius"]){border-radius: 999px;}.categoryToggle:not([data-ui-owned~="paint"]){background: #fff;color: var(--text);}.categoryToggle:not([data-ui-owned~="spacing"]){padding: 10px 14px;}.categoryToggle:not([data-ui-owned~="font"]){font-weight: 900;} .categoryPanel:not([data-ui-owned~="layout"]){display: flex;gap: 8px;overflow-x: auto;}.categoryPanel:not([data-ui-owned~="spacing"]){padding: 8px 0 2px;} .categoryPanel.hidden{display: none !important;} .addressTools:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .compactDeliveryTools:not([data-ui-owned~="layout"]){align-items: center;} .siteToast{position: fixed;left: 50%;bottom: calc(88px + env(safe-area-inset-bottom));z-index: 80;pointer-events: none;}.siteToast:not([data-ui-owned~="effect"]){transform: translateX(-50%) translateY(12px);opacity: 0;}.siteToast:not([data-ui-owned~="paint"]){background: rgba(15,23,42,.92);color: #fff;transition: .18s ease;}.siteToast:not([data-ui-owned~="spacing"]){padding: 10px 14px;}.siteToast:not([data-ui-owned~="radius"]){border-radius: 999px;}.siteToast:not([data-ui-owned~="font"]){font-weight: 900;} .siteToast.show:not([data-ui-owned~="effect"]){opacity: 1;transform: translateX(-50%) translateY(0);} /* v41: sticky catalog category button and address editor actions */ .searchBox.catalogOnly{position: sticky;top: 62px;z-index: 6;backdrop-filter: blur(12px);}.searchBox.catalogOnly:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.96);}.searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding-bottom: 8px;} .chips.catalogOnly{position: sticky;top: 125px;z-index: 5;backdrop-filter: blur(12px);}.chips.catalogOnly:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.96);}.chips.catalogOnly:not([data-ui-owned~="spacing"]){padding-top: 4px;} .categoryToggle{position: sticky;left: 0;z-index: 2;}.categoryToggle:not([data-ui-owned~="paint"]){box-shadow: 0 2px 8px rgba(15,23,42,.06);} .addressPanel{position: relative;}.addressPanel:not([data-ui-owned~="spacing"]){padding: 12px;}.addressPanel:not([data-ui-owned~="paint"]){box-shadow: 0 8px 26px rgba(15,23,42,.08);} .addressPanel::before{content: "Мои адреса";}.addressPanel:not([data-ui-owned~="layout"])::before{display: block;}.addressPanel:not([data-ui-owned~="font"])::before{font-size: 18px;font-weight: 900;}.addressPanel:not([data-ui-owned~="margin"])::before{margin-bottom: 8px;} .addressRow:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.addressRow:not([data-ui-owned~="radius"]){border-radius: 13px;}.addressRow:not([data-ui-owned~="paint"]){background: #f8fafc;}.addressRow:not([data-ui-owned~="spacing"]){padding: 8px;}.addressRow:not([data-ui-owned~="layout"]){display: grid;gap: 7px;} .addressRow .addressPick:not([data-ui-owned~="border"]){border: 0;}.addressRow .addressPick:not([data-ui-owned~="paint"]){background: transparent;}.addressRow .addressPick:not([data-ui-owned~="spacing"]){padding: 0;}.addressRow .addressPick:not([data-ui-owned~="radius"]){border-radius: 0;} .softHidden{display: none !important;} @media (max-width: 430px){ .searchBox.catalogOnly{top: 58px;} .chips.catalogOnly{top: 116px;} } /* v42: client switch interface and delivery address modes */ .bottomNav .switchNav{display: none;} body.hasInterfaceSwitch .bottomNav:not([data-ui-owned~="columns"]){grid-template-columns: repeat(6, 1fr);} body.hasInterfaceSwitch .bottomNav .switchNav:not([data-ui-owned~="layout"]){display: grid;} .switchList:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .switchLink:not([data-ui-owned~="border"]){border: 0;}.switchLink:not([data-ui-owned~="radius"]){border-radius: 14px;}.switchLink:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;}.switchLink:not([data-ui-owned~="spacing"]){padding: 12px;}.switchLink:not([data-ui-owned~="font"]){font-weight: 900;text-align: center;} body.simpleAddressMode #addressPanel:not([data-ui-owned~="layout"]){display: block;} body.simpleAddressMode #addressPanel .addressList,body.simpleAddressMode #findAddressBtn,body.simpleAddressMode #locateBtn,body.simpleAddressMode #openMapBtn,body.simpleAddressMode #saveAddressBtn,body.simpleAddressMode .geoFields,body.simpleAddressMode #mapPreview{display: none !important;} body.simpleAddressMode #addressesBtn{display: none !important;} body.simpleAddressMode #deliveryAddress:not([data-ui-owned~="layout"]){display: block;} @media (max-width: 430px){ body.hasInterfaceSwitch .bottomNav button:not([data-ui-owned~="font"]){font-size: 15px;}body.hasInterfaceSwitch .bottomNav button:not([data-ui-owned~="spacing"]){padding-left: 2px;padding-right: 2px;} body.hasInterfaceSwitch .bottomNav button span:not([data-ui-owned~="font"]){font-size: 9px;} } /* v43: client header, category reset, sticky order detail, mobile width fixes */ #catalogSubtitle{display: none !important;} .categoryToolbar:not([data-ui-owned~="layout"]){display: flex;gap: 8px;overflow-x: auto;}.categoryToolbar:not([data-ui-owned~="spacing"]){padding-bottom: 2px;} .categoryToolbar .categoryToggle{white-space: nowrap;}.categoryToolbar .categoryToggle:not([data-ui-owned~="layout"]){flex: 0 0 auto;} .categoryToolbar .allCategories:not([data-ui-owned~="paint"]){background: #eef2f7;} .paymentBadge:not([data-ui-owned~="layout"]){display: inline-flex;align-items: center;}.paymentBadge:not([data-ui-owned~="radius"]){border-radius: 999px;}.paymentBadge:not([data-ui-owned~="spacing"]){padding: 3px 8px;}.paymentBadge:not([data-ui-owned~="paint"]){background: #eef2f7;color: var(--muted);}.paymentBadge:not([data-ui-owned~="font"]){font-size: 12px;font-weight: 900;}.paymentBadge:not([data-ui-owned~="margin"]){margin-left: 6px;}.paymentBadge{vertical-align: middle;} .paymentBadge.paid:not([data-ui-owned~="paint"]){background: transparent;color: #166534;} .statusLine:not([data-ui-owned~="layout"]){display: flex;align-items: center;gap: 6px;flex-wrap: wrap;} .statusLine .paymentBadge:not([data-ui-owned~="margin"]){margin-left: 0;} body.hasInterfaceSwitch .bottomNav .switchNav:not([data-ui-owned~="layout"]){display: grid !important;} body:not(.hasInterfaceSwitch) .bottomNav .switchNav{display: none !important;} html,body{max-width: 100%;overflow-x: hidden;} #infoPanel .panelHead{position: sticky;top: 64px;z-index: 16;}#infoPanel .panelHead:not([data-ui-owned~="paint"]){background: rgba(255,255,255,.98);}#infoPanel .panelHead:not([data-ui-owned~="spacing"]){padding: 10px 0;}#infoPanel .panelHead:not([data-ui-owned~="margin"]){margin: -14px 0 8px;}#infoPanel .panelHead:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border);} .backToOrderListBtn{position: sticky;top: 124px;z-index: 15;}.backToOrderListBtn:not([data-ui-owned~="size"]){width: 100%;}.backToOrderListBtn:not([data-ui-owned~="margin"]){margin: 0 0 10px;}.backToOrderListBtn:not([data-ui-owned~="paint"]){box-shadow: 0 6px 16px rgba(15,23,42,.08);} .orderItemLine:not([data-ui-owned~="layout"]){display: grid;gap: 8px;align-items: start;}.orderItemLine:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto;} .orderItemLine span:not([data-ui-owned~="size"]){min-width: 0;}.orderItemLine span:not([data-ui-owned~="layout"]){overflow-wrap: anywhere;} .orderItemLine b{white-space: nowrap;} .card:not([data-ui-owned~="size"]),.panel:not([data-ui-owned~="size"]),.orderDetail:not([data-ui-owned~="size"]),.orderCard:not([data-ui-owned~="size"]),.categoryToolbar:not([data-ui-owned~="size"]){max-width: 100%;} @media (max-width: 430px){ #infoPanel .panelHead{top: 58px;} .backToOrderListBtn{top: 114px;} .sitePage:not([data-ui-owned~="margin"]){margin-left: 10px;margin-right: 10px;} .products:not([data-ui-owned~="layout"]){gap: 12px;} .card .content:not([data-ui-owned~="size"]){min-width: 0;} .card .name:not([data-ui-owned~="layout"]){overflow-wrap: anywhere;} } /* v44: fixed panels with only item blocks scrolling, editable cart quantities */ .categoryToolbar:not([data-ui-owned~="layout"]){justify-content: flex-start;} .categoryToolbar .allCategories{order: -1;} .cartLine.editable:not([data-ui-owned~="layout"]){align-items: start;} .cartLineControls:not([data-ui-owned~="layout"]){grid-column: 1 / -1;display: grid;gap: 8px;align-items: center;}.cartLineControls:not([data-ui-owned~="columns"]){grid-template-columns: 42px minmax(0, 1fr) 42px;}.cartLineControls:not([data-ui-owned~="margin"]){margin-top: 6px;} .cartLineControls button:not([data-ui-owned~="height"]){min-height: 40px;}.cartLineControls button:not([data-ui-owned~="radius"]){border-radius: 12px;}.cartLineControls button:not([data-ui-owned~="spacing"]){padding: 0;}.cartLineControls button:not([data-ui-owned~="font"]){font-size: 22px;line-height: 1;} .cartQtyInput:not([data-ui-owned~="size"]){width: 100%;}.cartQtyInput:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.cartQtyInput:not([data-ui-owned~="radius"]){border-radius: 12px;}.cartQtyInput:not([data-ui-owned~="spacing"]){padding: 9px 10px;}.cartQtyInput:not([data-ui-owned~="font"]){text-align: center;font: inherit;font-weight: 900;font-size: 18px;} body.simpleAddressMode #addressPanel .addressList:not([data-ui-owned~="layout"]),body.simpleAddressMode #findAddressBtn:not([data-ui-owned~="layout"]),body.simpleAddressMode #locateBtn:not([data-ui-owned~="layout"]),body.simpleAddressMode #openMapBtn:not([data-ui-owned~="layout"]),body.simpleAddressMode #saveAddressBtn:not([data-ui-owned~="layout"]),body.simpleAddressMode .geoFields:not([data-ui-owned~="layout"]),body.simpleAddressMode #mapPreview:not([data-ui-owned~="layout"]),body.simpleAddressMode #addressesBtn:not([data-ui-owned~="layout"]){display: revert !important;} body.sectionMode .sitePage:not(.hidden){position: fixed;left: 10px;right: 10px;top: 72px;bottom: calc(76px + env(safe-area-inset-bottom));display: flex;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="margin"]){margin: 0;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="layout"]){flex-direction: column;overflow: hidden;} #cartPanel .panelHead:not([data-ui-owned~="layout"]),#infoPanel .panelHead:not([data-ui-owned~="layout"]),#cartPanel .checkoutBox:not([data-ui-owned~="layout"]),#cartPanel .panelBottom:not([data-ui-owned~="layout"]),#infoPanel .orderDetailHead:not([data-ui-owned~="layout"]),#infoPanel .orderTotals:not([data-ui-owned~="layout"]),#infoPanel .orderActions:not([data-ui-owned~="layout"]),#infoPanel .reviewBox:not([data-ui-owned~="layout"]),#infoPanel .orderPaymentHint:not([data-ui-owned~="layout"]){flex: 0 0 auto;} #cartItems:not([data-ui-owned~="layout"]){flex: 1 1 auto;overflow-y: auto;}#cartItems:not([data-ui-owned~="height"]){min-height: 74px;}#cartItems:not([data-ui-owned~="spacing"]){padding-right: 2px;} #infoBody:not([data-ui-owned~="layout"]){flex: 1 1 auto;overflow: hidden;display: flex;flex-direction: column;}#infoBody:not([data-ui-owned~="height"]){min-height: 0;} #infoBody > .checkoutResult:not([data-ui-owned~="layout"]){flex: 0 0 auto;} #infoBody > .orderDetail:not([data-ui-owned~="layout"]),#infoBody > .backToOrderListBtn + .orderDetail:not([data-ui-owned~="layout"]){flex: 1 1 auto;}#infoBody > .orderDetail:not([data-ui-owned~="height"]),#infoBody > .backToOrderListBtn + .orderDetail:not([data-ui-owned~="height"]){min-height: 0;} .orderDetail:not([data-ui-owned~="layout"]){display: flex;flex-direction: column;overflow: hidden;}.orderDetail:not([data-ui-owned~="height"]){min-height: 0;} .orderItems:not([data-ui-owned~="layout"]){flex: 1 1 auto;overflow-y: auto;}.orderItems:not([data-ui-owned~="height"]){min-height: 76px;}.orderItems:not([data-ui-owned~="spacing"]){padding-right: 2px;} .backToOrderListBtn{position: static;top: auto;z-index: auto;}.backToOrderListBtn:not([data-ui-owned~="layout"]){flex: 0 0 auto;} .siteOrderList:not([data-ui-owned~="height"]){min-height: 0;}.siteOrderList:not([data-ui-owned~="layout"]){overflow-y: auto;} @media (max-width: 430px){ body.sectionMode .sitePage:not(.hidden){left: 8px;right: 8px;top: 66px;bottom: calc(74px + env(safe-area-inset-bottom));} #cartPanel .checkoutBox:not([data-ui-owned~="height"]){max-height: 48vh;}#cartPanel .checkoutBox:not([data-ui-owned~="layout"]){overflow-y: auto;} .orderItemLine:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto;}.orderItemLine:not([data-ui-owned~="layout"]){gap: 6px;} .orderItems:not([data-ui-owned~="height"]){min-height: 120px;} } /* v45: undo over-fixed client panels; category picker as a readable list */ .chips.catalogOnly:not([data-ui-owned~="layout"]){overflow: visible;display: block;}.chips.catalogOnly:not([data-ui-owned~="spacing"]){padding-bottom: 10px;} .categoryToolbar:not([data-ui-owned~="layout"]){display: flex;gap: 8px;overflow: visible;align-items: center;}.categoryToolbar:not([data-ui-owned~="spacing"]){padding-bottom: 0;} .categoryToolbar .categoryToggle{position: static;text-overflow: ellipsis;white-space: nowrap;}.categoryToolbar .categoryToggle:not([data-ui-owned~="size"]){min-width: 0;max-width: 100%;}.categoryToolbar .categoryToggle:not([data-ui-owned~="layout"]){overflow: hidden;} .categoryToolbar .allCategories{order: 0;}.categoryToolbar .allCategories:not([data-ui-owned~="layout"]){flex: 0 0 auto;}.categoryToolbar .allCategories:not([data-ui-owned~="paint"]){background: #fff;}.categoryToolbar .allCategories:not([data-ui-owned~="size"]){max-width: 45vw;} .categoryToolbar .allCategories.active:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;} #categoryToggle:not([data-ui-owned~="layout"]){flex: 1 1 auto;} .categoryPanel{position: fixed;left: 12px;right: 12px;bottom: calc(76px + env(safe-area-inset-bottom));z-index: 55;}.categoryPanel:not([data-ui-owned~="height"]){max-height: min(62vh, 520px);}.categoryPanel:not([data-ui-owned~="layout"]){overflow-y: auto;display: block;}.categoryPanel:not([data-ui-owned~="paint"]){background: #fff;box-shadow: 0 18px 48px rgba(15,23,42,.22);}.categoryPanel:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.categoryPanel:not([data-ui-owned~="radius"]){border-radius: 18px;}.categoryPanel:not([data-ui-owned~="spacing"]){padding: 12px;} .categoryPanel.hidden{display: none !important;} .categoryPanelHead{position: sticky;top: -12px;backdrop-filter: blur(10px);z-index: 1;}.categoryPanelHead:not([data-ui-owned~="paint"]){background: rgba(255,255,255,.98);}.categoryPanelHead:not([data-ui-owned~="layout"]){display: flex;justify-content: space-between;align-items: center;gap: 10px;}.categoryPanelHead:not([data-ui-owned~="spacing"]){padding: 2px 0 10px;}.categoryPanelHead:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border);}.categoryPanelHead:not([data-ui-owned~="margin"]){margin-bottom: 10px;} .categoryPanelHead b:not([data-ui-owned~="font"]){font-size: 18px;} .categoryPanelHead button:not([data-ui-owned~="border"]){border: 0;}.categoryPanelHead button:not([data-ui-owned~="paint"]){background: #eef2f7;color: var(--text);}.categoryPanelHead button:not([data-ui-owned~="radius"]){border-radius: 12px;}.categoryPanelHead button:not([data-ui-owned~="size"]){width: 40px;}.categoryPanelHead button:not([data-ui-owned~="height"]){height: 36px;}.categoryPanelHead button:not([data-ui-owned~="font"]){font-size: 24px;line-height: 1;} .categoryList:not([data-ui-owned~="layout"]){display: grid;gap: 8px;}.categoryList:not([data-ui-owned~="columns"]){grid-template-columns: 1fr;} .categoryList .chip:not([data-ui-owned~="size"]){width: 100%;}.categoryList .chip:not([data-ui-owned~="font"]){text-align: left;font-weight: 900;}.categoryList .chip{white-space: normal;}.categoryList .chip:not([data-ui-owned~="radius"]){border-radius: 14px;}.categoryList .chip:not([data-ui-owned~="spacing"]){padding: 7px 8px 7px 12px;}.categoryList .chip:not([data-ui-owned~="layout"]){display:flex;align-items:center;justify-content:space-between;gap:12px;} .categoryListName:not([data-ui-owned~="size"]){min-width:0;}.categoryListName:not([data-ui-owned~="layout"]){flex:1 1 auto;overflow-wrap:anywhere;} .categoryListThumb:not([data-ui-owned~="size"]){width:42px;}.categoryListThumb:not([data-ui-owned~="height"]){height:42px;}.categoryListThumb:not([data-ui-owned~="layout"]){flex:0 0 42px;overflow:hidden;display:grid;place-items:center;}.categoryListThumb:not([data-ui-owned~="radius"]){border-radius:10px;}.categoryListThumb:not([data-ui-owned~="paint"]){background:#f8fafc;}.categoryListThumb:not([data-ui-owned~="border"]){border:1px solid var(--border);} .categoryListThumb img:not([data-ui-owned~="size"]){width:100%;}.categoryListThumb img:not([data-ui-owned~="height"]){height:100%;}.categoryListThumb img:not([data-ui-owned~="layout"]){display:block;}.categoryListThumb img:not([data-ui-owned~="image"]){object-fit:cover;} .categoryListThumb svg:not([data-ui-owned~="size"]){width:24px;}.categoryListThumb svg:not([data-ui-owned~="height"]){height:24px;}.categoryListThumb svg{fill:none;stroke:#94a3b8;stroke-width:2;} /* return sections to natural card flow; only bottom action remains sticky */ body.sectionMode .sitePage:not(.hidden){position: static;left: auto;right: auto;top: auto;bottom: auto;display: block;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="height"]){min-height: 0;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="layout"]){overflow: visible;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="margin"]){margin: 10px 14px 0;} #cartItems:not([data-ui-owned~="layout"]),#infoBody:not([data-ui-owned~="layout"]),#infoBody > .orderDetail:not([data-ui-owned~="layout"]),.orderDetail:not([data-ui-owned~="layout"]),.orderItems:not([data-ui-owned~="layout"]),.siteOrderList:not([data-ui-owned~="layout"]){flex: initial;overflow: visible;display: initial;}#cartItems:not([data-ui-owned~="height"]),#infoBody:not([data-ui-owned~="height"]),#infoBody > .orderDetail:not([data-ui-owned~="height"]),.orderDetail:not([data-ui-owned~="height"]),.orderItems:not([data-ui-owned~="height"]),.siteOrderList:not([data-ui-owned~="height"]){min-height: 0;max-height: none;} #cartItems.cartItems:not([data-ui-owned~="layout"]),.siteOrderList:not([data-ui-owned~="layout"]){display: grid;} #infoBody > .orderDetail:not([data-ui-owned~="layout"]),.orderDetail:not([data-ui-owned~="layout"]){display: block;} #infoPanel .panelHead{position: static;top: auto;}#infoPanel .panelHead:not([data-ui-owned~="margin"]){margin: 0 0 8px;}#infoPanel .panelHead:not([data-ui-owned~="spacing"]){padding: 0;}#infoPanel .panelHead:not([data-ui-owned~="border"]){border-bottom: 0;}#infoPanel .panelHead:not([data-ui-owned~="paint"]){background: transparent;} .backToOrderListBtn{position: sticky;top: 60px;z-index: 7;}.backToOrderListBtn:not([data-ui-owned~="size"]){width: 100%;}.backToOrderListBtn:not([data-ui-owned~="margin"]){margin: 0 0 10px;}.backToOrderListBtn:not([data-ui-owned~="paint"]){box-shadow: 0 6px 16px rgba(15,23,42,.08);} #cartPanel .checkoutBox:not([data-ui-owned~="height"]){max-height: none;}#cartPanel .checkoutBox:not([data-ui-owned~="layout"]){overflow: visible;} /* tighter cart quantity controls */ .cartLine:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto;} .cartLine > div:first-child:not([data-ui-owned~="size"]){min-width: 0;}.cartLine > div:first-child:not([data-ui-owned~="layout"]){overflow-wrap: anywhere;} .cartLineControls:not([data-ui-owned~="columns"]){grid-template-columns: 34px minmax(0, 1fr) 34px;}.cartLineControls:not([data-ui-owned~="layout"]){gap: 7px;}.cartLineControls:not([data-ui-owned~="margin"]){margin-top: 5px;} .cartLineControls button:not([data-ui-owned~="height"]){min-height: 34px;}.cartLineControls button:not([data-ui-owned~="radius"]){border-radius: 10px;}.cartLineControls button:not([data-ui-owned~="font"]){font-size: 20px;} .cartQtyInput:not([data-ui-owned~="height"]){min-height: 34px;}.cartQtyInput:not([data-ui-owned~="spacing"]){padding: 6px 8px;}.cartQtyInput:not([data-ui-owned~="radius"]){border-radius: 10px;}.cartQtyInput:not([data-ui-owned~="font"]){font-size: 17px;} .panelBottom{bottom: calc(68px + env(safe-area-inset-bottom));}.panelBottom:not([data-ui-owned~="spacing"]){padding-top: 10px;} .loyaltyBox:not([data-ui-owned~="spacing"]){padding-top: 0;} .qrBox:not([data-ui-owned~="spacing"]){padding-top: 2px;} @media (max-width: 430px){ body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="margin"]){margin-left: 10px;margin-right: 10px;} .categoryPanel{left: 10px;right: 10px;} .categoryToolbar .allCategories:not([data-ui-owned~="size"]){max-width: 42vw;} .panelBottom:not([data-ui-owned~="layout"]){align-items: center;} .panelBottom b:not([data-ui-owned~="font"]){font-size: 16px;} .panelBottom button:not([data-ui-owned~="spacing"]){padding: 10px 12px;} .cartLineControls:not([data-ui-owned~="columns"]){grid-template-columns: 32px minmax(0, 1fr) 32px;} } /* v46: stable modal categories, profile, and fixed item-scroll order panels */ .categoryToolbar:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px;overflow: visible !important;align-items: center;}.categoryToolbar:not([data-ui-owned~="columns"]){grid-template-columns: auto minmax(0, 1fr);} .categoryToolbar .categoryToggle:not([data-ui-owned~="height"]){min-height: 42px;}.categoryToolbar .categoryToggle:not([data-ui-owned~="size"]){max-width: 100%;}.categoryToolbar .categoryToggle:not([data-ui-owned~="layout"]){overflow: hidden;}.categoryToolbar .categoryToggle{text-overflow: ellipsis;white-space: nowrap;} .categoryToolbar .allCategories:not([data-ui-owned~="size"]){max-width: none !important;}.categoryToolbar .allCategories{order: 0 !important;} .activeCategoryName:not([data-ui-owned~="margin"]){margin-top: 7px;}.activeCategoryName:not([data-ui-owned~="paint"]){color: var(--muted);}.activeCategoryName:not([data-ui-owned~="font"]){font-size: 12px;}.activeCategoryName:not([data-ui-owned~="spacing"]){padding-left: 4px;} .categoryOverlay{position: fixed;inset: 0;z-index: 1000;}.categoryOverlay:not([data-ui-owned~="paint"]){background: rgba(15, 23, 42, .42);}.categoryOverlay:not([data-ui-owned~="layout"]){display: grid;align-items: end;}.categoryOverlay:not([data-ui-owned~="spacing"]){padding: 12px;} .categoryOverlay.hidden{display: none !important;} .categorySheet:not([data-ui-owned~="size"]){width: min(680px, 100%);}.categorySheet:not([data-ui-owned~="margin"]){margin: 0 auto calc(70px + env(safe-area-inset-bottom));}.categorySheet:not([data-ui-owned~="height"]){max-height: min(70vh, 560px);}.categorySheet:not([data-ui-owned~="layout"]){overflow-y: auto;}.categorySheet:not([data-ui-owned~="paint"]){background: #fff;box-shadow: 0 22px 60px rgba(15,23,42,.28);}.categorySheet:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.categorySheet:not([data-ui-owned~="radius"]){border-radius: 20px;}.categorySheet:not([data-ui-owned~="spacing"]){padding: 12px;} .categorySheet .categoryPanelHead{position: sticky;top: -12px;z-index: 2;} .categoryPanel{position: static;} .paymentHint.warning:not([data-ui-owned~="paint"]){background: #fff7ed;color: #9a3412;}.paymentHint.warning:not([data-ui-owned~="border"]){border-color: #fed7aa;} body.sectionMode .sitePage:not(.hidden){position: fixed !important;left: 10px !important;right: 10px !important;top: 72px !important;bottom: calc(76px + env(safe-area-inset-bottom)) !important;display: flex !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="margin"]){margin: 0 !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="layout"]){flex-direction: column !important;overflow: hidden !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="spacing"]){padding: 14px !important;} #cartPanel .panelHead:not([data-ui-owned~="layout"]),#cartPanel .checkoutBox:not([data-ui-owned~="layout"]),#cartPanel .panelBottom:not([data-ui-owned~="layout"]),#infoPanel .panelHead:not([data-ui-owned~="layout"]),#infoPanel .backToOrderListBtn:not([data-ui-owned~="layout"]),#infoPanel .orderDetailHead:not([data-ui-owned~="layout"]),#infoPanel .orderTotals:not([data-ui-owned~="layout"]),#infoPanel .orderActions:not([data-ui-owned~="layout"]),#infoPanel .reviewBox:not([data-ui-owned~="layout"]),#infoPanel .orderPaymentHint:not([data-ui-owned~="layout"]){flex: 0 0 auto;} #cartItems:not([data-ui-owned~="layout"]){display: grid !important;gap: 0;flex: 1 1 auto !important;overflow-y: auto !important;}#cartItems:not([data-ui-owned~="height"]){min-height: 70px !important;}#cartItems:not([data-ui-owned~="spacing"]){padding-right: 2px;} #cartPanel .checkoutBox:not([data-ui-owned~="margin"]){margin-top: 10px;}#cartPanel .checkoutBox:not([data-ui-owned~="height"]){max-height: none !important;}#cartPanel .checkoutBox:not([data-ui-owned~="layout"]){overflow: visible !important;} #cartPanel .panelBottom{position: static !important;bottom: auto !important;}#cartPanel .panelBottom:not([data-ui-owned~="margin"]){margin-top: 8px;}#cartPanel .panelBottom:not([data-ui-owned~="spacing"]){padding-top: 10px;} #infoBody:not([data-ui-owned~="layout"]){flex: 1 1 auto !important;overflow-y: auto !important;display: block !important;}#infoBody:not([data-ui-owned~="height"]){min-height: 0 !important;} #infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="layout"]){overflow: hidden !important;display: flex !important;flex-direction: column !important;} #infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="layout"]){flex: 1 1 auto !important;display: flex !important;flex-direction: column !important;overflow: hidden !important;}#infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="height"]){min-height: 0 !important;} #infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="layout"]){flex: 1 1 auto !important;overflow-y: auto !important;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="height"]){min-height: 90px !important;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="spacing"]){padding-right: 2px;} #infoPanel .panelHead{position: static !important;}#infoPanel .panelHead:not([data-ui-owned~="margin"]){margin: 0 0 8px !important;}#infoPanel .panelHead:not([data-ui-owned~="spacing"]){padding: 0 0 8px !important;}#infoPanel .panelHead:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border) !important;}#infoPanel .panelHead:not([data-ui-owned~="paint"]){background: transparent !important;} .backToOrderListBtn{position: static !important;}.backToOrderListBtn:not([data-ui-owned~="size"]){width: 100%;}.backToOrderListBtn:not([data-ui-owned~="margin"]){margin: 0 0 10px !important;}.backToOrderListBtn:not([data-ui-owned~="paint"]){box-shadow: none !important;} .siteOrderList:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px;} .orderDetail:not([data-ui-owned~="margin"]){margin-top: 0;} .orderItems:not([data-ui-owned~="layout"]){display: block !important;} .cartLineControls:not([data-ui-owned~="columns"]){grid-template-columns: 30px minmax(0, 1fr) 30px !important;}.cartLineControls:not([data-ui-owned~="layout"]){gap: 6px !important;} .cartLineControls button:not([data-ui-owned~="height"]){min-height: 30px !important;}.cartLineControls button:not([data-ui-owned~="radius"]){border-radius: 9px !important;}.cartLineControls button:not([data-ui-owned~="font"]){font-size: 18px !important;} .cartQtyInput:not([data-ui-owned~="height"]){min-height: 30px !important;}.cartQtyInput:not([data-ui-owned~="spacing"]){padding: 4px 8px !important;}.cartQtyInput:not([data-ui-owned~="font"]){font-size: 16px !important;} .profileBox:not([data-ui-owned~="layout"]){display: grid;gap: 12px;}.profileBox:not([data-ui-owned~="height"]){min-height: 0;} .profileCardTop:not([data-ui-owned~="layout"]){display: grid;gap: 12px;align-items: start;}.profileCardTop:not([data-ui-owned~="columns"]){grid-template-columns: auto minmax(0, 1fr);} .profileCardInfo:not([data-ui-owned~="size"]){min-width: 0;}.profileCardInfo:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .compactQr:not([data-ui-owned~="spacing"]){padding: 0;} .compactQr img:not([data-ui-owned~="size"]){width: min(170px, 34vw);}.compactQr img:not([data-ui-owned~="spacing"]){padding: 7px;} .loyaltyGrid.compact:not([data-ui-owned~="columns"]){grid-template-columns: repeat(2, minmax(0, 1fr));} .profileSection:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.profileSection:not([data-ui-owned~="radius"]){border-radius: 16px;}.profileSection:not([data-ui-owned~="paint"]){background: #fff;}.profileSection:not([data-ui-owned~="spacing"]){padding: 12px;}.profileSection:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .profileSection h3:not([data-ui-owned~="margin"]){margin: 0;} .phoneBindRow:not([data-ui-owned~="layout"]){display: grid;gap: 8px;}.phoneBindRow:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto;}.phoneBindRow:not([data-ui-owned~="margin"]){margin-top: 8px;} .phoneBindRow input:not([data-ui-owned~="size"]){min-width: 0;}.phoneBindRow input:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.phoneBindRow input:not([data-ui-owned~="radius"]){border-radius: 12px;}.phoneBindRow input:not([data-ui-owned~="spacing"]){padding: 10px;}.phoneBindRow input:not([data-ui-owned~="font"]){font: inherit;} .dangerBtn:not([data-ui-owned~="paint"]){background: #fee2e2 !important;color: var(--danger) !important;} .addressProfileSection #addressPanel:not([data-ui-owned~="layout"]){display: grid;gap: 8px;}.addressProfileSection #addressPanel:not([data-ui-owned~="paint"]){box-shadow: none;}.addressProfileSection #addressPanel:not([data-ui-owned~="spacing"]){padding: 0;}.addressProfileSection #addressPanel:not([data-ui-owned~="border"]){border: 0;} .addressProfileSection #addressPanel::before{display: none;} .addressProfileSection #addressTools:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .addressProfileSection .addressList:not([data-ui-owned~="height"]){max-height: 180px;}.addressProfileSection .addressList:not([data-ui-owned~="layout"]){overflow-y: auto;} @media (max-width: 430px){ body.sectionMode .sitePage:not(.hidden){left:clamp(6px,2.2vw,10px) !important;right:clamp(6px,2.2vw,10px) !important;top:66px !important;bottom:calc(74px + env(safe-area-inset-bottom)) !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="spacing"]){padding:clamp(9px,2.8vw,12px) !important;} #cartPanel .checkoutBox:not([data-ui-owned~="layout"]){gap: 7px;} .profileCardTop:not([data-ui-owned~="columns"]){grid-template-columns: 1fr;} .compactQr img:not([data-ui-owned~="size"]){width: min(230px, 72vw);} .phoneBindRow:not([data-ui-owned~="columns"]){grid-template-columns: 1fr;} .categorySheet:not([data-ui-owned~="margin"]){margin-bottom: calc(66px + env(safe-area-inset-bottom));} } /* v47: compact checkout forms, profile action buttons, stable foreground category sheet */ .categoryOverlay{z-index: 5000 !important;}.categoryOverlay:not([data-ui-owned~="layout"]){align-items: center !important;} .categorySheet:not([data-ui-owned~="margin"]){margin: 0 auto !important;}.categorySheet:not([data-ui-owned~="height"]){max-height: min(78vh, 620px) !important;} .categoryToolbar:not([data-ui-owned~="columns"]){grid-template-columns: auto minmax(0, 1fr) !important;} .categoryToolbar .allCategories{justify-self: start;} .compactCheckout:not([data-ui-owned~="layout"]){gap: 8px !important;} .checkoutQuick:not([data-ui-owned~="layout"]){display:grid;gap:clamp(10px,2.8vw,14px);}.checkoutQuick:not([data-ui-owned~="columns"]){grid-template-columns: repeat(3, minmax(0, 1fr));} .checkoutQuick button:not([data-ui-owned~="border"]){border: 1px solid var(--ui-border-strong,var(--border));}.checkoutQuick button:not([data-ui-owned~="paint"]){background: transparent;color: var(--text);box-shadow:none;}.checkoutQuick button:not([data-ui-owned~="radius"]){border-radius: 14px;}.checkoutQuick button:not([data-ui-owned~="spacing"]){padding: 8px 7px;}.checkoutQuick button:not([data-ui-owned~="size"]){min-width: 0;}.checkoutQuick button:not([data-ui-owned~="font"]){text-align:center;}.checkoutQuick button:not([data-ui-owned~="layout"]){display:grid;gap:2px;justify-items:center;align-content:center;} .checkoutQuick span:not([data-ui-owned~="paint"]){color: var(--muted);}.checkoutQuick span:not([data-ui-owned~="font"]){font-size: 11px;font-weight: 900;} .checkoutQuick b:not([data-ui-owned~="font"]){font-size: 13px;line-height: 1.15;}.checkoutQuick b:not([data-ui-owned~="layout"]){overflow: hidden;}.checkoutQuick b{text-overflow: ellipsis;white-space: nowrap;} .checkoutQuick .uiInfoTile.needsChoice{position:relative!important;overflow:visible!important;border-color:var(--accent,#2481cc)!important;color:var(--accent,#2481cc)!important;animation:clickableStatusPulseStrong 1.12s ease-in-out infinite!important;} .checkoutQuick .uiInfoTile.needsChoice::after{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:inherit;animation:clickableStatusPulseRing 1.12s ease-out infinite;} .checkoutPinBtn:not([data-ui-owned~="size"]){width:100%;} .checkoutPinBtn:not([data-ui-owned~="height"]){min-height:38px;} .checkoutPinBtn:not([data-ui-owned~="border"]){border:1px solid var(--border);} .checkoutPinBtn:not([data-ui-owned~="radius"]){border-radius:12px;} .checkoutPinBtn:not([data-ui-owned~="paint"]){background:transparent;color:var(--text);} .checkoutPinBtn:not([data-ui-owned~="spacing"]){padding:8px 10px;} .checkoutPinBtn:not([data-ui-owned~="font"]){font-size:12px;font-weight:800;text-align:center;} .checkoutPinBtn.active:not([data-ui-owned~="paint"]){color:var(--accent,#2481cc);background:color-mix(in srgb,var(--accent,#2481cc) 10%,transparent);} .checkoutPinBtn.active:not([data-ui-owned~="border"]){border-color:var(--accent,#2481cc);} .checkoutPinBtn:disabled:not([data-ui-owned~="effect"]){opacity:.42;} #checkoutBtn:disabled{cursor:default;} @media (prefers-reduced-motion:reduce){ .checkoutQuick .uiInfoTile.needsChoice{animation:none!important;} .checkoutQuick .uiInfoTile.needsChoice::after{animation:none!important;display:none!important;} } .compactWarning:not([data-ui-owned~="spacing"]){padding: 7px 9px !important;}.compactWarning:not([data-ui-owned~="font"]){font-size: 12px !important;line-height: 1.25;}.compactWarning:not([data-ui-owned~="margin"]){margin: 0 !important;} .checkoutEditorOverlay{position: fixed;inset: 0;z-index: 5100;}.checkoutEditorOverlay:not([data-ui-owned~="paint"]){background: rgba(15,23,42,.42);}.checkoutEditorOverlay:not([data-ui-owned~="layout"]){display: grid;align-items: end;}.checkoutEditorOverlay:not([data-ui-owned~="spacing"]){padding: 12px;} .checkoutEditorOverlay.hidden{display: none !important;} .checkoutEditorSheet:not([data-ui-owned~="size"]){width: min(620px, 100%);}.checkoutEditorSheet:not([data-ui-owned~="margin"]){margin: 0 auto calc(70px + env(safe-area-inset-bottom));}.checkoutEditorSheet:not([data-ui-owned~="paint"]){background: #fff;box-shadow: 0 22px 60px rgba(15,23,42,.28);}.checkoutEditorSheet:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.checkoutEditorSheet:not([data-ui-owned~="radius"]){border-radius: 20px;}.checkoutEditorSheet:not([data-ui-owned~="spacing"]){padding: 12px;}.checkoutEditorSheet:not([data-ui-owned~="layout"]){display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden;}.checkoutEditorSheet:not([data-ui-owned~="height"]){max-height: min(78vh, 620px);} .checkoutEditorHead:not([data-ui-owned~="layout"]){display:flex;justify-content:space-between;align-items:center;gap:8px;position:sticky;top:0;z-index:2;}.checkoutEditorHead:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border);}.checkoutEditorHead:not([data-ui-owned~="spacing"]){padding-bottom: 8px;} .checkoutEditorHead b:not([data-ui-owned~="font"]){font-size: 18px;} .checkoutEditorHead button:not([data-ui-owned~="size"]){min-width: 40px;}.checkoutEditorHead button:not([data-ui-owned~="height"]){min-height: 36px;}.checkoutEditorHead button:not([data-ui-owned~="font"]){font-size: 22px;}.checkoutEditorHead button:not([data-ui-owned~="spacing"]){padding: 0;} .checkoutEditor:not([data-ui-owned~="layout"]){overflow-y:auto;min-height:0;} .checkoutEditor:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .compactSegmented:not([data-ui-owned~="margin"]){margin-bottom: 0;} #cartPanel .checkoutBox:not([data-ui-owned~="layout"]){flex: 0 0 auto !important;}#cartPanel .checkoutBox:not([data-ui-owned~="margin"]){margin-top: 8px !important;} #cartPanel .panelBottom:not([data-ui-owned~="layout"]){flex: 0 0 auto !important;} #cartItems:not([data-ui-owned~="height"]){min-height: 110px !important;} .cartLine:not([data-ui-owned~="spacing"]){padding: 8px 0 !important;}.cartLine:not([data-ui-owned~="layout"]){gap: 6px !important;} .cartLineControls:not([data-ui-owned~="columns"]){grid-template-columns: 28px minmax(0, 1fr) 28px !important;}.cartLineControls:not([data-ui-owned~="layout"]){gap: 5px !important;} .cartLineControls button:not([data-ui-owned~="height"]){min-height: 28px !important;}.cartLineControls button:not([data-ui-owned~="size"]){width: 28px !important;}.cartLineControls button:not([data-ui-owned~="radius"]){border-radius: 9px !important;}.cartLineControls button:not([data-ui-owned~="font"]){font-size: 17px !important;} .cartQtyInput:not([data-ui-owned~="height"]){min-height: 28px !important;}.cartQtyInput:not([data-ui-owned~="spacing"]){padding: 3px 6px !important;}.cartQtyInput:not([data-ui-owned~="font"]){font-size: 15px !important;} .profileActionButtons:not([data-ui-owned~="layout"]){display: grid;gap: 8px;}.profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns: 1fr 1fr;} .profileActionButtons button:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.profileActionButtons button:not([data-ui-owned~="paint"]){background: #fff;color: var(--text);}.profileActionButtons button:not([data-ui-owned~="radius"]){border-radius: 16px;}.profileActionButtons button:not([data-ui-owned~="spacing"]){padding: 11px 12px;}.profileActionButtons button:not([data-ui-owned~="size"]){min-width: 0;}.profileActionButtons button:not([data-ui-owned~="layout"]){display: grid;gap: 4px;}.profileActionButtons button:not([data-ui-owned~="font"]){text-align: left;} .profileActionButtons span:not([data-ui-owned~="paint"]){color: var(--muted);}.profileActionButtons span:not([data-ui-owned~="font"]){font-size: 12px;font-weight: 900;} .profileActionButtons b:not([data-ui-owned~="layout"]){overflow: hidden;}.profileActionButtons b{text-overflow: ellipsis;white-space: nowrap;}.profileActionButtons b:not([data-ui-owned~="font"]){font-size: 14px;} .profileNextLevel:not([data-ui-owned~="margin"]){margin: 0;}.profileNextLevel:not([data-ui-owned~="paint"]){color: var(--muted);}.profileNextLevel:not([data-ui-owned~="font"]){font-size: 13px;} .profileActionSheet{position: fixed;inset: 0;z-index: 5200;}.profileActionSheet:not([data-ui-owned~="paint"]){background: rgba(15,23,42,.42);}.profileActionSheet:not([data-ui-owned~="layout"]){display: grid;align-items: end;}.profileActionSheet:not([data-ui-owned~="spacing"]){padding: 12px;} .profileSheetBox:not([data-ui-owned~="size"]){width: min(620px, 100%);}.profileSheetBox:not([data-ui-owned~="margin"]){margin: 0 auto calc(70px + env(safe-area-inset-bottom));}.profileSheetBox:not([data-ui-owned~="paint"]){background: #fff;box-shadow: 0 22px 60px rgba(15,23,42,.28);}.profileSheetBox:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.profileSheetBox:not([data-ui-owned~="radius"]){border-radius: 20px;}.profileSheetBox:not([data-ui-owned~="spacing"]){padding: 12px;}.profileSheetBox:not([data-ui-owned~="height"]){max-height: min(78vh, 620px);}.profileSheetBox:not([data-ui-owned~="layout"]){overflow-y: auto;display: grid;gap: 10px;} .profileSheetHead:not([data-ui-owned~="layout"]){display: flex;justify-content: space-between;align-items: center;gap: 8px;}.profileSheetHead:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border);}.profileSheetHead:not([data-ui-owned~="spacing"]){padding-bottom: 8px;} .profileSheetHead b:not([data-ui-owned~="font"]){font-size: 18px;} .profileSheetHead button:not([data-ui-owned~="size"]){min-width: 40px;}.profileSheetHead button:not([data-ui-owned~="height"]){min-height: 36px;}.profileSheetHead button:not([data-ui-owned~="font"]){font-size: 22px;}.profileSheetHead button:not([data-ui-owned~="spacing"]){padding: 0;} .profileSheetBody:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .mutedText:not([data-ui-owned~="margin"]){margin: 0;}.mutedText:not([data-ui-owned~="paint"]){color: var(--muted);}.mutedText:not([data-ui-owned~="font"]){font-size: 13px;} .profileSheetBody #addressPanel:not([data-ui-owned~="layout"]){display: grid;gap: 8px;}.profileSheetBody #addressPanel:not([data-ui-owned~="border"]){border: 0;}.profileSheetBody #addressPanel:not([data-ui-owned~="paint"]){box-shadow: none;}.profileSheetBody #addressPanel:not([data-ui-owned~="spacing"]){padding: 0;} .profileSheetBody #addressPanel::before{display: none;} .profileSheetBody .addressList:not([data-ui-owned~="height"]){max-height: 220px;}.profileSheetBody .addressList:not([data-ui-owned~="layout"]){overflow-y: auto;} @media (max-width: 430px){ .checkoutQuick:not([data-ui-owned~="layout"]){gap:10px;} .checkoutQuick button:not([data-ui-owned~="spacing"]){padding: 7px 6px;}.checkoutQuick button:not([data-ui-owned~="radius"]){border-radius: 12px;} .checkoutQuick b:not([data-ui-owned~="font"]){font-size: 12px;} .checkoutQuick span:not([data-ui-owned~="font"]){font-size: 10px;} .checkoutEditorSheet:not([data-ui-owned~="margin"]),.profileSheetBox:not([data-ui-owned~="margin"]){margin-bottom: calc(66px + env(safe-area-inset-bottom));} .profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns: 1fr;} #cartItems:not([data-ui-owned~="height"]){min-height: 140px !important;} } /* v48: compact catalog/cart/order/profile polish */ .addToCartBtn:not([data-ui-owned~="size"]){width: 100%;}.addToCartBtn:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.addToCartBtn:not([data-ui-owned~="radius"]){border-radius: 14px;}.addToCartBtn:not([data-ui-owned~="paint"]){background: #fff;color: var(--text);}.addToCartBtn:not([data-ui-owned~="height"]){min-height: 42px;}.addToCartBtn:not([data-ui-owned~="font"]){font-weight: 900;font-size: 15px;} .cartItems:not([data-ui-owned~="height"]){min-height: 0;} .cartLineCompact:not([data-ui-owned~="layout"]){display: grid;align-items: center;gap: 9px;}.cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns: 58px minmax(0, 1fr) auto;}.cartLineCompact:not([data-ui-owned~="spacing"]){padding: 9px 0;} .cartLineImg:not([data-ui-owned~="layout"]){display: grid;place-items: center;overflow: hidden;} .cartLineImg img:not([data-ui-owned~="size"]){width: 100%;}.cartLineImg img:not([data-ui-owned~="height"]){height: 100%;}.cartLineImg img:not([data-ui-owned~="image"]){object-fit: contain;} .cartLineMain:not([data-ui-owned~="size"]){min-width: 0;}.cartLineMain:not([data-ui-owned~="layout"]){display: grid;gap: 2px;} .cartLineMain b:not([data-ui-owned~="font"]){font-size: 14px;line-height: 1.12;} .cartLineMain small:not([data-ui-owned~="paint"]){color: var(--muted);}.cartLineMain small:not([data-ui-owned~="font"]){font-size: 12px;} .cartLineMain strong:not([data-ui-owned~="font"]){font-size: 16px;} .compactStepper:not([data-ui-owned~="layout"]){display: grid;align-items: center;gap: 4px;}.compactStepper:not([data-ui-owned~="columns"]){grid-template-columns: 36px 48px 24px 36px;} .compactStepper button:not([data-ui-owned~="size"]){width: 36px;}.compactStepper button:not([data-ui-owned~="height"]){height: 36px;}.compactStepper button:not([data-ui-owned~="radius"]){border-radius: 12px;}.compactStepper button:not([data-ui-owned~="spacing"]){padding: 0;}.compactStepper button:not([data-ui-owned~="font"]){font-size: 20px;} .compactStepper input:not([data-ui-owned~="size"]){width: 48px;min-width: 0;}.compactStepper input:not([data-ui-owned~="height"]){height: 36px;}.compactStepper input:not([data-ui-owned~="spacing"]){padding: 4px;}.compactStepper input:not([data-ui-owned~="font"]){font-size: 16px;text-align: center;} .compactStepper span:not([data-ui-owned~="paint"]){color: var(--muted);}.compactStepper span:not([data-ui-owned~="font"]){font-size: 12px;font-weight: 900;} .editorActions:not([data-ui-owned~="layout"]){display: flex;justify-content: flex-end;gap: 8px;}.editorActions:not([data-ui-owned~="margin"]){margin-top: 8px;} .primaryBtn:not([data-ui-owned~="border"]){border: 0;}.primaryBtn:not([data-ui-owned~="radius"]){border-radius: 12px;}.primaryBtn:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;}.primaryBtn:not([data-ui-owned~="spacing"]){padding: 10px 12px;}.primaryBtn:not([data-ui-owned~="font"]){font-weight: 900;} .profileNextLevel:not([data-ui-owned~="margin"]){margin: 8px 0 0;}.profileNextLevel:not([data-ui-owned~="paint"]){color: var(--muted);}.profileNextLevel:not([data-ui-owned~="font"]){font-size: 12px;font-weight: 800;} /* Client order details: only product block scrolls, header/totals/actions stay visible */ #infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="height"]){min-height: 0;} #infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="height"]){max-height: calc(100vh - 190px - env(safe-area-inset-bottom));min-height: 0;}#infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="layout"]){display: flex;flex-direction: column;} #infoPanel.orderDetailMode .orderDetailHead:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .orderTotals:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .paymentHint:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .orderActions:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .reviewBox:not([data-ui-owned~="layout"]){flex: 0 0 auto;} #infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="layout"]){flex: 1 1 auto;overflow-y: auto;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="height"]){min-height: 96px;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="spacing"]){padding-right: 2px;} .orderDetailHead h3:not([data-ui-owned~="font"]){font-size: 17px;line-height: 1.14;} .orderDetailHead p:not([data-ui-owned~="margin"]){margin: 4px 0;}.orderDetailHead p:not([data-ui-owned~="font"]){font-size: 13px;} .orderItemLine:not([data-ui-owned~="spacing"]){padding: 7px 0;}.orderItemLine:not([data-ui-owned~="layout"]){gap: 8px;} .orderItemLine span:not([data-ui-owned~="font"]){font-size: 14px;line-height: 1.15;} .orderItemLine small:not([data-ui-owned~="font"]){font-size: 12px;} .orderItemLine > b:not([data-ui-owned~="font"]){font-size: 14px;}.orderItemLine > b{white-space: nowrap;} .orderTotals:not([data-ui-owned~="layout"]){gap: 3px;}.orderTotals:not([data-ui-owned~="spacing"]){padding-top: 7px;} .orderTotals div:not([data-ui-owned~="font"]){font-size: 14px;} .orderTotals .grandTotal:not([data-ui-owned~="font"]){font-size: 16px;}.orderTotals .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 6px;} .orderTotals .grandTotal b:not([data-ui-owned~="font"]){font-size: 17px;} .reviewBox:not([data-ui-owned~="spacing"]){padding: 9px;}.reviewBox:not([data-ui-owned~="layout"]){gap: 6px;} .ratingButtons:not([data-ui-owned~="layout"]){gap: 6px;} .ratingButtons button:not([data-ui-owned~="spacing"]),.editReviewBtn:not([data-ui-owned~="spacing"]){padding: 8px;}.ratingButtons button:not([data-ui-owned~="radius"]),.editReviewBtn:not([data-ui-owned~="radius"]){border-radius: 10px;} .reviewComment:not([data-ui-owned~="height"]){min-height: 48px;}.reviewComment:not([data-ui-owned~="spacing"]){padding: 8px;}.reviewComment:not([data-ui-owned~="font"]){font-size: 14px;} @media (max-width: 430px){ #infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="height"]){max-height: calc(100vh - 176px - env(safe-area-inset-bottom));} .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns: 48px minmax(0, 1fr);}.cartLineCompact:not([data-ui-owned~="layout"]){gap: 7px;} .cartLineControls.compactStepper:not([data-ui-owned~="layout"]){grid-column: 1 / -1;}.cartLineControls.compactStepper{justify-self: end;} .compactStepper:not([data-ui-owned~="columns"]){grid-template-columns: 34px 44px 22px 34px;} .compactStepper button:not([data-ui-owned~="size"]){width: 34px;}.compactStepper button:not([data-ui-owned~="height"]){height: 34px;}.compactStepper button:not([data-ui-owned~="radius"]){border-radius: 11px;} .compactStepper input:not([data-ui-owned~="size"]){width: 44px;}.compactStepper input:not([data-ui-owned~="height"]){height: 34px;} .checkoutQuick button:not([data-ui-owned~="spacing"]){padding: 8px 7px;}.checkoutQuick button:not([data-ui-owned~="height"]){min-height: 54px;} .compactWarning:not([data-ui-owned~="font"]){font-size: 12px;}.compactWarning:not([data-ui-owned~="spacing"]){padding: 7px 9px;} .orderDetailHead h3:not([data-ui-owned~="font"]){font-size: 16px;} .orderItemLine span:not([data-ui-owned~="font"]){font-size: 13px;} .orderTotals div:not([data-ui-owned~="font"]){font-size: 13px;} } .editorHeadActions:not([data-ui-owned~="layout"]){display: flex;align-items: center;gap: 8px;} .commentSaveHead.hidden{display: none !important;} /* v49: iPhone compact UI, fixed header, larger product-scroll area in order details */ .top:not([data-ui-owned~="spacing"]){padding: 10px 14px 8px !important;}.top{z-index: 80 !important;} .top h1:not([data-ui-owned~="font"]){font-size: 20px !important;line-height: 1.08 !important;}.top h1:not([data-ui-owned~="size"]){max-width: calc(100vw - 150px);}.top h1{white-space: nowrap;text-overflow: ellipsis;}.top h1:not([data-ui-owned~="layout"]){overflow: hidden;} .cart:not([data-ui-owned~="size"]){min-width: 104px !important;}.cart:not([data-ui-owned~="spacing"]){padding: 9px 11px !important;}.cart:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.cart:not([data-ui-owned~="font"]){font-size: 15px !important;} .searchBox.catalogOnly{top: 54px !important;} .chips.catalogOnly{top: 112px !important;} .categoryToolbar:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;}.categoryToolbar:not([data-ui-owned~="layout"]){gap: 7px !important;} .categoryToolbar .categoryToggle:not([data-ui-owned~="height"]){min-height: 36px !important;}.categoryToolbar .categoryToggle:not([data-ui-owned~="spacing"]){padding: 7px 10px !important;}.categoryToolbar .categoryToggle:not([data-ui-owned~="radius"]){border-radius: 999px !important;}.categoryToolbar .categoryToggle:not([data-ui-owned~="font"]){font-size: 14px !important;line-height: 1.08 !important;}.categoryToolbar .categoryToggle:not([data-ui-owned~="size"]){min-width: 0 !important;width: 100% !important;}.categoryToolbar .categoryToggle{justify-self: stretch !important;} .activeCategoryName:not([data-ui-owned~="font"]){font-size: 11px !important;}.activeCategoryName:not([data-ui-owned~="margin"]){margin-top: 4px !important;} /* Cart: keep quantity controls in one compact horizontal row */ #cartPanel .panelHead:not([data-ui-owned~="margin"]){margin-bottom: 4px !important;} #cartPanel .panelHead h2:not([data-ui-owned~="font"]){font-size: 21px !important;} #cartPanel .panelHead p:not([data-ui-owned~="font"]){font-size: 12px !important;} .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns:clamp(42px,12vw,54px) minmax(0,1fr) auto !important;}.cartLineCompact:not([data-ui-owned~="layout"]){column-gap:clamp(6px,2vw,10px) !important;row-gap:7px !important;align-items:center !important;}.cartLineCompact:not([data-ui-owned~="spacing"]){padding: 7px 0 !important;} .cartLineMain b:not([data-ui-owned~="font"]){font-size: 13px !important;line-height: 1.08 !important;} .cartLineMain small:not([data-ui-owned~="font"]){font-size: 11px !important;} .cartLineMain strong:not([data-ui-owned~="font"]){font-size: 15px !important;} .cartStepperInline:not([data-ui-owned~="layout"]),.cartLineControls.cartStepperInline:not([data-ui-owned~="layout"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="layout"]){grid-column: auto !important;display: grid !important;align-items: center !important;justify-content: end !important;gap: 4px !important;}.cartStepperInline:not([data-ui-owned~="columns"]),.cartLineControls.cartStepperInline:not([data-ui-owned~="columns"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="columns"]){grid-template-columns: 28px 44px 20px 28px !important;}.cartStepperInline:not([data-ui-owned~="margin"]),.cartLineControls.cartStepperInline:not([data-ui-owned~="margin"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="margin"]){margin-top: 0 !important;}.cartStepperInline:not([data-ui-owned~="size"]),.cartLineControls.cartStepperInline:not([data-ui-owned~="size"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="size"]){min-width: 128px !important;} .cartStepperInline button:not([data-ui-owned~="size"]),.cartLineControls.cartStepperInline button:not([data-ui-owned~="size"]){width: 28px !important;}.cartStepperInline button:not([data-ui-owned~="height"]),.cartLineControls.cartStepperInline button:not([data-ui-owned~="height"]){height: 28px !important;min-height: 28px !important;}.cartStepperInline button:not([data-ui-owned~="radius"]),.cartLineControls.cartStepperInline button:not([data-ui-owned~="radius"]){border-radius: 9px !important;}.cartStepperInline button:not([data-ui-owned~="font"]),.cartLineControls.cartStepperInline button:not([data-ui-owned~="font"]){font-size: 16px !important;}.cartStepperInline button:not([data-ui-owned~="spacing"]),.cartLineControls.cartStepperInline button:not([data-ui-owned~="spacing"]){padding: 0 !important;} .cartStepperInline input:not([data-ui-owned~="size"]),.cartLineControls.cartStepperInline input:not([data-ui-owned~="size"]){width: 44px !important;}.cartStepperInline input:not([data-ui-owned~="height"]),.cartLineControls.cartStepperInline input:not([data-ui-owned~="height"]){height: 28px !important;min-height: 28px !important;}.cartStepperInline input:not([data-ui-owned~="spacing"]),.cartLineControls.cartStepperInline input:not([data-ui-owned~="spacing"]){padding: 2px 4px !important;}.cartStepperInline input:not([data-ui-owned~="radius"]),.cartLineControls.cartStepperInline input:not([data-ui-owned~="radius"]){border-radius: 9px !important;}.cartStepperInline input:not([data-ui-owned~="font"]),.cartLineControls.cartStepperInline input:not([data-ui-owned~="font"]){font-size: 14px !important;} .cartStepperInline span:not([data-ui-owned~="font"]){font-size: 11px !important;} .checkoutQuick button:not([data-ui-owned~="height"]){min-height: 48px !important;}.checkoutQuick button:not([data-ui-owned~="spacing"]){padding: 6px 7px !important;} .checkoutQuick span:not([data-ui-owned~="font"]){font-size: 10px !important;} .checkoutQuick b:not([data-ui-owned~="font"]){font-size: 12px !important;} .compactWarning:not([data-ui-owned~="font"]){font-size: 11px !important;}.compactWarning:not([data-ui-owned~="spacing"]){padding: 6px 8px !important;} #cartPanel .checkoutBox:not([data-ui-owned~="layout"]){gap: 6px !important;}#cartPanel .checkoutBox:not([data-ui-owned~="margin"]){margin-top: 6px !important;}#cartPanel .checkoutBox:not([data-ui-owned~="spacing"]){padding-top: 8px !important;} #cartPanel .checkoutBox h3:not([data-ui-owned~="font"]){font-size: 18px !important;} #cartPanel .panelBottom:not([data-ui-owned~="spacing"]){padding-top: 8px !important;}#cartPanel .panelBottom:not([data-ui-owned~="margin"]){margin-top: 6px !important;} #cartPanel .panelBottom b:not([data-ui-owned~="font"]){font-size: 15px !important;} #cartPanel .panelBottom button:not([data-ui-owned~="spacing"]){padding:9px 11px !important;}#cartPanel .panelBottom button:not([data-ui-owned~="font"]){font-size:15px !important;} /* 2.0.327 canonical client viewport resilience. It branches the existing owners instead of overlaying a second cart/checkout geometry. */ #cartPanel,#infoPanel,.sitePage,.panelBody,.checkoutBox,.checkoutQuick,.cartLineMain,.cartLineControls{min-width:0 !important;max-width:100%;} #cartPanel button,#cartPanel .uiInfoTile,#cartPanel .segment,#cartPanel .secondaryBtn,#cartPanel .primaryBtn,.checkoutEditorOverlay button{ text-align:center !important; } #cartPanel .checkoutQuick button{justify-items:center !important;overflow-wrap:anywhere;} #cartPanel .cartLineMain > b{overflow-wrap:anywhere;} #cartPanel .cartLineMain > small{white-space:normal;overflow-wrap:anywhere;} #cartPanel .grandTotal,#cartPanel .deliveryTotalRow,#cartPanel .totalsFull>div{min-width:0;} #cartPanel .grandTotal b,#cartPanel .deliveryTotalRow b,#cartPanel .totalsFull b{white-space:nowrap;} #cartPanel .checkoutResult{max-width:100%;overflow-wrap:anywhere;} #cartPanel input,#cartPanel select,#cartPanel textarea,.checkoutEditorOverlay input,.checkoutEditorOverlay select,.checkoutEditorOverlay textarea{max-width:100%;min-width:0;} /* Order details: remove duplicate outer title and make only products scroll */ #infoPanel.orderDetailMode > .panelHead{display: none !important;} #infoPanel.orderDetailMode{top: 62px !important;bottom: calc(72px + env(safe-area-inset-bottom)) !important;}#infoPanel.orderDetailMode:not([data-ui-owned~="spacing"]){padding: 10px !important;} #infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="height"]){height: 100% !important;min-height: 0 !important;}#infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="layout"]){overflow: hidden !important;display: flex !important;flex-direction: column !important;} #infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="layout"]){flex: 0 0 auto !important;}#infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="height"]){min-height: 38px !important;}#infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="spacing"]){padding: 8px 10px !important;}#infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="margin"]){margin-bottom: 8px !important;}#infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="font"]){font-size: 15px !important;} #infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="layout"]){flex: 1 1 auto !important;display: flex !important;flex-direction: column !important;overflow: hidden !important;}#infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="height"]){min-height: 0 !important;max-height: none !important;}#infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="spacing"]){padding: 10px !important;}#infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="radius"]){border-radius: 15px !important;} #infoPanel.orderDetailMode .orderDetailHead:not([data-ui-owned~="spacing"]){padding-bottom: 5px !important;} #infoPanel.orderDetailMode .orderDetailHead h3:not([data-ui-owned~="font"]){font-size: 15px !important;line-height: 1.1 !important;}#infoPanel.orderDetailMode .orderDetailHead h3:not([data-ui-owned~="margin"]){margin-bottom: 2px !important;} #infoPanel.orderDetailMode .receiveTitle:not([data-ui-owned~="font"]){font-size: 15px !important;} #infoPanel.orderDetailMode .orderDetailHead p:not([data-ui-owned~="font"]){font-size: 11px !important;line-height: 1.15 !important;}#infoPanel.orderDetailMode .orderDetailHead p:not(.statusLine):not([data-ui-owned~="margin"]){margin: 2px 0 !important;} #infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="layout"]){flex: 1 1 55% !important;overflow-y: auto !important;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="height"]){min-height: 135px !important;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="spacing"]){padding-right: 3px !important;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="border"]){border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);} #infoPanel.orderDetailMode .orderItemLine:not([data-ui-owned~="spacing"]){padding: 6px 0 !important;}#infoPanel.orderDetailMode .orderItemLine:not([data-ui-owned~="layout"]){gap: 6px !important;} #infoPanel.orderDetailMode .orderItemLine span:not([data-ui-owned~="font"]){font-size: 12px !important;line-height: 1.1 !important;} #infoPanel.orderDetailMode .orderItemLine small:not([data-ui-owned~="font"]){font-size: 10px !important;} #infoPanel.orderDetailMode .orderItemLine > b:not([data-ui-owned~="font"]){font-size: 12px !important;} #infoPanel.orderDetailMode .orderTotals:not([data-ui-owned~="spacing"]){padding-top: 6px !important;}#infoPanel.orderDetailMode .orderTotals:not([data-ui-owned~="layout"]){gap: 2px !important;} #infoPanel.orderDetailMode .orderTotals div:not([data-ui-owned~="font"]){font-size: 12px !important;line-height: 1.15 !important;} #infoPanel.orderDetailMode .orderTotals .grandTotal:not([data-ui-owned~="font"]){font-size: 14px !important;}#infoPanel.orderDetailMode .orderTotals .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 4px !important;} #infoPanel.orderDetailMode .orderTotals .grandTotal b:not([data-ui-owned~="font"]){font-size: 15px !important;} #infoPanel.orderDetailMode .orderPaymentHint{display: none !important;} #infoPanel.orderDetailMode .orderActions:not([data-ui-owned~="layout"]){gap: 6px !important;}#infoPanel.orderDetailMode .orderActions:not([data-ui-owned~="margin"]){margin-top: 7px !important;} #infoPanel.orderDetailMode .orderActions button:not([data-ui-owned~="spacing"]){padding: 8px 10px !important;}#infoPanel.orderDetailMode .orderActions button:not([data-ui-owned~="font"]){font-size: 13px !important;} #infoPanel.orderDetailMode .reviewBox:not([data-ui-owned~="margin"]){margin-top: 7px !important;}#infoPanel.orderDetailMode .reviewBox:not([data-ui-owned~="spacing"]){padding: 8px !important;}#infoPanel.orderDetailMode .reviewBox:not([data-ui-owned~="layout"]){gap: 5px !important;flex: 0 0 auto !important;overflow-y: auto !important;}#infoPanel.orderDetailMode .reviewBox:not([data-ui-owned~="height"]){max-height: 150px !important;} #infoPanel.orderDetailMode .reviewBox b:not([data-ui-owned~="font"]){font-size: 13px !important;} #infoPanel.orderDetailMode .ratingButtons:not([data-ui-owned~="layout"]){gap: 5px !important;} #infoPanel.orderDetailMode .ratingButtons button:not([data-ui-owned~="spacing"]),#infoPanel.orderDetailMode .editReviewBtn:not([data-ui-owned~="spacing"]){padding: 7px !important;}#infoPanel.orderDetailMode .ratingButtons button:not([data-ui-owned~="font"]),#infoPanel.orderDetailMode .editReviewBtn:not([data-ui-owned~="font"]){font-size: 13px !important;} #infoPanel.orderDetailMode .reviewComment:not([data-ui-owned~="height"]){min-height: 42px !important;}#infoPanel.orderDetailMode .reviewComment:not([data-ui-owned~="font"]){font-size: 12px !important;}#infoPanel.orderDetailMode .reviewComment:not([data-ui-owned~="spacing"]){padding: 7px !important;} @media (max-width: 430px){ .top:not([data-ui-owned~="spacing"]){padding: 9px 12px 7px !important;} .top h1:not([data-ui-owned~="font"]){font-size: 19px !important;}.top h1:not([data-ui-owned~="size"]){max-width: calc(100vw - 142px);} .cart:not([data-ui-owned~="size"]){min-width: 100px !important;}.cart:not([data-ui-owned~="spacing"]){padding: 8px 10px !important;}.cart:not([data-ui-owned~="font"]){font-size: 14px !important;} .searchBox.catalogOnly{top: 50px !important;} .chips.catalogOnly{top: 106px !important;}.chips.catalogOnly:not([data-ui-owned~="spacing"]){padding-left: 10px !important;padding-right: 10px !important;} .categoryToolbar:not([data-ui-owned~="layout"]){gap: 6px !important;} .categoryToolbar .categoryToggle:not([data-ui-owned~="font"]){font-size: 13px !important;}.categoryToolbar .categoryToggle:not([data-ui-owned~="spacing"]){padding: 7px 8px !important;}.categoryToolbar .categoryToggle:not([data-ui-owned~="height"]){min-height: 34px !important;} .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns: 38px minmax(0, 1fr) !important;}.cartLineCompact:not([data-ui-owned~="layout"]){grid-template-areas: "img main" "img controls";align-items: start !important;} .cartLineImg:not([data-ui-owned~="layout"]){grid-area: img;} .cartLineMain:not([data-ui-owned~="layout"]){grid-area: main;} .cartStepperInline:not([data-ui-owned~="layout"]){grid-area: controls;justify-content: start !important;} #infoPanel.orderDetailMode{top: 58px !important;left: 8px !important;right: 8px !important;} } /* v50: one category button, compact iPhone cart rows, icon save for comments */ .singleCategoryToolbar:not([data-ui-owned~="layout"]){display: block !important;overflow: visible !important;}.singleCategoryToolbar:not([data-ui-owned~="spacing"]){padding: 4px 10px 2px !important;} .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="size"]){width: auto !important;max-width: min(190px, 56vw) !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="height"]){min-height: 34px !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="spacing"]){padding: 7px 12px !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="font"]){font-size: 13px !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="paint"]){box-shadow: 0 2px 8px rgba(15,23,42,.06) !important;background: #fff !important;color: var(--text) !important;} .activeCategoryName:not([data-ui-owned~="layout"]){display: inline-flex !important;}.activeCategoryName:not([data-ui-owned~="margin"]){margin: 4px 10px 0 !important;}.activeCategoryName:not([data-ui-owned~="border"]){border: 0 !important;}.activeCategoryName:not([data-ui-owned~="paint"]){background: transparent !important;color: var(--muted) !important;}.activeCategoryName:not([data-ui-owned~="spacing"]){padding: 0 !important;}.activeCategoryName:not([data-ui-owned~="font"]){font-size: 12px !important;line-height: 1.2 !important;text-align: left !important;} .activeCategoryName b:not([data-ui-owned~="paint"]){color: var(--text);} .categorySheet{z-index: 5001 !important;} #cartPanel .panelHead p{display: none !important;} #cartPanel .panelHead:not([data-ui-owned~="spacing"]){padding-bottom: 2px !important;} #cartPanel .panelHead h2:not([data-ui-owned~="font"]){font-size: 21px !important;line-height: 1.05 !important;} .iconSaveBtn:not([data-ui-owned~="size"]){width: 34px !important;}.iconSaveBtn:not([data-ui-owned~="height"]){height: 34px !important;min-height: 34px !important;}.iconSaveBtn:not([data-ui-owned~="border"]){border: 0 !important;}.iconSaveBtn:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.iconSaveBtn:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;}.iconSaveBtn:not([data-ui-owned~="font"]){font-size: 20px !important;font-weight: 900 !important;}.iconSaveBtn:not([data-ui-owned~="spacing"]){padding: 0 !important;} .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns: 54px minmax(0, 1fr) auto !important;column-gap: 9px !important;}.cartLineCompact:not([data-ui-owned~="layout"]){align-items: stretch !important;}.cartLineCompact:not([data-ui-owned~="height"]){min-height: 72px !important;}.cartLineCompact:not([data-ui-owned~="spacing"]){padding: 8px 0 !important;} .cartLineImg{align-self: stretch !important;} .cartLineMain{align-content: center !important;}.cartLineMain:not([data-ui-owned~="layout"]){gap: 1px !important;} .cartLineMain b:not([data-ui-owned~="font"]){font-size: 13px !important;line-height: 1.08 !important;} .cartLineMain small:not([data-ui-owned~="font"]){font-size: 11px !important;line-height: 1.05 !important;} .cartLineMain strong:not([data-ui-owned~="font"]){font-size: 16px !important;}.cartLineMain strong:not([data-ui-owned~="margin"]){margin-top: 2px !important;} .cartLineControls.cartStepperInline:not([data-ui-owned~="layout"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="layout"]){grid-column: auto !important;display: grid !important;gap: 5px !important;justify-content: end !important;}.cartLineControls.cartStepperInline:not([data-ui-owned~="columns"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="columns"]){grid-template-columns: 34px 44px 34px !important;}.cartLineControls.cartStepperInline:not([data-ui-owned~="size"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="size"]){min-width: 122px !important;}.cartLineControls.cartStepperInline,.cartLineControls.compactStepper.cartStepperInline{align-self: center !important;}.cartLineControls.cartStepperInline:not([data-ui-owned~="margin"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="margin"]){margin: 0 !important;} .cartLineControls.cartStepperInline button:not([data-ui-owned~="size"]){width: 34px !important;}.cartLineControls.cartStepperInline button:not([data-ui-owned~="height"]){height: 34px !important;min-height: 34px !important;}.cartLineControls.cartStepperInline button:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.cartLineControls.cartStepperInline button:not([data-ui-owned~="font"]){font-size: 18px !important;}.cartLineControls.cartStepperInline button:not([data-ui-owned~="paint"]){background: #f3f4f6 !important;color: var(--text) !important;}.cartLineControls.cartStepperInline button:not([data-ui-owned~="border"]){border: 1px solid #d1d5db !important;} .cartQtyBox:not([data-ui-owned~="layout"]){display: grid !important;grid-template-rows: 19px 13px !important;align-items: center !important;}.cartQtyBox{justify-items: center !important;}.cartQtyBox:not([data-ui-owned~="size"]){min-width: 40px !important;} .cartQtyBox .cartQtyInput:not([data-ui-owned~="border"]),.cartLineControls.cartStepperInline .cartQtyInput:not([data-ui-owned~="border"]){border: 0 !important;}.cartQtyBox .cartQtyInput:not([data-ui-owned~="paint"]),.cartLineControls.cartStepperInline .cartQtyInput:not([data-ui-owned~="paint"]){background: transparent !important;box-shadow: none !important;}.cartQtyBox .cartQtyInput:not([data-ui-owned~="size"]),.cartLineControls.cartStepperInline .cartQtyInput:not([data-ui-owned~="size"]){width: 44px !important;}.cartQtyBox .cartQtyInput:not([data-ui-owned~="height"]),.cartLineControls.cartStepperInline .cartQtyInput:not([data-ui-owned~="height"]){height: 20px !important;min-height: 20px !important;}.cartQtyBox .cartQtyInput:not([data-ui-owned~="spacing"]),.cartLineControls.cartStepperInline .cartQtyInput:not([data-ui-owned~="spacing"]){padding: 0 !important;}.cartQtyBox .cartQtyInput:not([data-ui-owned~="font"]),.cartLineControls.cartStepperInline .cartQtyInput:not([data-ui-owned~="font"]){font-size: 16px !important;font-weight: 900 !important;text-align: center !important;} .cartQtyBox span:not([data-ui-owned~="font"]){font-size: 10px !important;line-height: 1 !important;font-weight: 800 !important;}.cartQtyBox span:not([data-ui-owned~="paint"]){color: var(--muted) !important;} @media (max-width: 430px){ .chips.catalogOnly{top: 106px !important;} .singleCategoryToolbar:not([data-ui-owned~="spacing"]){padding-left: 10px !important;padding-right: 10px !important;} .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="size"]){max-width: 170px !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="font"]){font-size: 12px !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="height"]){min-height: 32px !important;} .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns: 52px minmax(0, 1fr) auto !important;column-gap: 8px !important;}.cartLineCompact:not([data-ui-owned~="layout"]){grid-template-areas: none !important;}.cartLineCompact:not([data-ui-owned~="height"]){min-height: 70px !important;} .cartLineImg:not([data-ui-owned~="layout"]){grid-area: auto !important;} .cartLineMain:not([data-ui-owned~="layout"]){grid-area: auto !important;} .cartStepperInline:not([data-ui-owned~="layout"]){grid-area: auto !important;justify-content: end !important;} .cartLineControls.cartStepperInline:not([data-ui-owned~="columns"]){grid-template-columns: 32px 42px 32px !important;}.cartLineControls.cartStepperInline:not([data-ui-owned~="size"]){min-width: 112px !important;}.cartLineControls.cartStepperInline:not([data-ui-owned~="layout"]){gap: 4px !important;} .cartLineControls.cartStepperInline button:not([data-ui-owned~="size"]){width: 32px !important;}.cartLineControls.cartStepperInline button:not([data-ui-owned~="height"]){height: 32px !important;min-height: 32px !important;} .cartQtyBox .cartQtyInput:not([data-ui-owned~="size"]){width: 42px !important;}.cartQtyBox .cartQtyInput:not([data-ui-owned~="font"]){font-size: 15px !important;} #cartItems:not([data-ui-owned~="height"]){min-height: 150px !important;} } /* v51: active all-categories button, square cart preview and 1kg/1l cart steps visual tune */ .singleCategoryToolbar .categoryToggle.active:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;box-shadow: 0 6px 18px rgba(2,132,199,.22) !important;}.singleCategoryToolbar .categoryToggle.active:not([data-ui-owned~="border"]){border-color: var(--accent) !important;} .activeCategoryName:not([data-ui-owned~="layout"]){display: inline-flex !important;align-items: center !important;}.activeCategoryName:not([data-ui-owned~="size"]){max-width: calc(100% - 20px) !important;}.activeCategoryName:not([data-ui-owned~="radius"]){border-radius: 999px !important;}.activeCategoryName:not([data-ui-owned~="paint"]){background: #eef6ff !important;color: #075985 !important;}.activeCategoryName:not([data-ui-owned~="spacing"]){padding: 4px 9px !important;}.activeCategoryName:not([data-ui-owned~="font"]){font-weight: 800 !important;} .activeCategoryName b:not([data-ui-owned~="paint"]){color: #0f172a !important;} .cartLineImg{align-self: center !important;}.cartLineImg:not([data-ui-owned~="layout"]){display: flex !important;align-items: center !important;justify-content: center !important;overflow: hidden !important;} .cartLineImg img:not([data-ui-owned~="size"]){width: 100% !important;}.cartLineImg img:not([data-ui-owned~="height"]){height: 100% !important;}.cartLineImg img:not([data-ui-owned~="image"]){object-fit: contain !important;} .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns: 58px minmax(0, 1fr) auto !important;}.cartLineCompact:not([data-ui-owned~="height"]){min-height: 70px !important;}.cartLineCompact:not([data-ui-owned~="layout"]){align-items: center !important;} .cartLineControls.cartStepperInline:not([data-ui-owned~="columns"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="columns"]){grid-template-columns: 36px 42px 36px !important;}.cartLineControls.cartStepperInline:not([data-ui-owned~="size"]),.cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="size"]){min-width: 124px !important;} .cartLineControls.cartStepperInline button:not([data-ui-owned~="size"]){width: 36px !important;}.cartLineControls.cartStepperInline button:not([data-ui-owned~="height"]){height: 36px !important;min-height: 36px !important;} @media (max-width: 430px){ .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns: clamp(48px,14vw,56px) minmax(0, 1fr) auto !important;} .cartLineControls.cartStepperInline:not([data-ui-owned~="columns"]){grid-template-columns: 34px 40px 34px !important;}.cartLineControls.cartStepperInline:not([data-ui-owned~="size"]){min-width: 116px !important;} .cartLineControls.cartStepperInline button:not([data-ui-owned~="size"]){width: 34px !important;}.cartLineControls.cartStepperInline button:not([data-ui-owned~="height"]){height: 34px !important;min-height: 34px !important;} .cartQtyBox .cartQtyInput:not([data-ui-owned~="size"]){width: 40px !important;} } /* 2.0.329: canonical cart line owner. Product name owns the whole text width; price/sum and the stepper share the lower row. Compact phones reflow content, never scale the global UI. */ .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns:58px minmax(0,1fr) !important;column-gap:9px !important;} .cartLineCompact:not([data-ui-owned~="layout"]){align-items:start !important;row-gap:0 !important;} #cartPanel .cartLineMain:not([data-ui-owned~="layout"]){display:grid !important;gap:4px !important;min-width:0 !important;} #cartPanel .cartLineName{display:block !important;width:100% !important;min-width:0 !important;overflow-wrap:anywhere !important;word-break:normal !important;} #cartPanel .cartLineDetailRow:not([data-ui-owned~="layout"]){display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:end !important;gap:8px !important;min-width:0 !important;} #cartPanel .cartLineMeta:not([data-ui-owned~="layout"]){display:grid !important;gap:2px !important;min-width:0 !important;} #cartPanel .cartLineMeta small{min-width:0 !important;white-space:normal !important;overflow-wrap:anywhere !important;} #cartPanel .cartLineControls.cartStepperInline:not([data-ui-owned~="layout"]),#cartPanel .cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="layout"]){grid-column:auto !important;justify-self:end !important;align-self:end !important;justify-content:end !important;gap:4px !important;margin-top:0 !important;} #cartPanel .cartLineControls.cartStepperInline:not([data-ui-owned~="columns"]),#cartPanel .cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="columns"]){grid-template-columns:34px 40px 34px !important;} #cartPanel .cartLineControls.cartStepperInline:not([data-ui-owned~="size"]),#cartPanel .cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="size"]){min-width:116px !important;} #cartPanel .cartLineControls.cartStepperInline button:not([data-ui-owned~="size"]){width:34px !important;} #cartPanel .cartLineControls.cartStepperInline button:not([data-ui-owned~="height"]){height:34px !important;min-height:34px !important;} #cartPanel .cartQtyBox .cartQtyInput:not([data-ui-owned~="size"]){width:40px !important;} #cartPanel .cartLineSumRow:not([data-ui-owned~="layout"]){display:flex !important;align-items:baseline !important;justify-content:flex-start !important;gap:4px !important;flex-wrap:wrap !important;} #cartPanel .cartLineSumRow > strong:not([data-ui-owned~="font"]){font-size:13px !important;} /* Cart discount keeps the same positive semantic green in native dark mode as order totals. */ html.nativeShell[data-native-theme="dark"] #cartPanel .cartTotalsBox.totalsPanel .discountRow > b, html[data-native-theme="dark"] #cartPanel .cartTotalsBox.totalsPanel .discountRow > b{color:#34d399 !important;-webkit-text-fill-color:#34d399 !important;} @media (max-width:390px){ body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="spacing"]){padding-left:9px !important;padding-right:9px !important;} .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns:48px minmax(0,1fr) !important;column-gap:7px !important;} #cartPanel .cartLineDetailRow:not([data-ui-owned~="layout"]){gap:6px !important;} #cartPanel .cartLineControls.cartStepperInline:not([data-ui-owned~="columns"]),#cartPanel .cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="columns"]){grid-template-columns:32px 38px 32px !important;} #cartPanel .cartLineControls.cartStepperInline:not([data-ui-owned~="size"]),#cartPanel .cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="size"]){min-width:110px !important;} #cartPanel .cartLineControls.cartStepperInline button:not([data-ui-owned~="size"]){width:32px !important;} #cartPanel .cartLineControls.cartStepperInline button:not([data-ui-owned~="height"]){height:32px !important;min-height:32px !important;} #cartPanel .cartQtyBox .cartQtyInput:not([data-ui-owned~="size"]){width:38px !important;} .checkoutQuick:not([data-ui-owned~="layout"]){gap:10px !important;} .checkoutQuick button:not([data-ui-owned~="spacing"]){padding:7px 6px !important;} .geoFields:not([data-ui-owned~="columns"]),.structuredAddressGrid:not([data-ui-owned~="columns"]){grid-template-columns:1fr !important;} } @media (max-width:330px){ .cartLineCompact:not([data-ui-owned~="columns"]){grid-template-columns:44px minmax(0,1fr) !important;column-gap:6px !important;} #cartPanel .cartLineDetailRow:not([data-ui-owned~="layout"]){grid-template-columns:minmax(0,1fr) 104px !important;gap:5px !important;} #cartPanel .cartLineControls.cartStepperInline:not([data-ui-owned~="columns"]),#cartPanel .cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="columns"]){grid-template-columns:30px 36px 30px !important;} #cartPanel .cartLineControls.cartStepperInline:not([data-ui-owned~="size"]),#cartPanel .cartLineControls.compactStepper.cartStepperInline:not([data-ui-owned~="size"]){min-width:104px !important;} #cartPanel .cartLineControls.cartStepperInline button:not([data-ui-owned~="size"]){width:30px !important;} #cartPanel .cartLineControls.cartStepperInline button:not([data-ui-owned~="height"]){height:30px !important;min-height:30px !important;} #cartPanel .cartQtyBox .cartQtyInput:not([data-ui-owned~="size"]){width:36px !important;} .checkoutQuick:not([data-ui-owned~="columns"]){grid-template-columns:1fr 1fr !important;} .checkoutQuick>button:nth-child(3){grid-column:1 / -1;} } /* v52: clearer selected-category hint and safer iPhone category state */ .activeCategoryName:not([data-ui-owned~="size"]){max-width: calc(100% - 20px) !important;}.activeCategoryName{white-space: normal !important;}.activeCategoryName:not([data-ui-owned~="layout"]){overflow-wrap: anywhere !important;}.activeCategoryName:not([data-ui-owned~="font"]){line-height: 1.15 !important;} .activeCategoryName b::after{content: "";} /* v53: category selected text spacing */ .activeCategoryName b:not([data-ui-owned~="margin"]){margin-left: 2px;} /* v54: selected category one-line hint, separate payment/method badges and deferred transfer hint */ .activeCategoryName:not([data-ui-owned~="layout"]){display: block !important;overflow: hidden !important;}.activeCategoryName:not([data-ui-owned~="size"]){max-width: calc(100% - 20px) !important;}.activeCategoryName{white-space: nowrap !important;text-overflow: ellipsis !important;}.activeCategoryName:not([data-ui-owned~="font"]){font-size: 11px !important;line-height: 1.2 !important;}.activeCategoryName:not([data-ui-owned~="spacing"]){padding: 4px 8px !important;} .activeCategoryName span:not([data-ui-owned~="layout"]),.activeCategoryName b:not([data-ui-owned~="layout"]){display: inline !important;}.activeCategoryName span,.activeCategoryName b{white-space: nowrap !important;} .paymentBadge.waiting:not([data-ui-owned~="paint"]){background: transparent !important;color: #9a3412 !important;} .paymentBadge.method:not([data-ui-owned~="paint"]){background: transparent !important;color: var(--ui-brand-green,#6aa72a) !important;} .statusLine:not([data-ui-owned~="layout"]){display: flex !important;align-items: center !important;flex-wrap: wrap !important;gap: 5px !important;} .statusLine .paymentBadge:not([data-ui-owned~="margin"]){margin-left: 0 !important;} .paymentHint.deferTransferHint:not([data-ui-owned~="font"]){font-size: 12px !important;}.paymentHint.deferTransferHint:not([data-ui-owned~="spacing"]){padding: 7px 9px !important;} @media (max-width: 430px){ .activeCategoryName:not([data-ui-owned~="font"]){font-size: 10.5px !important;}.activeCategoryName:not([data-ui-owned~="spacing"]){padding: 3px 7px !important;} } /* v55: category hint, paid/status pills, no duplicate paid action */ .categoryToolbar.singleCategoryToolbar:not([data-ui-owned~="layout"]){display: flex !important;gap: 8px !important;align-items: center !important;flex-wrap: nowrap !important;} .categoryToggle.resetMode:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;} .activeCategoryName:not([data-ui-owned~="layout"]){display: block !important;overflow: hidden !important;}.activeCategoryName:not([data-ui-owned~="size"]){width: 100% !important;max-width: 100% !important;}.activeCategoryName{white-space: nowrap !important;text-overflow: ellipsis !important;}.activeCategoryName:not([data-ui-owned~="font"]){font-size: 12px !important;line-height: 1.2 !important;}.activeCategoryName:not([data-ui-owned~="spacing"]){padding: 4px 10px !important;}.activeCategoryName:not([data-ui-owned~="paint"]){color: #075985 !important;background: #e0f2fe !important;}.activeCategoryName:not([data-ui-owned~="radius"]){border-radius: 999px !important;}.activeCategoryName:not([data-ui-owned~="border"]){border: 0 !important;} .activeCategoryName span,.activeCategoryName b{white-space: nowrap !important;} .statusPill:not([data-ui-owned~="layout"]),.paymentBadge:not([data-ui-owned~="layout"]){display: inline-flex;align-items: center;}.statusPill:not([data-ui-owned~="radius"]),.paymentBadge:not([data-ui-owned~="radius"]){border-radius: 999px;}.statusPill:not([data-ui-owned~="spacing"]),.paymentBadge:not([data-ui-owned~="spacing"]){padding: 3px 8px;}.statusPill:not([data-ui-owned~="font"]),.paymentBadge:not([data-ui-owned~="font"]){font-size: 12px;font-weight: 800;line-height: 1.2;} .statusPill:not([data-ui-owned~="paint"]){background: #eef2f7;color: #64748b;} .statusPill.waiting:not([data-ui-owned~="paint"]){background: transparent;color: #9a3412;} .statusPill.ready:not([data-ui-owned~="paint"]){background: transparent;color: #166534;} .paymentBadge.paid:not([data-ui-owned~="paint"]){background: transparent !important;color: #166534 !important;} .paymentBadge.waiting:not([data-ui-owned~="paint"]){background: transparent !important;color: #9a3412 !important;} .paymentBadge.method:not([data-ui-owned~="paint"]){background: transparent !important;color: var(--ui-brand-green,#6aa72a) !important;} .statusLine:not([data-ui-owned~="layout"]){display: flex !important;align-items: center !important;flex-wrap: wrap !important;gap: 5px !important;} @media (max-width: 430px){ .categoryToggle:not([data-ui-owned~="font"]){font-size: 13px !important;}.categoryToggle:not([data-ui-owned~="spacing"]){padding: 8px 11px !important;} .activeCategoryName:not([data-ui-owned~="font"]){font-size: 11px !important;}.activeCategoryName:not([data-ui-owned~="spacing"]){padding: 3px 8px !important;} } /* v56: mobile-shell layout on desktop and clearer weighted checkout notice */ @media (min-width: 650px){ html{background: var(--bg);} body{max-width: 600px !important;margin: 0 auto !important;} .bottomNav:not([data-ui-owned~="size"]){max-width: 600px !important;}.bottomNav:not([data-ui-owned~="margin"]){margin-left: auto !important;margin-right: auto !important;} .grid:not([data-ui-owned~="columns"]){grid-template-columns: repeat(2, minmax(0, 1fr)) !important;} .sitePage:not([data-ui-owned~="margin"]){margin-left: 14px !important;margin-right: 14px !important;} } .weightPaymentNote:not([data-ui-owned~="font"]),.paymentHint.warning.compactWarning:not([data-ui-owned~="font"]){line-height: 1.25 !important;} /* v57: one mobile shell everywhere, unified pills and star review buttons */ @media (min-width: 431px){ html{background: var(--bg) !important;} body{width: min(100%, 600px) !important;max-width: 600px !important;margin-left: auto !important;margin-right: auto !important;} .top:not([data-ui-owned~="size"]),.bottomNav:not([data-ui-owned~="size"]){width: min(100%, 600px) !important;max-width: 600px !important;}.top:not([data-ui-owned~="margin"]),.bottomNav:not([data-ui-owned~="margin"]){margin-left: auto !important;margin-right: auto !important;} .grid:not([data-ui-owned~="columns"]){grid-template-columns: repeat(2, minmax(0, 1fr)) !important;} .sitePage:not([data-ui-owned~="margin"]){margin-left: 14px !important;margin-right: 14px !important;} } .statusPill:not([data-ui-owned~="layout"]),.paymentBadge:not([data-ui-owned~="layout"]),.statusBadge:not([data-ui-owned~="layout"]),.paidBadge:not([data-ui-owned~="layout"]),.badge.statusBadge:not([data-ui-owned~="layout"]){display: inline-flex !important;align-items: center !important;justify-content: center !important;}.statusPill:not([data-ui-owned~="height"]),.paymentBadge:not([data-ui-owned~="height"]),.statusBadge:not([data-ui-owned~="height"]),.paidBadge:not([data-ui-owned~="height"]),.badge.statusBadge:not([data-ui-owned~="height"]){min-height: 24px !important;}.statusPill:not([data-ui-owned~="radius"]),.paymentBadge:not([data-ui-owned~="radius"]),.statusBadge:not([data-ui-owned~="radius"]),.paidBadge:not([data-ui-owned~="radius"]),.badge.statusBadge:not([data-ui-owned~="radius"]){border-radius: 999px !important;}.statusPill:not([data-ui-owned~="spacing"]),.paymentBadge:not([data-ui-owned~="spacing"]),.statusBadge:not([data-ui-owned~="spacing"]),.paidBadge:not([data-ui-owned~="spacing"]),.badge.statusBadge:not([data-ui-owned~="spacing"]){padding: 4px 10px !important;}.statusPill:not([data-ui-owned~="font"]),.paymentBadge:not([data-ui-owned~="font"]),.statusBadge:not([data-ui-owned~="font"]),.paidBadge:not([data-ui-owned~="font"]),.badge.statusBadge:not([data-ui-owned~="font"]){font-size: 12px !important;font-weight: 900 !important;line-height: 1.15 !important;}.statusPill,.paymentBadge,.statusBadge,.paidBadge,.badge.statusBadge{white-space: nowrap !important;}.statusPill:not([data-ui-owned~="paint"]),.paymentBadge:not([data-ui-owned~="paint"]),.statusBadge:not([data-ui-owned~="paint"]),.paidBadge:not([data-ui-owned~="paint"]),.badge.statusBadge:not([data-ui-owned~="paint"]){box-shadow: none !important;} .paymentBadge.method:not([data-ui-owned~="paint"]),.paidBadge.method:not([data-ui-owned~="paint"]){background: transparent !important;color: #9a3412 !important;} .ratingButtons.starRating:not([data-ui-owned~="layout"]){display: flex !important;gap: 6px !important;align-items: center !important;}.ratingButtons.starRating:not([data-ui-owned~="margin"]){margin: 8px 0 !important;} .ratingButtons.starRating .starBtn:not([data-ui-owned~="size"]){width: 42px !important;min-width: 42px !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="height"]){height: 42px !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="spacing"]){padding: 0 !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="border"]){border: 1px solid var(--border) !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="paint"]){background: #fff !important;color: var(--text) !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="font"]){font-size: 22px !important;line-height: 1 !important;} /* v58: true mobile shell for modal sections on PC, standard badges everywhere */ @media (min-width: 431px){ body.sectionMode .sitePage:not(.hidden){position: fixed !important;left: 50% !important;right: auto !important;top: 72px !important;bottom: calc(76px + env(safe-area-inset-bottom)) !important;display: flex !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="size"]){width: min(calc(100vw - 20px), 580px) !important;max-width: 580px !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="effect"]){transform: translateX(-50%) !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="margin"]){margin: 0 !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="layout"]){flex-direction: column !important;overflow: hidden !important;} #cartPanel .cartItems:not([data-ui-owned~="height"]),#infoPanel #infoBody:not([data-ui-owned~="height"]){min-height: 0 !important;}#cartPanel .cartItems:not([data-ui-owned~="layout"]),#infoPanel #infoBody:not([data-ui-owned~="layout"]){overflow-y: auto !important;} #cartPanel .panelBottom:not([data-ui-owned~="layout"]){flex: 0 0 auto !important;}#cartPanel .panelBottom{position: static !important;}#cartPanel .panelBottom:not([data-ui-owned~="margin"]){margin: 8px -12px -12px !important;}#cartPanel .panelBottom:not([data-ui-owned~="spacing"]){padding: 10px 12px !important;} } .statusPill.waiting:not([data-ui-owned~="paint"]),.paymentBadge.waiting:not([data-ui-owned~="paint"]),.paymentBadge.method:not([data-ui-owned~="paint"]),.statusBadge.waiting:not([data-ui-owned~="paint"]),.paidBadge.waiting:not([data-ui-owned~="paint"]),.paidBadge.method:not([data-ui-owned~="paint"]){background: transparent !important;color: #9a3412 !important;}.statusPill.waiting:not([data-ui-owned~="border"]),.paymentBadge.waiting:not([data-ui-owned~="border"]),.paymentBadge.method:not([data-ui-owned~="border"]),.statusBadge.waiting:not([data-ui-owned~="border"]),.paidBadge.waiting:not([data-ui-owned~="border"]),.paidBadge.method:not([data-ui-owned~="border"]){border: 0 !important;} .statusPill.ready:not([data-ui-owned~="paint"]),.paymentBadge.paid:not([data-ui-owned~="paint"]),.statusBadge.ready:not([data-ui-owned~="paint"]),.paidBadge.paid:not([data-ui-owned~="paint"]){background: transparent !important;color: #166534 !important;}.statusPill.ready:not([data-ui-owned~="border"]),.paymentBadge.paid:not([data-ui-owned~="border"]),.statusBadge.ready:not([data-ui-owned~="border"]),.paidBadge.paid:not([data-ui-owned~="border"]){border: 0 !important;} .statusLine .statusPill:not([data-ui-owned~="size"]),.statusLine .paymentBadge:not([data-ui-owned~="size"]){min-width: 0 !important;}.statusLine .statusPill:not([data-ui-owned~="margin"]),.statusLine .paymentBadge:not([data-ui-owned~="margin"]){margin: 0 !important;} /* v59: compact client panels, updated rating stars and tighter profile/card gaps */ body.sectionMode .sitePage:not(.hidden){top: 56px !important;bottom: calc(64px + env(safe-area-inset-bottom)) !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="spacing"]){padding: 10px !important;} #infoPanel.profileMode #infoBody:not([data-ui-owned~="layout"]){overflow-y: auto !important;} .profileBox:not([data-ui-owned~="height"]){min-height: 100% !important;}.profileBox:not([data-ui-owned~="layout"]){gap: 8px !important;}.profileBox{align-content: start !important;} .profileCardTop:not([data-ui-owned~="layout"]){gap: 8px !important;} .profileCardInfo:not([data-ui-owned~="layout"]){gap: 6px !important;} .profileActionButtons:not([data-ui-owned~="layout"]){gap: 7px !important;} .profileActionButtons button:not([data-ui-owned~="spacing"]){padding: 9px 10px !important;}.profileActionButtons button:not([data-ui-owned~="radius"]){border-radius: 14px !important;} .sitePage:not([data-ui-owned~="radius"]){border-radius: 16px !important;} .statusPill:not([data-ui-owned~="height"]),.paymentBadge:not([data-ui-owned~="height"]),.statusBadge:not([data-ui-owned~="height"]),.paidBadge:not([data-ui-owned~="height"]),.badge.statusBadge:not([data-ui-owned~="height"]){min-height: 23px !important;}.statusPill:not([data-ui-owned~="spacing"]),.paymentBadge:not([data-ui-owned~="spacing"]),.statusBadge:not([data-ui-owned~="spacing"]),.paidBadge:not([data-ui-owned~="spacing"]),.badge.statusBadge:not([data-ui-owned~="spacing"]){padding: 4px 9px !important;}.statusPill:not([data-ui-owned~="font"]),.paymentBadge:not([data-ui-owned~="font"]),.statusBadge:not([data-ui-owned~="font"]),.paidBadge:not([data-ui-owned~="font"]),.badge.statusBadge:not([data-ui-owned~="font"]){font-size: 12px !important;font-weight: 900 !important;line-height: 1.1 !important;}.statusPill:not([data-ui-owned~="radius"]),.paymentBadge:not([data-ui-owned~="radius"]),.statusBadge:not([data-ui-owned~="radius"]),.paidBadge:not([data-ui-owned~="radius"]),.badge.statusBadge:not([data-ui-owned~="radius"]){border-radius: 999px !important;}.statusPill:not([data-ui-owned~="border"]),.paymentBadge:not([data-ui-owned~="border"]),.statusBadge:not([data-ui-owned~="border"]),.paidBadge:not([data-ui-owned~="border"]),.badge.statusBadge:not([data-ui-owned~="border"]){border: 0 !important;}.statusPill:not([data-ui-owned~="paint"]),.paymentBadge:not([data-ui-owned~="paint"]),.statusBadge:not([data-ui-owned~="paint"]),.paidBadge:not([data-ui-owned~="paint"]),.badge.statusBadge:not([data-ui-owned~="paint"]){box-shadow: none !important;} .statusPill.waiting:not([data-ui-owned~="paint"]),.paymentBadge.waiting:not([data-ui-owned~="paint"]),.paymentBadge.method:not([data-ui-owned~="paint"]),.statusPill:not(.ready):not([data-ui-owned~="paint"]),.paymentBadge:not(.paid):not([data-ui-owned~="paint"]){background: transparent !important;color: #9a3412 !important;} .statusPill.ready:not([data-ui-owned~="paint"]),.paymentBadge.paid:not([data-ui-owned~="paint"]){background: transparent !important;color: #166534 !important;} .ratingButtons.starRating:not([data-ui-owned~="layout"]){gap: 5px !important;}.ratingButtons.starRating:not([data-ui-owned~="margin"]){margin: 6px 0 !important;} .ratingButtons.starRating .starBtn:not([data-ui-owned~="size"]){width: 38px !important;min-width: 38px !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="height"]){height: 38px !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="radius"]){border-radius: 10px !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="paint"]){background: #fff !important;color: #f59e0b !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="border"]){border: 1px solid var(--border) !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="font"]){font-size: 24px !important;line-height: 1 !important;}.ratingButtons.starRating .starBtn:not([data-ui-owned~="spacing"]){padding: 0 !important;} .ratingButtons.starRating .starBtn.selected:not([data-ui-owned~="paint"]){background: #fffbeb !important;color: #f59e0b !important;}.ratingButtons.starRating .starBtn.selected:not([data-ui-owned~="border"]){border-color: #fbbf24 !important;} .reviewBox.reviewed .ratingButtons.starRating .starBtn{pointer-events: none !important;} #infoPanel.orderDetailMode .reviewBox:not([data-ui-owned~="height"]){max-height: 128px !important;} #infoPanel.orderDetailMode .ratingButtons.starRating .starBtn:not([data-ui-owned~="size"]){width: 34px !important;min-width: 34px !important;}#infoPanel.orderDetailMode .ratingButtons.starRating .starBtn:not([data-ui-owned~="height"]){height: 34px !important;}#infoPanel.orderDetailMode .ratingButtons.starRating .starBtn:not([data-ui-owned~="font"]){font-size: 22px !important;} @media (max-width: 430px){ body.sectionMode .sitePage:not(.hidden){top: 56px !important;bottom: calc(64px + env(safe-area-inset-bottom)) !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="spacing"]){padding: 9px !important;} } /* v60: compact switch screen, address editor and phone editor */ .switchList:not([data-ui-owned~="size"]),.interfaceSwitchBox .switchList:not([data-ui-owned~="size"]){width: 100% !important;}.switchList:not([data-ui-owned~="layout"]),.interfaceSwitchBox .switchList:not([data-ui-owned~="layout"]){display: grid !important;gap: 10px !important;} .switchLink:not([data-ui-owned~="size"]){width: 100% !important;}.switchLink:not([data-ui-owned~="height"]){min-height: 56px !important;}.switchLink:not([data-ui-owned~="radius"]){border-radius: 16px !important;}.switchLink:not([data-ui-owned~="spacing"]){padding: 14px 16px !important;}.switchLink:not([data-ui-owned~="font"]){font-size: 18px !important;} .selectedAddress:not([data-ui-owned~="layout"]){display: grid !important;align-items: center !important;gap: 8px !important;}.selectedAddress:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;} .addressQuickEditBtn:not([data-ui-owned~="border"]){border: 0 !important;}.addressQuickEditBtn:not([data-ui-owned~="paint"]){background: #fff !important;color: var(--text) !important;}.addressQuickEditBtn:not([data-ui-owned~="size"]){width: 38px !important;min-width: 38px !important;}.addressQuickEditBtn:not([data-ui-owned~="height"]){height: 38px !important;}.addressQuickEditBtn:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.addressQuickEditBtn:not([data-ui-owned~="spacing"]){padding: 0 !important;}.addressQuickEditBtn:not([data-ui-owned~="font"]){font-size: 18px !important;} .addressProfileActions:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;} .addressProfileActions button:not([data-ui-owned~="border"]),#saveAddressBtn:not([data-ui-owned~="border"]){border: 0 !important;}.addressProfileActions button:not([data-ui-owned~="radius"]),#saveAddressBtn:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.addressProfileActions button:not([data-ui-owned~="paint"]),#saveAddressBtn:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;}.addressProfileActions button:not([data-ui-owned~="spacing"]),#saveAddressBtn:not([data-ui-owned~="spacing"]){padding: 12px !important;}.addressProfileActions button:not([data-ui-owned~="font"]),#saveAddressBtn:not([data-ui-owned~="font"]){font-weight: 900 !important;} #findAddressBtn,#locateBtn,#openMapBtn,.geoFields,#mapPreview{display: none !important;} .addressPanel:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;} .addressTools:not([data-ui-owned~="layout"]){gap: 8px !important;} .addressTools textarea:not([data-ui-owned~="height"]){min-height: 74px !important;} .addressTools .deliveryTools:not([data-ui-owned~="layout"]){display: grid !important;}.addressTools .deliveryTools:not([data-ui-owned~="columns"]){grid-template-columns: 1fr !important;} .addressRow:not([data-ui-owned~="paint"]){background: #fff !important;}.addressRow:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.addressRow:not([data-ui-owned~="spacing"]){padding: 9px !important;} .addressRow .addressPick:not([data-ui-owned~="layout"]){display: grid !important;gap: 3px !important;}.addressRow .addressPick:not([data-ui-owned~="paint"]){color: var(--text) !important;} .phoneBoundBox:not([data-ui-owned~="layout"]){display: grid !important;gap: 10px !important;} .phoneValueBox:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;align-items: center !important;}.phoneValueBox:not([data-ui-owned~="columns"]){grid-template-columns: auto minmax(0, 1fr) !important;}.phoneValueBox:not([data-ui-owned~="border"]){border: 1px solid #bbf7d0 !important;}.phoneValueBox:not([data-ui-owned~="paint"]){background: transparent !important;color: #166534 !important;}.phoneValueBox:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.phoneValueBox:not([data-ui-owned~="spacing"]){padding: 11px 12px !important;} .phoneValueBox span:not([data-ui-owned~="font"]){font-weight: 900 !important;} .phoneValueBox b:not([data-ui-owned~="layout"]){overflow: hidden !important;}.phoneValueBox b{text-overflow: ellipsis !important;white-space: nowrap !important;} .phoneActionRow:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;}.phoneActionRow:not([data-ui-owned~="columns"]){grid-template-columns: 1fr 1fr !important;} .okBtn:not([data-ui-owned~="border"]){border: 0 !important;}.okBtn:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.okBtn:not([data-ui-owned~="paint"]){background: transparent !important;color: #166534 !important;}.okBtn:not([data-ui-owned~="spacing"]){padding: 10px 12px !important;}.okBtn:not([data-ui-owned~="font"]){font-weight: 900 !important;} .dangerBtn:not([data-ui-owned~="border"]){border: 0 !important;}.dangerBtn:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.dangerBtn:not([data-ui-owned~="spacing"]){padding: 10px 12px !important;}.dangerBtn:not([data-ui-owned~="font"]){font-weight: 900 !important;} /* v61: collapsible totals and payment status action */ .paymentBadge.clientPayStatusBtn:not([data-ui-owned~="border"]),button.paymentBadge:not([data-ui-owned~="border"]){border: 0 !important;}.paymentBadge.clientPayStatusBtn,button.paymentBadge{cursor: pointer !important;}.paymentBadge.clientPayStatusBtn:not([data-ui-owned~="paint"]),button.paymentBadge:not([data-ui-owned~="paint"]){appearance: none !important;}.paymentBadge.clientPayStatusBtn:not([data-ui-owned~="font"]),button.paymentBadge:not([data-ui-owned~="font"]){font-family: inherit !important;} .paymentBadge.clientPayStatusBtn:active:not([data-ui-owned~="effect"]){transform: translateY(1px);} .orderTotals.totalsPanel:not([data-ui-owned~="layout"]){display: grid !important;gap: 3px !important;}.orderTotals.totalsPanel:not([data-ui-owned~="spacing"]){padding-top: 7px !important;}.orderTotals.totalsPanel:not([data-ui-owned~="font"]){line-height: 1.15 !important;} .orderTotals.totalsPanel .totalsFull:not([data-ui-owned~="layout"]){display: grid !important;gap: 3px !important;} .orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="layout"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="layout"]){display: grid !important;align-items: center !important;}.orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;column-gap: 8px !important;}.orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="font"]){font-size: 13px !important;}.orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="paint"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="paint"]){color: var(--muted) !important;} .orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) 34px auto !important;}.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="border"]){border-top: 1px solid var(--border) !important;}.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 5px !important;}.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="margin"]){margin-top: 2px !important;}.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="font"]){font-size: 15px !important;}.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="paint"]){color: var(--text) !important;} .orderTotals.totalsPanel span:not([data-ui-owned~="layout"]){overflow: hidden !important;}.orderTotals.totalsPanel span{text-overflow: ellipsis !important;white-space: nowrap !important;} .orderTotals.totalsPanel b:not([data-ui-owned~="paint"]){color: var(--text) !important;}.orderTotals.totalsPanel b{white-space: nowrap !important;}.orderTotals.totalsPanel b:not([data-ui-owned~="font"]){font-size: 14px !important;font-weight: 900 !important;} .orderTotals.totalsPanel .discountRow b:not([data-ui-owned~="paint"]){color: #047857 !important;} .orderTotals.totalsPanel .grandTotal b:not([data-ui-owned~="font"]){font-size: 17px !important;} .orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="size"]){width: 30px !important;min-width: 30px !important;}.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="height"]){height: 24px !important;min-height: 24px !important;}.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="spacing"]){padding: 0 !important;}.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="border"]){border: 0 !important;}.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="radius"]){border-radius: 999px !important;}.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]){background: #eef2f7 !important;color: var(--muted) !important;}.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="font"]){font-weight: 900 !important;line-height: 1 !important;} .orderTotals.totalsPanel.collapsed .totalsFull{display: none !important;} .orderTotals.totalsPanel.collapsed .grandTotal:not([data-ui-owned~="border"]){border-top: 0 !important;}.orderTotals.totalsPanel.collapsed .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 0 !important;}.orderTotals.totalsPanel.collapsed .grandTotal:not([data-ui-owned~="margin"]){margin-top: 0 !important;} .clientPaymentBox:not([data-ui-owned~="layout"]){display: grid !important;gap: 10px !important;} .clientPaymentBox h3:not([data-ui-owned~="margin"]){margin: 0 !important;} .clientPaymentBox button.markPaidBtn:not([data-ui-owned~="border"]){border: 0 !important;}.clientPaymentBox button.markPaidBtn:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.clientPaymentBox button.markPaidBtn:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;}.clientPaymentBox button.markPaidBtn:not([data-ui-owned~="spacing"]){padding: 12px !important;}.clientPaymentBox button.markPaidBtn:not([data-ui-owned~="font"]){font-weight: 900 !important;} /* v62: compact payment sheet, smaller address buttons and aligned totals */ .clientPaymentOverlay{position: fixed !important;inset: 0 !important;z-index: 5400 !important;}.clientPaymentOverlay:not([data-ui-owned~="paint"]){background: rgba(15,23,42,.38) !important;}.clientPaymentOverlay:not([data-ui-owned~="layout"]){display: grid !important;align-items: end !important;}.clientPaymentOverlay:not([data-ui-owned~="spacing"]){padding: 12px !important;} .clientPaymentSheet:not([data-ui-owned~="size"]){width: min(420px, 100%) !important;}.clientPaymentSheet:not([data-ui-owned~="margin"]){margin: 0 auto calc(70px + env(safe-area-inset-bottom)) !important;}.clientPaymentSheet:not([data-ui-owned~="paint"]){background: #fff !important;box-shadow: 0 20px 50px rgba(15,23,42,.28) !important;}.clientPaymentSheet:not([data-ui-owned~="border"]){border: 1px solid var(--border) !important;}.clientPaymentSheet:not([data-ui-owned~="radius"]){border-radius: 18px !important;}.clientPaymentSheet:not([data-ui-owned~="spacing"]){padding: 12px !important;}.clientPaymentSheet:not([data-ui-owned~="layout"]){display: grid !important;gap: 10px !important;} .clientPaymentHead:not([data-ui-owned~="layout"]){display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 8px !important;}.clientPaymentHead:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border) !important;}.clientPaymentHead:not([data-ui-owned~="spacing"]){padding-bottom: 8px !important;} .clientPaymentHead b:not([data-ui-owned~="font"]){font-size: 18px !important;} .compactPayBox:not([data-ui-owned~="layout"]){gap: 8px !important;} .paymentTransferCard:not([data-ui-owned~="layout"]){display: grid !important;gap: 6px !important;}.paymentTransferCard:not([data-ui-owned~="border"]){border: 1px solid var(--border) !important;}.paymentTransferCard:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.paymentTransferCard:not([data-ui-owned~="paint"]){background: #f8fafc !important;}.paymentTransferCard:not([data-ui-owned~="spacing"]){padding: 10px !important;} .paymentTransferCard span:not([data-ui-owned~="paint"]),.paymentTransferCard small:not([data-ui-owned~="paint"]){color: var(--muted) !important;}.paymentTransferCard span:not([data-ui-owned~="font"]),.paymentTransferCard small:not([data-ui-owned~="font"]){font-size: 12px !important;font-weight: 800 !important;} .paymentTransferCard .copyPhoneBtn:not([data-ui-owned~="size"]){width: 100% !important;}.paymentTransferCard .copyPhoneBtn:not([data-ui-owned~="height"]){min-height: 40px !important;}.paymentTransferCard .copyPhoneBtn:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.paymentTransferCard .copyPhoneBtn:not([data-ui-owned~="paint"]){background: transparent !important;color: #166534 !important;}.paymentTransferCard .copyPhoneBtn:not([data-ui-owned~="border"]){border: 0 !important;}.paymentTransferCard .copyPhoneBtn:not([data-ui-owned~="font"]){font-size: 17px !important;font-weight: 900 !important;} .orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;} .orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) 30px auto !important;} .orderTotals.totalsPanel b:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .grandTotal b:not([data-ui-owned~="font"]){text-align: right !important;}.orderTotals.totalsPanel b,.orderTotals.totalsPanel .grandTotal b{justify-self: end !important;} .orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]){background: transparent !important;box-shadow: none !important;}.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="border"]){border: 0 !important;} @media (max-width: 430px){ .clientPaymentSheet:not([data-ui-owned~="margin"]){margin-bottom: calc(66px + env(safe-area-inset-bottom)) !important;} } /* v63: standard cart totals, checkout address editor and delivery text */ .cartTotalsBox:not([data-ui-owned~="size"]){width: 100% !important;min-width: 0 !important;}.cartTotalsBox:not([data-ui-owned~="layout"]){display: grid !important;gap: 3px !important;}.cartTotalsBox:not([data-ui-owned~="font"]){line-height: 1.15 !important;} .cartTotalsBox > div:not([data-ui-owned~="layout"]){display: grid !important;align-items: center !important;gap: 8px !important;}.cartTotalsBox > div:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;}.cartTotalsBox > div:not([data-ui-owned~="paint"]){color: var(--muted) !important;}.cartTotalsBox > div:not([data-ui-owned~="font"]){font-size: 13px !important;} .cartTotalsBox b{justify-self: end !important;white-space: nowrap !important;}.cartTotalsBox b:not([data-ui-owned~="font"]){text-align: right !important;font-weight: 900 !important;}.cartTotalsBox b:not([data-ui-owned~="paint"]){color: var(--text) !important;} .cartTotalsBox .discountRow b:not([data-ui-owned~="paint"]){color: #047857 !important;} .cartTotalsBox .grandTotal:not([data-ui-owned~="border"]){border-top: 1px solid var(--border) !important;}.cartTotalsBox .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 5px !important;}.cartTotalsBox .grandTotal:not([data-ui-owned~="margin"]){margin-top: 2px !important;}.cartTotalsBox .grandTotal:not([data-ui-owned~="paint"]){color: var(--text) !important;}.cartTotalsBox .grandTotal:not([data-ui-owned~="font"]){font-size: 15px !important;font-weight: 900 !important;} .cartTotalsBox .grandTotal b:not([data-ui-owned~="font"]){font-size: 17px !important;} #cartPanel .panelBottom:not([data-ui-owned~="layout"]){display: grid !important;align-items: end !important;gap: 10px !important;}#cartPanel .panelBottom:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;} #cartPanel .panelBottom #checkoutBtn{align-self: end !important;} .checkoutEditor #addressPanel::before,.checkoutEditor #addressPanel .addressList,.checkoutHiddenList{display: none !important;} .checkoutEditor #addressPanel:not([data-ui-owned~="border"]){border: 0 !important;}.checkoutEditor #addressPanel:not([data-ui-owned~="paint"]){box-shadow: none !important;background: transparent !important;}.checkoutEditor #addressPanel:not([data-ui-owned~="spacing"]){padding: 0 !important;} .deliveryQuote:not([data-ui-owned~="layout"]){display: inline-flex !important;align-items: center !important;}.deliveryQuote:not([data-ui-owned~="size"]){width: auto !important;}.deliveryQuote:not([data-ui-owned~="height"]){min-height: 24px !important;}.deliveryQuote:not([data-ui-owned~="radius"]){border-radius: 999px !important;}.deliveryQuote:not([data-ui-owned~="paint"]){background: transparent !important;color: #9a3412 !important;}.deliveryQuote:not([data-ui-owned~="spacing"]){padding: 4px 9px !important;}.deliveryQuote:not([data-ui-owned~="font"]){font-size: 12px !important;font-weight: 900 !important;} @media (max-width: 430px){ #cartPanel .panelBottom:not([data-ui-owned~="columns"]){grid-template-columns: 1fr !important;}#cartPanel .panelBottom:not([data-ui-owned~="layout"]){align-items: stretch !important;} #cartPanel .panelBottom #checkoutBtn:not([data-ui-owned~="size"]){width: 100% !important;} } /* v64: cart collapsible totals, status cards and address editor cleanup */ .cartTotalsBox.totalsPanel:not([data-ui-owned~="layout"]){display: grid !important;gap: 3px !important;}.cartTotalsBox.totalsPanel:not([data-ui-owned~="font"]){line-height: 1.15 !important;}.cartTotalsBox.totalsPanel:not([data-ui-owned~="size"]){width: 100% !important;} .cartTotalsBox.totalsPanel .totalsFull:not([data-ui-owned~="layout"]){display: grid !important;gap: 3px !important;} .cartTotalsBox.totalsPanel .totalsFull > div:not([data-ui-owned~="layout"]),.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="layout"]){display: grid !important;align-items: center !important;gap: 8px !important;}.cartTotalsBox.totalsPanel .totalsFull > div:not([data-ui-owned~="columns"]),.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;}.cartTotalsBox.totalsPanel .totalsFull > div:not([data-ui-owned~="paint"]),.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="paint"]){color: var(--muted) !important;}.cartTotalsBox.totalsPanel .totalsFull > div:not([data-ui-owned~="font"]),.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="font"]){font-size: 13px !important;} .cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) 30px auto !important;}.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="border"]){border-top: 1px solid var(--border) !important;}.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 5px !important;}.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="margin"]){margin-top: 2px !important;}.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="paint"]){color: var(--text) !important;}.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="font"]){font-size: 15px !important;font-weight: 900 !important;} .cartTotalsBox.totalsPanel b,.cartTotalsBox.totalsPanel .grandTotal b{justify-self: end !important;white-space: nowrap !important;}.cartTotalsBox.totalsPanel b:not([data-ui-owned~="font"]),.cartTotalsBox.totalsPanel .grandTotal b:not([data-ui-owned~="font"]){text-align: right !important;font-weight: 900 !important;}.cartTotalsBox.totalsPanel b:not([data-ui-owned~="paint"]),.cartTotalsBox.totalsPanel .grandTotal b:not([data-ui-owned~="paint"]){color: var(--text) !important;} .cartTotalsBox.totalsPanel .discountRow b:not([data-ui-owned~="paint"]){color: #047857 !important;} .cartTotalsBox.totalsPanel .grandTotal b:not([data-ui-owned~="font"]){font-size: 17px !important;} .cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="size"]){width: 30px !important;min-width: 30px !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="height"]){height: 24px !important;min-height: 24px !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="spacing"]){padding: 0 !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="border"]){border: 0 !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]){background: transparent !important;box-shadow: none !important;color: var(--muted) !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="font"]){font-weight: 900 !important;} .cartTotalsBox.totalsPanel.collapsed .totalsFull{display: none !important;} .cartTotalsBox.totalsPanel.collapsed .grandTotal:not([data-ui-owned~="border"]){border-top: 0 !important;}.cartTotalsBox.totalsPanel.collapsed .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 0 !important;}.cartTotalsBox.totalsPanel.collapsed .grandTotal:not([data-ui-owned~="margin"]){margin-top: 0 !important;} .clientOrderCard:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;}.clientOrderCard:not([data-ui-owned~="font"]){text-align: left !important;}.clientOrderCard{cursor: pointer !important;} .clientOrderCardTop:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;align-items: start !important;}.clientOrderCardTop:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;} .clientOrderCardTop b:not([data-ui-owned~="size"]){min-width: 0 !important;} .clientOrderCardTop strong{justify-self: end !important;white-space: nowrap !important;}.clientOrderCardTop strong:not([data-ui-owned~="font"]){text-align: right !important;font-size: 14px !important;} .orderListStatusLine:not([data-ui-owned~="layout"]),.orderDetailHead .statusLine:not([data-ui-owned~="layout"]){display: flex !important;flex-wrap: wrap !important;justify-content: flex-end !important;gap: 5px !important;}.orderListStatusLine:not([data-ui-owned~="margin"]),.orderDetailHead .statusLine:not([data-ui-owned~="margin"]){margin-top: 7px !important;} .statusPill.addressPill:not([data-ui-owned~="paint"]){background: #e0f2fe !important;color: #075985 !important;}.statusPill.addressPill:not([data-ui-owned~="size"]){max-width: 100% !important;}.statusPill.addressPill:not([data-ui-owned~="layout"]){overflow: hidden !important;}.statusPill.addressPill{text-overflow: ellipsis !important;white-space: nowrap !important;} .addressRow .addressPick small{display: none !important;} .addressQuickEditBtn:not([data-ui-owned~="size"]){min-width: 34px !important;width: 34px !important;}.addressQuickEditBtn:not([data-ui-owned~="height"]){min-height: 34px !important;height: 34px !important;}.addressQuickEditBtn:not([data-ui-owned~="spacing"]){padding: 0 !important;}.addressQuickEditBtn:not([data-ui-owned~="radius"]){border-radius: 12px !important;} #cartPanel .panelBottom:not([data-ui-owned~="layout"]){align-items: end !important;} /* v65: cart totals one-column layout, checkout below totals, history/cancel status cleanup */ .cartTotalsBox.totalsPanel > .totalsFull:not([data-ui-owned~="layout"]),.cartTotalsBox.totalsPanel .totalsFull:not([data-ui-owned~="layout"]),.orderTotals.totalsPanel > .totalsFull:not([data-ui-owned~="layout"]),.orderTotals.totalsPanel .totalsFull:not([data-ui-owned~="layout"]){display: grid !important;gap: 3px !important;}.cartTotalsBox.totalsPanel > .totalsFull:not([data-ui-owned~="columns"]),.cartTotalsBox.totalsPanel .totalsFull:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel > .totalsFull:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel .totalsFull:not([data-ui-owned~="columns"]){grid-template-columns: 1fr !important;} .cartTotalsBox.totalsPanel .totalsFull > div:not([data-ui-owned~="layout"]),.orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="layout"]){display: grid !important;align-items: center !important;}.cartTotalsBox.totalsPanel .totalsFull > div:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;column-gap: 8px !important;} #cartPanel .panelBottom:not([data-ui-owned~="layout"]){display: grid !important;align-items: stretch !important;gap: 8px !important;}#cartPanel .panelBottom:not([data-ui-owned~="columns"]){grid-template-columns: 1fr !important;} #cartPanel .panelBottom #checkoutBtn:not([data-ui-owned~="size"]){width: 100% !important;}#cartPanel .panelBottom #checkoutBtn{justify-self: stretch !important;align-self: stretch !important;} .statusPill.cancelled:not([data-ui-owned~="paint"]),.paymentBadge.cancelled:not([data-ui-owned~="paint"]){background: #fee2e2 !important;color: #991b1b !important;} .orderListStatusLine:not([data-ui-owned~="layout"]){justify-content: flex-end !important;} /* v66: unified status rows, catalog fixed controls, totals standard */ .searchBox.catalogOnly:not([data-ui-owned~="layout"]){display: block !important;} .searchInputWrap{position: relative;}.searchInputWrap:not([data-ui-owned~="size"]){width: 100%;} .searchInputWrap input:not([data-ui-owned~="spacing"]){padding-right: 42px !important;} /* 2.0.343: clearSearchBtn geometry/paint is owned by the canonical search-row rule below. */ .clearSearchBtn.hidden{display: none !important;} body:not(.sectionMode) .searchBox.catalogOnly{position: sticky !important;top: 58px !important;z-index: 25 !important;backdrop-filter: blur(12px) !important;}body:not(.sectionMode) .searchBox.catalogOnly:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.98) !important;} body:not(.sectionMode) #groups.catalogOnly{position: sticky !important;top: 122px !important;z-index: 24 !important;backdrop-filter: blur(12px) !important;}body:not(.sectionMode) #groups.catalogOnly:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.98) !important;}body:not(.sectionMode) #groups.catalogOnly:not([data-ui-owned~="spacing"]){padding: 8px 12px !important;} .categoryToolbar.singleCategoryToolbar:not([data-ui-owned~="layout"]){display: flex !important;flex-wrap: wrap !important;align-items: center !important;gap: 8px !important;} .activeCategoryChip:not([data-ui-owned~="layout"]){display: inline-flex !important;align-items: center !important;overflow: hidden !important;}.activeCategoryChip:not([data-ui-owned~="height"]){min-height: 34px !important;}.activeCategoryChip:not([data-ui-owned~="size"]){max-width: 100% !important;}.activeCategoryChip:not([data-ui-owned~="spacing"]){padding: 8px 12px !important;}.activeCategoryChip:not([data-ui-owned~="radius"]){border-radius: 999px !important;}.activeCategoryChip:not([data-ui-owned~="paint"]){background: #e0f2fe !important;color: #075985 !important;}.activeCategoryChip:not([data-ui-owned~="font"]){font-size: 13px !important;font-weight: 900 !important;line-height: 1.1 !important;}.activeCategoryChip{text-overflow: ellipsis !important;white-space: nowrap !important;} .activeCategoryChip b:not([data-ui-owned~="font"]){font-weight: 900 !important;} .standardOrderCard:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;}.standardOrderCard:not([data-ui-owned~="spacing"]){padding: 12px 14px !important;} .standardOrderTop:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;align-items: start !important;}.standardOrderTop:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;} .standardOrderTitle:not([data-ui-owned~="size"]){min-width: 0 !important;}.standardOrderTitle:not([data-ui-owned~="font"]){font-size: 17px !important;font-weight: 900 !important;line-height: 1.15 !important;}.standardOrderTitle:not([data-ui-owned~="paint"]){color: var(--text) !important;} .standardOrderTop .statusStack{justify-self: end !important;}.standardOrderTop .statusStack:not([data-ui-owned~="layout"]){display: flex !important;flex-wrap: wrap !important;justify-content: flex-end !important;gap: 5px !important;}.standardOrderTop .statusStack:not([data-ui-owned~="size"]){max-width: 245px !important;} .standardOrderBottom:not([data-ui-owned~="layout"]){display: flex !important;flex-wrap: wrap !important;gap: 6px 12px !important;align-items: center !important;}.standardOrderBottom:not([data-ui-owned~="paint"]){color: var(--muted) !important;}.standardOrderBottom:not([data-ui-owned~="font"]){font-size: 13px !important;} .orderDetailHead .statusLine:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .statusLine:not([data-ui-owned~="layout"]){justify-content: flex-start !important;align-items: flex-start !important;}.orderDetailHead .statusLine:not([data-ui-owned~="font"]),#infoPanel.orderDetailMode .statusLine:not([data-ui-owned~="font"]){text-align: left !important;} .cartTotalsBox.totalsPanel:not([data-ui-owned~="font"]),.orderTotals.totalsPanel:not([data-ui-owned~="font"]){font-size: 13px !important;} .cartTotalsBox.totalsPanel .totalsFull > div:not([data-ui-owned~="layout"]),.orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="layout"]),.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="layout"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="layout"]){display: grid !important;align-items: center !important;}.cartTotalsBox.totalsPanel .totalsFull > div:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel .totalsFull > div:not([data-ui-owned~="columns"]),.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;column-gap: 8px !important;} .cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) 30px auto !important;}.cartTotalsBox.totalsPanel .grandTotal:not([data-ui-owned~="spacing"]),.orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="spacing"]){padding-top: 6px !important;} .cartTotalsBox.totalsPanel b,.orderTotals.totalsPanel b,.cartTotalsBox.totalsPanel .grandTotal b,.orderTotals.totalsPanel .grandTotal b{justify-self: end !important;}.cartTotalsBox.totalsPanel b:not([data-ui-owned~="font"]),.orderTotals.totalsPanel b:not([data-ui-owned~="font"]),.cartTotalsBox.totalsPanel .grandTotal b:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .grandTotal b:not([data-ui-owned~="font"]){text-align: right !important;font-size: 15px !important;} .cartTotalsBox.totalsPanel span:not([data-ui-owned~="paint"]),.orderTotals.totalsPanel span:not([data-ui-owned~="paint"]){color: #6b7280 !important;} .cartTotalsBox.totalsPanel .grandTotal span:not([data-ui-owned~="paint"]),.orderTotals.totalsPanel .grandTotal span:not([data-ui-owned~="paint"]){color: var(--text,#111827) !important;}.cartTotalsBox.totalsPanel .grandTotal span:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .grandTotal span:not([data-ui-owned~="font"]){font-weight: 900 !important;} .cartTotalsBox.totalsPanel .totalsToggle,.orderTotals.totalsPanel .totalsToggle{justify-self: center !important;align-self: center !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="size"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="size"]){width: 30px !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="height"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="height"]){height: 26px !important;min-height: 26px !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="border"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="border"]){border: 0 !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="radius"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="radius"]){border-radius: 0 !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]){background: transparent !important;box-shadow: none !important;color: #6b7280 !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="spacing"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="spacing"]){padding: 0 !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="font"]){line-height: 1 !important;} .cartTotalsBox.totalsPanel.collapsed .grandTotal:not([data-ui-owned~="columns"]),.orderTotals.totalsPanel.collapsed .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) 30px auto !important;} @media (max-width: 430px){ body:not(.sectionMode) #groups.catalogOnly{top: 112px !important;} .standardOrderTop:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;} .standardOrderTop .statusStack:not([data-ui-owned~="size"]){max-width: 220px !important;} } /* v67: order rating moved from bottom block into status button + compact sheet */ .reviewStatusBtn:not([data-ui-owned~="border"]){border: 0;}.reviewStatusBtn{cursor: pointer;}.reviewStatusBtn:not([data-ui-owned~="font"]){font: inherit;} .reviewSheetBox:not([data-ui-owned~="margin"]){margin: 0 !important;}.reviewSheetBox:not([data-ui-owned~="paint"]){background: #fff !important;}.reviewSheetBox:not([data-ui-owned~="border"]){border: 0 !important;}.reviewSheetBox:not([data-ui-owned~="spacing"]){padding: 6px 0 0 !important;} .reviewGroup:not([data-ui-owned~="layout"]){display: grid;gap: 6px;}.reviewGroup:not([data-ui-owned~="spacing"]){padding: 8px 0;}.reviewGroup:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border);} .reviewGroup b:not([data-ui-owned~="font"]){font-size: 15px;} .reviewSheetBox .reviewComment:not([data-ui-owned~="size"]){width: 100%;}.reviewSheetBox .reviewComment:not([data-ui-owned~="height"]){min-height: 70px;}.reviewSheetBox .reviewComment:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.reviewSheetBox .reviewComment:not([data-ui-owned~="radius"]){border-radius: 14px;}.reviewSheetBox .reviewComment:not([data-ui-owned~="spacing"]){padding: 10px;}.reviewSheetBox .reviewComment:not([data-ui-owned~="font"]){font: inherit;}.reviewSheetBox .reviewComment{resize: vertical;} /* v73: order history moved into Orders, bottom product scanner, centered totals button */ .navBarcodeIcon:not([data-ui-owned~="size"]){width: 22px !important;}.navBarcodeIcon:not([data-ui-owned~="height"]){height: 18px !important;}.navBarcodeIcon:not([data-ui-owned~="layout"]){display: block !important;} .clientOrderTabs:not([data-ui-owned~="layout"]){display: flex !important;flex-wrap: wrap !important;gap: 8px !important;}.clientOrderTabs:not([data-ui-owned~="margin"]){margin-bottom: 10px !important;} .clientOrderTabs button:not([data-ui-owned~="layout"]){flex: 0 0 auto !important;}.clientOrderTabs button:not([data-ui-owned~="border"]){border: 0 !important;}.clientOrderTabs button:not([data-ui-owned~="radius"]){border-radius: 13px !important;}.clientOrderTabs button:not([data-ui-owned~="height"]){min-height: 38px !important;}.clientOrderTabs button:not([data-ui-owned~="spacing"]){padding: 8px 14px !important;}.clientOrderTabs button:not([data-ui-owned~="font"]){font-weight: 900 !important;}.clientOrderTabs button:not([data-ui-owned~="paint"]){background: #eef2f7 !important;color: var(--text) !important;} .clientOrderTabs button.activeTab:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;} .scannerOverlay{position: fixed !important;inset: 0 !important;z-index: 100 !important;}.scannerOverlay:not([data-ui-owned~="paint"]){background: rgba(15,23,42,.86) !important;}.scannerOverlay:not([data-ui-owned~="layout"]){display: grid !important;place-items: center !important;}.scannerOverlay:not([data-ui-owned~="spacing"]){padding: 18px !important;} .scannerBox:not([data-ui-owned~="size"]){width: min(520px, 100%) !important;}.scannerBox:not([data-ui-owned~="paint"]){background: #fff !important;}.scannerBox:not([data-ui-owned~="border"]){border:1px solid var(--border,#d7dde5) !important;}.scannerBox:not([data-ui-owned~="radius"]){border-radius: 18px !important;}.scannerBox:not([data-ui-owned~="spacing"]){padding: 12px !important;}.scannerBox:not([data-ui-owned~="layout"]){display: grid !important;gap: 10px !important;}.scannerBox{position: relative !important;} .scannerHead:not([data-ui-owned~="layout"]){display: flex !important;justify-content: space-between !important;align-items: center !important;gap: 8px !important;} .scannerBox video:not([data-ui-owned~="size"]){width: 100% !important;}.scannerBox video:not([data-ui-owned~="height"]){max-height: 58vh !important;}.scannerBox video:not([data-ui-owned~="image"]){object-fit: cover !important;}.scannerBox video:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.scannerBox video:not([data-ui-owned~="paint"]){background: #111827 !important;} .scannerFrame{pointer-events:none !important;position:absolute !important;} .scannerActions:not([data-ui-owned~="layout"]),.productScanActions:not([data-ui-owned~="layout"]){display: flex !important;gap: 8px !important;} .scannerBox p:not([data-ui-owned~="margin"]){margin: 0 !important;}.scannerBox p:not([data-ui-owned~="paint"]){color: var(--muted) !important;}.scannerBox p:not([data-ui-owned~="font"]){font-size: 13px !important;} .productScanResult:not([data-ui-owned~="layout"]){display: grid !important;gap: 12px !important;align-items: start !important;}.productScanResult:not([data-ui-owned~="columns"]){grid-template-columns: 92px minmax(0, 1fr) !important;} .productScanThumb{--ui-thumb-size:92px;--ui-thumb-padding:7px;--ui-thumb-radius:16px;font-size:36px!important;} .productScanThumb>img{object-fit:contain!important;object-position:center center!important;background:var(--ui-thumb-surface,#fff)!important;} .productScanInfo h3:not([data-ui-owned~="margin"]){margin: 0 0 8px !important;}.productScanInfo h3:not([data-ui-owned~="font"]){font-size: 18px !important;line-height: 1.15 !important;} .productScanRows:not([data-ui-owned~="layout"]){display: grid !important;gap: 6px !important;} .productScanRows div:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;align-items: center !important;}.productScanRows div:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;}.productScanRows div:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border) !important;}.productScanRows div:not([data-ui-owned~="spacing"]){padding-bottom: 5px !important;} .productScanRows span:not([data-ui-owned~="paint"]){color: var(--muted) !important;}.productScanRows span:not([data-ui-owned~="font"]){font-size: 12px !important;font-weight: 800 !important;} .productScanRows b:not([data-ui-owned~="font"]){text-align: right !important;}.productScanRows b{white-space: nowrap !important;} .cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="layout"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="layout"]){display: inline-flex !important;align-items: center !important;justify-content: center !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="effect"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="effect"]){transform: translateY(-1px) !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="font"]){font-size: 18px !important;line-height: 1 !important;} @media (max-width: 430px){ .productScanResult:not([data-ui-owned~="columns"]){grid-template-columns: 76px minmax(0, 1fr) !important;}.productScanResult:not([data-ui-owned~="layout"]){gap: 10px !important;} .productScanThumb{--ui-thumb-size:76px;} .clientOrderTabs button:not([data-ui-owned~="height"]){min-height: 36px !important;}.clientOrderTabs button:not([data-ui-owned~="spacing"]){padding: 7px 12px !important;}.clientOrderTabs button:not([data-ui-owned~="font"]){font-size: 13px !important;} } /* v74: unified active/history tabs, site-styled inputs/selects, scan sounds support */ .nativeHiddenSelect{position: absolute !important;pointer-events: none !important;}.nativeHiddenSelect:not([data-ui-owned~="size"]){width: 1px !important;}.nativeHiddenSelect:not([data-ui-owned~="height"]){height: 1px !important;}.nativeHiddenSelect:not([data-ui-owned~="effect"]){opacity: 0 !important;} .paymentChoiceList:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;}.paymentChoiceList:not([data-ui-owned~="margin"]){margin-top: 8px !important;} .paymentChoice:not([data-ui-owned~="size"]){width: 100% !important;}.paymentChoice:not([data-ui-owned~="border"]){border: 1px solid var(--border) !important;}.paymentChoice:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.paymentChoice:not([data-ui-owned~="paint"]){background: #f8fafc !important;color: var(--text) !important;}.paymentChoice:not([data-ui-owned~="height"]){min-height: 42px !important;}.paymentChoice:not([data-ui-owned~="spacing"]){padding: 10px 12px !important;}.paymentChoice:not([data-ui-owned~="font"]){font-weight: 900 !important;text-align: left !important;} .paymentChoice.active:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;}.paymentChoice.active:not([data-ui-owned~="border"]){border-color: var(--accent) !important;} .siteInputSheet label:not([data-ui-owned~="font"]){font-weight: 900 !important;font-size: 13px !important;}.siteInputSheet label:not([data-ui-owned~="paint"]){color: var(--muted) !important;} .siteTextInput:not([data-ui-owned~="size"]){width: 100% !important;}.siteTextInput:not([data-ui-owned~="layout"]){box-sizing: border-box !important;}.siteTextInput:not([data-ui-owned~="border"]){border: 1px solid var(--border) !important;}.siteTextInput:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.siteTextInput:not([data-ui-owned~="height"]){min-height: 44px !important;}.siteTextInput:not([data-ui-owned~="spacing"]){padding: 10px 12px !important;}.siteTextInput:not([data-ui-owned~="font"]){font-size: 17px !important;font-weight: 800 !important;}.siteTextInput:not([data-ui-owned~="paint"]){outline: none !important;} .siteTextInput:focus:not([data-ui-owned~="border"]){border-color: var(--accent) !important;}.siteTextInput:focus:not([data-ui-owned~="paint"]){box-shadow: 0 0 0 3px rgba(36,129,204,.15) !important;} .smallEmpty:not([data-ui-owned~="spacing"]){padding: 8px !important;} .productScanThumb img:not([data-ui-owned~="paint"]){background:var(--ui-thumb-surface,#fff)!important;background-color:var(--ui-thumb-surface,#fff)!important;} .productScanThumb img:not([src]),.productScanThumb img[src=""]{display: none !important;} /* v75: louder scanner-like beeps, clickable status actions and small shell gaps */ button.paymentBadge:not([data-ui-owned~="paint"]),.paymentBadge.clientPayStatusBtn:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;box-shadow: 0 2px 8px rgba(36,129,204,.18) !important;} button.paymentBadge.waiting:not([data-ui-owned~="paint"]),.paymentBadge.clientPayStatusBtn.waiting:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;} .siteConfirmMessage:not([data-ui-owned~="spacing"]){padding: 10px 2px 12px !important;}.siteConfirmMessage:not([data-ui-owned~="font"]){font-weight: 800 !important;line-height: 1.35 !important;}.siteConfirmMessage:not([data-ui-owned~="paint"]){color: var(--text) !important;} .siteConfirmSheet .dangerBtn:not([data-ui-owned~="paint"]){background: #fee2e2 !important;color: #991b1b !important;} body.sectionMode .sitePage:not(.hidden){top: 60px !important;bottom: calc(70px + env(safe-area-inset-bottom)) !important;} @media (max-width: 430px){ body.sectionMode .sitePage:not(.hidden){top: 60px !important;bottom: calc(70px + env(safe-area-inset-bottom)) !important;} } /* v76: catalog search reliability and compact square product cards */ .top:not([data-ui-owned~="spacing"]){padding-top: 8px !important;padding-bottom: 6px !important;} .searchBox.catalogOnly,body:not(.sectionMode) .searchBox.catalogOnly{top: 48px !important;}.searchBox.catalogOnly:not([data-ui-owned~="spacing"]),body:not(.sectionMode) .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding: 4px 12px !important;}.searchBox.catalogOnly:not([data-ui-owned~="border"]),body:not(.sectionMode) .searchBox.catalogOnly:not([data-ui-owned~="border"]){border-bottom: 0 !important;} .searchInputWrap input:not([data-ui-owned~="height"]),.searchBox input:not([data-ui-owned~="height"]){min-height: 42px !important;}.searchInputWrap input:not([data-ui-owned~="spacing"]),.searchBox input:not([data-ui-owned~="spacing"]){padding-top: 9px !important;padding-bottom: 9px !important;}.searchInputWrap input:not([data-ui-owned~="radius"]),.searchBox input:not([data-ui-owned~="radius"]){border-radius: 16px !important;} #groups.catalogOnly,body:not(.sectionMode) #groups.catalogOnly{top: 98px !important;}#groups.catalogOnly:not([data-ui-owned~="spacing"]),body:not(.sectionMode) #groups.catalogOnly:not([data-ui-owned~="spacing"]){padding: 4px 12px 6px !important;} .grid.catalogOnly:not([data-ui-owned~="layout"]){gap: 9px !important;}.grid.catalogOnly:not([data-ui-owned~="spacing"]){padding: 0 10px !important;} .grid.catalogOnly .card:not([data-ui-owned~="height"]){min-height: 0 !important;}.grid.catalogOnly .card:not([data-ui-owned~="radius"]){border-radius: 16px !important;} .grid.catalogOnly .img:not([data-ui-owned~="size"]){width: 100% !important;aspect-ratio: 1 / 1 !important;}.grid.catalogOnly .img:not([data-ui-owned~="height"]){height: auto !important;}.grid.catalogOnly .img:not([data-ui-owned~="paint"]){background: #f1f5f9 !important;} .grid.catalogOnly .img img:not([data-ui-owned~="size"]){width: 100% !important;}.grid.catalogOnly .img img:not([data-ui-owned~="height"]){height: 100% !important;}.grid.catalogOnly .img img:not([data-ui-owned~="image"]){object-fit: contain !important;}.grid.catalogOnly .img img:not([data-ui-owned~="paint"]){background: #fff !important;} .grid.catalogOnly .content:not([data-ui-owned~="spacing"]){padding: 8px !important;}.grid.catalogOnly .content:not([data-ui-owned~="layout"]){gap: 5px !important;} .grid.catalogOnly .name:not([data-ui-owned~="height"]){min-height: 32px !important;}.grid.catalogOnly .name:not([data-ui-owned~="font"]){font-size: 14px !important;line-height: 1.12 !important;}.grid.catalogOnly .name:not([data-ui-owned~="layout"]){display: -webkit-box !important;overflow: hidden !important;}.grid.catalogOnly .name{-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;} .grid.catalogOnly .price:not([data-ui-owned~="font"]){font-size: 15px !important;line-height: 1.1 !important;} .grid.catalogOnly .addToCartBtn:not([data-ui-owned~="height"]){min-height: 36px !important;}.grid.catalogOnly .addToCartBtn:not([data-ui-owned~="radius"]){border-radius: 13px !important;}.grid.catalogOnly .addToCartBtn:not([data-ui-owned~="font"]){font-size: 14px !important;} .grid.catalogOnly .qty:not([data-ui-owned~="columns"]){grid-template-columns: 38px minmax(0, 1fr) 38px !important;}.grid.catalogOnly .qty:not([data-ui-owned~="layout"]){gap: 6px !important;} .grid.catalogOnly .qty button:not([data-ui-owned~="height"]){min-height: 38px !important;}.grid.catalogOnly .qty button:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.grid.catalogOnly .qty button:not([data-ui-owned~="spacing"]){padding: 0 !important;} @media (max-width: 430px){ .top:not([data-ui-owned~="spacing"]){padding-top: 7px !important;padding-bottom: 5px !important;} .searchBox.catalogOnly,body:not(.sectionMode) .searchBox.catalogOnly{top: 46px !important;}.searchBox.catalogOnly:not([data-ui-owned~="spacing"]),body:not(.sectionMode) .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding: 4px 10px !important;} #groups.catalogOnly,body:not(.sectionMode) #groups.catalogOnly{top: 94px !important;}#groups.catalogOnly:not([data-ui-owned~="spacing"]),body:not(.sectionMode) #groups.catalogOnly:not([data-ui-owned~="spacing"]){padding-left: 10px !important;padding-right: 10px !important;} .grid.catalogOnly .content:not([data-ui-owned~="spacing"]){padding: 7px !important;} .grid.catalogOnly .name:not([data-ui-owned~="font"]){font-size: 13px !important;}.grid.catalogOnly .name:not([data-ui-owned~="height"]){min-height: 30px !important;} .grid.catalogOnly .price:not([data-ui-owned~="font"]){font-size: 15px !important;} } /* v78: standalone PWA auth and compact scanner window */ .authLocked .catalogOnly:not([data-ui-owned~="paint"]),.authLocked #cartPanel:not([data-ui-owned~="paint"]),.authLocked #infoPanel:not([data-ui-owned~="paint"]),.authLocked .bottomNav:not([data-ui-owned~="paint"]){filter: blur(2px);}.authLocked .catalogOnly,.authLocked #cartPanel,.authLocked #infoPanel,.authLocked .bottomNav{pointer-events: none;} .authGateOverlay{position: fixed !important;inset: 0 !important;z-index: 250 !important;}.authGateOverlay:not([data-ui-owned~="paint"]){background: rgba(15, 23, 42, .72) !important;}.authGateOverlay:not([data-ui-owned~="layout"]){display: grid !important;place-items: center !important;}.authGateOverlay:not([data-ui-owned~="spacing"]){padding: 18px !important;} .authGateBox:not([data-ui-owned~="size"]){width: min(430px, 100%) !important;}.authGateBox:not([data-ui-owned~="radius"]){border-radius: 24px !important;}.authGateBox:not([data-ui-owned~="paint"]){background: #fff !important;box-shadow: 0 18px 50px rgba(15, 23, 42, .24) !important;}.authGateBox:not([data-ui-owned~="spacing"]){padding: 20px !important;}.authGateBox:not([data-ui-owned~="layout"]){display: grid !important;gap: 12px !important;}.authGateBox:not([data-ui-owned~="font"]){text-align: left !important;} .authGateIcon:not([data-ui-owned~="size"]){width: 52px !important;}.authGateIcon:not([data-ui-owned~="height"]){height: 52px !important;}.authGateIcon:not([data-ui-owned~="radius"]){border-radius: 18px !important;}.authGateIcon:not([data-ui-owned~="paint"]){background: #e0f2fe !important;}.authGateIcon:not([data-ui-owned~="layout"]){display: grid !important;place-items: center !important;}.authGateIcon:not([data-ui-owned~="font"]){font-size: 28px !important;} .authGateBox h2:not([data-ui-owned~="margin"]){margin: 0 !important;}.authGateBox h2:not([data-ui-owned~="font"]){font-size: 24px !important;line-height: 1.15 !important;} .authGateBox p:not([data-ui-owned~="margin"]){margin: 0 !important;}.authGateBox p:not([data-ui-owned~="paint"]){color: var(--muted) !important;}.authGateBox p:not([data-ui-owned~="font"]){line-height: 1.35 !important;} .authPrimaryBtn:not([data-ui-owned~="border"]),.authPhoneRow button:not([data-ui-owned~="border"]){border: 0 !important;}.authPrimaryBtn:not([data-ui-owned~="radius"]),.authPhoneRow button:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.authPrimaryBtn:not([data-ui-owned~="height"]),.authPhoneRow button:not([data-ui-owned~="height"]){min-height: 46px !important;}.authPrimaryBtn:not([data-ui-owned~="spacing"]),.authPhoneRow button:not([data-ui-owned~="spacing"]){padding: 10px 14px !important;}.authPrimaryBtn:not([data-ui-owned~="paint"]),.authPhoneRow button:not([data-ui-owned~="paint"]){background: var(--accent) !important;color: #fff !important;}.authPrimaryBtn:not([data-ui-owned~="font"]),.authPhoneRow button:not([data-ui-owned~="font"]){font-weight: 900 !important;font-size: 16px !important;} .authDivider:not([data-ui-owned~="font"]){text-align: center !important;font-weight: 800 !important;font-size: 13px !important;}.authDivider:not([data-ui-owned~="paint"]){color: var(--muted) !important;} .authPhoneLabel:not([data-ui-owned~="font"]){font-weight: 900 !important;}.authPhoneLabel:not([data-ui-owned~="paint"]){color: var(--text) !important;} .authPhoneRow:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px !important;}.authPhoneRow:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto !important;} .authPhoneRow input:not([data-ui-owned~="size"]){min-width: 0 !important;}.authPhoneRow input:not([data-ui-owned~="border"]){border: 1px solid var(--border) !important;}.authPhoneRow input:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.authPhoneRow input:not([data-ui-owned~="spacing"]){padding: 12px !important;}.authPhoneRow input:not([data-ui-owned~="font"]){font: inherit !important;font-size: 16px !important;} .authGateMessage:not([data-ui-owned~="paint"]),.authGateError:not([data-ui-owned~="paint"]){color: #991b1b !important;background: #fee2e2 !important;}.authGateMessage:not([data-ui-owned~="radius"]),.authGateError:not([data-ui-owned~="radius"]){border-radius: 12px !important;}.authGateMessage:not([data-ui-owned~="spacing"]),.authGateError:not([data-ui-owned~="spacing"]){padding: 9px 10px !important;}.authGateMessage:not([data-ui-owned~="font"]),.authGateError:not([data-ui-owned~="font"]){font-weight: 800 !important;}.authGateMessage:not([data-ui-owned~="height"]),.authGateError:not([data-ui-owned~="height"]){min-height: 0 !important;} .authGateMessage:empty{display: none !important;} .authGateError.small:not([data-ui-owned~="font"]){font-size: 13px !important;} .scannerBox video:not([data-ui-owned~="height"]){height: clamp(160px, 32vh, 240px) !important;max-height: none !important;}.scannerBox video:not([data-ui-owned~="size"]){aspect-ratio: 16 / 7 !important;} .scannerHint:not([data-ui-owned~="height"]){min-height: 18px !important;} @media (max-width: 430px){ .scannerOverlay:not([data-ui-owned~="spacing"]){padding: 16px !important;} .scannerBox:not([data-ui-owned~="layout"]){gap: 8px !important;}.scannerBox:not([data-ui-owned~="spacing"]){padding: 12px !important;} .scannerBox video:not([data-ui-owned~="height"]){height: clamp(150px, 28vh, 220px) !important;} } /* v79: Safari scanner fallback, tighter fixed scanner size and +7 phone input */ .scannerBox:not([data-ui-owned~="height"]){max-height: min(430px, calc(100dvh - 74px)) !important;}.scannerBox:not([data-ui-owned~="layout"]){overflow: hidden !important;} .scannerBox video:not([data-ui-owned~="size"]){width: 100% !important;aspect-ratio: auto !important;}.scannerBox video:not([data-ui-owned~="height"]){height: 178px !important;min-height: 178px !important;max-height: 178px !important;}.scannerBox video:not([data-ui-owned~="image"]){object-fit: cover !important;}.scannerBox video:not([data-ui-owned~="layout"]){display: block !important;} .authPhoneRow input,.phoneBindRow input{letter-spacing: .01em !important;}.authPhoneRow input:not([data-ui-owned~="font"]),.phoneBindRow input:not([data-ui-owned~="font"]){font-weight: 800 !important;} @media (max-width: 430px){ .scannerBox:not([data-ui-owned~="height"]){max-height: min(410px, calc(100dvh - 68px)) !important;} .scannerBox video:not([data-ui-owned~="height"]){height: 168px !important;min-height: 168px !important;max-height: 168px !important;} } /* v90: client catalog state reset after checkout, fixed catalog header/search/categories, zoom guard support */ html,body{touch-action: pan-x pan-y;-ms-touch-action: pan-x pan-y;} body:not(.sectionMode) .top{position: sticky !important;top: 0 !important;z-index: 60 !important;backdrop-filter: blur(12px);}body:not(.sectionMode) .top:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.98) !important;} body:not(.sectionMode) .searchBox.catalogOnly{position: sticky !important;top: 62px !important;z-index: 59 !important;backdrop-filter: blur(12px);}body:not(.sectionMode) .searchBox.catalogOnly:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.98) !important;} body:not(.sectionMode) .chips.catalogOnly{position: sticky !important;top: 124px !important;z-index: 58 !important;backdrop-filter: blur(12px);}body:not(.sectionMode) .chips.catalogOnly:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.98) !important;} @media (max-width: 430px){ body:not(.sectionMode) .searchBox.catalogOnly{top: 58px !important;} body:not(.sectionMode) .chips.catalogOnly{top: 116px !important;} } /* v98: fixed client catalog controls without overlapping search/categories */ .catalogSticky{position: sticky;top: 0;z-index: 25;backdrop-filter: blur(12px);}.catalogSticky:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.98);}.catalogSticky:not([data-ui-owned~="border"]){border-bottom: 1px solid rgba(229,231,235,.75);} .catalogSticky .top{position: static !important;backdrop-filter: none !important;z-index: auto !important;}.catalogSticky .top:not([data-ui-owned~="border"]){border-bottom: 0 !important;}.catalogSticky .top:not([data-ui-owned~="paint"]){background: transparent !important;} .catalogSticky .searchBox,.catalogSticky .chips{position: static !important;z-index: auto !important;}.catalogSticky .searchBox:not([data-ui-owned~="paint"]),.catalogSticky .chips:not([data-ui-owned~="paint"]){background: transparent !important;} .catalogSticky .searchBox:not([data-ui-owned~="spacing"]){padding-bottom: 6px;} .catalogSticky .chips:not([data-ui-owned~="spacing"]){padding-bottom: 12px;} body.sectionMode .catalogSticky .catalogOnly{display: none !important;} /* v99: one fixed client catalog header, no nested sticky overlap */ body:not(.sectionMode) .catalogSticky{position: sticky !important;top: 0 !important;z-index: 120 !important;backdrop-filter: blur(12px) !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="layout"]){display: block !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.99) !important;box-shadow: 0 2px 10px rgba(15,23,42,.05) !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="border"]){border-bottom: 1px solid rgba(229,231,235,.85) !important;} body:not(.sectionMode) .catalogSticky .top,body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly,body:not(.sectionMode) .catalogSticky #groups.catalogOnly,body:not(.sectionMode) .catalogSticky .chips.catalogOnly{position: static !important;top: auto !important;left: auto !important;right: auto !important;z-index: auto !important;backdrop-filter: none !important;}body:not(.sectionMode) .catalogSticky .top:not([data-ui-owned~="paint"]),body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="paint"]),body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="paint"]),body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="paint"]){background: transparent !important;box-shadow: none !important;}body:not(.sectionMode) .catalogSticky .top:not([data-ui-owned~="border"]),body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="border"]),body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="border"]),body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="border"]){border-bottom: 0 !important;} body:not(.sectionMode) .catalogSticky .top:not([data-ui-owned~="spacing"]){padding: 10px 14px 8px !important;} body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="layout"]){display: block !important;}body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding: 8px 14px 6px !important;} body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="layout"]),body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="layout"]){display: block !important;overflow: visible !important;}body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]),body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="spacing"]){padding: 6px 14px 10px !important;} body.sectionMode .catalogSticky .catalogOnly,body.sectionMode .catalogSticky #groups.catalogOnly{display: none !important;} body:not(.sectionMode) #products.grid.catalogOnly:not([data-ui-owned~="spacing"]){padding-top: 10px !important;} /* v100: true fixed client catalog header, compact 1mm-like gaps */ body:not(.sectionMode) .catalogSticky{position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;z-index: 900 !important;backdrop-filter: blur(12px) !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="size"]){width: 100% !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="paint"]){background: rgba(245,246,248,.995) !important;box-shadow: 0 2px 10px rgba(15,23,42,.05) !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="border"]){border-bottom: 1px solid rgba(229,231,235,.9) !important;} body:not(.sectionMode) .catalogSticky .top:not([data-ui-owned~="spacing"]){padding: 7px 12px 3px !important;}body:not(.sectionMode) .catalogSticky .top:not([data-ui-owned~="layout"]){gap: 8px !important;} body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding: 3px 12px 3px !important;} body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly input:not([data-ui-owned~="height"]){min-height: 48px !important;} body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]),body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="spacing"]){padding: 3px 12px 6px !important;}body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="layout"]),body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="layout"]){overflow: visible !important;} body:not(.sectionMode) .catalogSticky .categoryToolbar:not([data-ui-owned~="margin"]){margin: 0 !important;}body:not(.sectionMode) .catalogSticky .categoryToolbar:not([data-ui-owned~="spacing"]){padding: 0 !important;} body:not(.sectionMode) .catalogSticky .categoryToggle:not([data-ui-owned~="margin"]){margin-top: 0 !important;}body:not(.sectionMode) .catalogSticky .categoryToggle:not([data-ui-owned~="height"]){min-height: 44px !important;} /* v2.0.93: retired legacy catalog product top reserve; catalogScroll owns the offset. */ body:not(.sectionMode) #loadMore.catalogOnly:not([data-ui-owned~="margin"]){margin-bottom: 88px !important;} @media (max-width: 430px){ body:not(.sectionMode) .catalogSticky .top:not([data-ui-owned~="spacing"]){padding: 6px 10px 2px !important;} body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding: 2px 10px 2px !important;} body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]),body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="spacing"]){padding: 2px 10px 5px !important;} body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly input:not([data-ui-owned~="height"]){min-height: 46px !important;} body:not(.sectionMode) .catalogSticky .categoryToggle:not([data-ui-owned~="height"]){min-height: 42px !important;} } /* v101: Telegram -> browser/PWA install hint and phone-gated loyalty */ .appInstallHint:not([data-ui-owned~="layout"]){display: grid !important;gap: 8px;align-items: center;}.appInstallHint:not([data-ui-owned~="columns"]){grid-template-columns: minmax(0, 1fr) auto;}.appInstallHint:not([data-ui-owned~="margin"]){margin: 0 12px 7px;}.appInstallHint:not([data-ui-owned~="spacing"]){padding: 9px 10px;}.appInstallHint:not([data-ui-owned~="border"]){border: 1px solid rgba(36,129,204,.22);}.appInstallHint:not([data-ui-owned~="radius"]){border-radius: 14px;}.appInstallHint:not([data-ui-owned~="paint"]){background: #eef6ff;color: var(--text);} .appInstallHint.hidden{display: none !important;} .installHintText:not([data-ui-owned~="layout"]){display: grid;gap: 2px;}.installHintText:not([data-ui-owned~="size"]){min-width: 0;} .installHintText b:not([data-ui-owned~="font"]){font-size: 13px;line-height: 1.15;} .installHintText span:not([data-ui-owned~="paint"]){color: var(--muted);}.installHintText span:not([data-ui-owned~="font"]){font-size: 12px;line-height: 1.25;} .installHintActions:not([data-ui-owned~="layout"]){display: flex;align-items: center;gap: 6px;} .installHintActions button:not([data-ui-owned~="border"]){border: 0;}.installHintActions button:not([data-ui-owned~="radius"]){border-radius: 11px;}.installHintActions button:not([data-ui-owned~="spacing"]){padding: 8px 10px;}.installHintActions button:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;}.installHintActions button:not([data-ui-owned~="font"]){font-weight: 900;font-size: 12px;}.installHintActions button{white-space: nowrap;} .installHintActions .secondaryInstallBtn:not([data-ui-owned~="size"]){width: 32px;}.installHintActions .secondaryInstallBtn:not([data-ui-owned~="height"]){height: 32px;}.installHintActions .secondaryInstallBtn:not([data-ui-owned~="spacing"]){padding: 0;}.installHintActions .secondaryInstallBtn:not([data-ui-owned~="paint"]){background: rgba(15,23,42,.08);color: var(--text);}.installHintActions .secondaryInstallBtn:not([data-ui-owned~="font"]){font-size: 18px;line-height: 1;} .loyaltyActivationBox:not([data-ui-owned~="border"]){border: 1px solid rgba(36,129,204,.22);}.loyaltyActivationBox:not([data-ui-owned~="radius"]){border-radius: 16px;}.loyaltyActivationBox:not([data-ui-owned~="paint"]){background: #eef6ff;}.loyaltyActivationBox:not([data-ui-owned~="spacing"]){padding: 14px;}.loyaltyActivationBox:not([data-ui-owned~="layout"]){display: grid;gap: 8px;} .loyaltyActivationBox b:not([data-ui-owned~="font"]){font-size: 17px;} .loyaltyActivationBox p:not([data-ui-owned~="margin"]){margin: 0;}.loyaltyActivationBox p:not([data-ui-owned~="paint"]){color: var(--muted);}.loyaltyActivationBox p:not([data-ui-owned~="font"]){line-height: 1.35;} .loyaltyActivationBox button:not([data-ui-owned~="border"]){border: 0;}.loyaltyActivationBox button:not([data-ui-owned~="radius"]){border-radius: 12px;}.loyaltyActivationBox button:not([data-ui-owned~="spacing"]){padding: 11px 12px;}.loyaltyActivationBox button:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;}.loyaltyActivationBox button:not([data-ui-owned~="font"]){font-weight: 900;} @media (max-width: 430px){ .appInstallHint:not([data-ui-owned~="columns"]){grid-template-columns: 1fr;}.appInstallHint:not([data-ui-owned~="margin"]){margin-left: 10px;margin-right: 10px;}.appInstallHint:not([data-ui-owned~="spacing"]){padding: 8px 9px;} .installHintActions:not([data-ui-owned~="layout"]){justify-content: stretch;} .installHintActions button:not(.secondaryInstallBtn):not([data-ui-owned~="layout"]){flex: 1;} } /* v108: client favorites and animated clickable status buttons */ .topActions:not([data-ui-owned~="layout"]){display: flex;align-items: center;gap: 8px;}.topActions:not([data-ui-owned~="margin"]){margin-left: auto;} .favoriteTop{position: relative;white-space: nowrap;}.favoriteTop:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.favoriteTop:not([data-ui-owned~="radius"]){border-radius: 16px;}.favoriteTop:not([data-ui-owned~="paint"]){background: #fff;color: #64748b;}.favoriteTop:not([data-ui-owned~="spacing"]){padding: 10px 11px;}.favoriteTop:not([data-ui-owned~="font"]){font-weight: 900;}.favoriteTop:not([data-ui-owned~="layout"]){display: inline-flex;align-items: center;justify-content: center;gap: 5px;}.favoriteTop:not([data-ui-owned~="height"]){min-height: 42px;} .favoriteTop.active:not([data-ui-owned~="paint"]){background: #fee2e2;color: #dc2626;}.favoriteTop.active:not([data-ui-owned~="border"]){border-color: #fecaca;} .favoriteTop b{position: absolute;right: -5px;top: -6px;}.favoriteTop b:not([data-ui-owned~="size"]){min-width: 18px;}.favoriteTop b:not([data-ui-owned~="height"]){height: 18px;}.favoriteTop b:not([data-ui-owned~="radius"]){border-radius: 999px;}.favoriteTop b:not([data-ui-owned~="paint"]){background: #dc2626;color: #fff;}.favoriteTop b:not([data-ui-owned~="font"]){font-size: 11px;line-height: 18px;text-align: center;}.favoriteTop b:not([data-ui-owned~="spacing"]){padding: 0 5px;} .productActions:not([data-ui-owned~="layout"]){display: grid;gap: 7px;align-items: stretch;}.productActions:not([data-ui-owned~="columns"]){grid-template-columns: 42px minmax(0, 1fr);}.productActions:not([data-ui-owned~="margin"]){margin-top: 2px;} .favoriteBtn:not([data-ui-owned~="size"]){width: 42px;min-width: 42px;}.favoriteBtn:not([data-ui-owned~="border"]){border: 1px solid #fecaca;}.favoriteBtn:not([data-ui-owned~="radius"]){border-radius: 13px;}.favoriteBtn:not([data-ui-owned~="paint"]){background: #fff;color: #dc2626;}.favoriteBtn:not([data-ui-owned~="font"]){font-size: 24px;line-height: 1;font-weight: 900;}.favoriteBtn:not([data-ui-owned~="layout"]){display: grid;place-items: center;}.favoriteBtn:not([data-ui-owned~="spacing"]){padding: 0;} .favoriteBtn.active:not([data-ui-owned~="paint"]){background: #dc2626;color: #fff;box-shadow: 0 8px 18px rgba(220,38,38,.22);}.favoriteBtn.active:not([data-ui-owned~="border"]){border-color: #dc2626;} .favoriteBtn:disabled:not([data-ui-owned~="effect"]){opacity: .6;}.favoriteBtn:disabled{cursor: wait;} .productActions .addToCartBtn:not([data-ui-owned~="size"]){width: 100%;}.productActions .addToCartBtn:not([data-ui-owned~="border"]){border: 0;}.productActions .addToCartBtn:not([data-ui-owned~="radius"]){border-radius: 13px;}.productActions .addToCartBtn:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;}.productActions .addToCartBtn:not([data-ui-owned~="spacing"]){padding: 10px 8px;}.productActions .addToCartBtn:not([data-ui-owned~="font"]){font-weight: 900;} @keyframes clickableStatusPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(36,129,204,.34); transform: translateZ(0) scale(1); } 50% { box-shadow: 0 0 0 7px rgba(36,129,204,0); transform: translateZ(0) scale(1.025); } } button.statusPill,.paymentBadge.clientPayStatusBtn,button.paymentBadge,.reviewStatusBtn{animation: clickableStatusPulse 1.65s ease-in-out infinite;position: relative;isolation: isolate;} button.statusPill:hover:not([data-ui-owned~="paint"]),.paymentBadge.clientPayStatusBtn:hover:not([data-ui-owned~="paint"]),button.paymentBadge:hover:not([data-ui-owned~="paint"]),.reviewStatusBtn:hover:not([data-ui-owned~="paint"]){filter: brightness(1.02);} @media (prefers-reduced-motion: reduce){ button.statusPill,.paymentBadge.clientPayStatusBtn,button.paymentBadge,.reviewStatusBtn{animation: none !important;} } @media (max-width: 430px){ .topActions:not([data-ui-owned~="layout"]){gap: 6px;} .favoriteTop:not([data-ui-owned~="size"]){min-width: 44px;}.favoriteTop:not([data-ui-owned~="spacing"]){padding: 10px;} .favoriteTop span{display: none;} .productActions:not([data-ui-owned~="columns"]){grid-template-columns: 40px minmax(0, 1fr);}.productActions:not([data-ui-owned~="layout"]){gap: 6px;} .favoriteBtn:not([data-ui-owned~="size"]){width: 40px;min-width: 40px;} } .clientOrderCard[role="button"] .statusStack .statusPill{animation: clickableStatusPulse 1.65s ease-in-out infinite;cursor: pointer;} @media (prefers-reduced-motion: reduce){ .clientOrderCard[role="button"] .statusStack .statusPill{animation: none !important;} } /* v109: product favorite heart in image corner + stronger clickable status pulse */ .topActions:not([data-ui-owned~="layout"]){align-items: center !important;} .top .cart:not([data-ui-owned~="height"]),.top .favoriteTop:not([data-ui-owned~="height"]){height: 46px !important;min-height: 46px !important;}.top .cart:not([data-ui-owned~="layout"]),.top .favoriteTop:not([data-ui-owned~="layout"]){display: inline-flex !important;align-items: center !important;justify-content: center !important;}.top .cart:not([data-ui-owned~="font"]),.top .favoriteTop:not([data-ui-owned~="font"]){line-height: 1 !important;} .top .cart:not([data-ui-owned~="spacing"]){padding: 0 13px !important;} .favoriteTop:not([data-ui-owned~="spacing"]){padding: 0 12px !important;}.favoriteTop:not([data-ui-owned~="radius"]){border-radius: 16px !important;} .img{position: relative !important;} .productActions:not([data-ui-owned~="layout"]){display: block !important;}.productActions:not([data-ui-owned~="margin"]){margin-top: 2px !important;} .favoriteBtn{position: absolute !important;top: 8px !important;right: 8px !important;z-index: 3 !important;}.favoriteBtn:not([data-ui-owned~="size"]){width: 34px !important;min-width: 34px !important;}.favoriteBtn:not([data-ui-owned~="height"]){height: 34px !important;min-height: 34px !important;}.favoriteBtn:not([data-ui-owned~="border"]){border: 0 !important;}.favoriteBtn:not([data-ui-owned~="radius"]){border-radius: 0 !important;}.favoriteBtn:not([data-ui-owned~="paint"]){background: transparent !important;color: #1f2937 !important;box-shadow: none !important;text-shadow: 0 2px 5px rgba(255,255,255,.95), 0 -1px 4px rgba(255,255,255,.9), 1px 0 4px rgba(255,255,255,.9), -1px 0 4px rgba(255,255,255,.9) !important;}.favoriteBtn:not([data-ui-owned~="font"]){font-size: 36px !important;line-height: 1 !important;font-weight: 900 !important;}.favoriteBtn:not([data-ui-owned~="layout"]){display: grid !important;place-items: center !important;}.favoriteBtn:not([data-ui-owned~="spacing"]){padding: 0 !important;} .favoriteBtn.active:not([data-ui-owned~="paint"]){background: transparent !important;color: #ef0000 !important;box-shadow: none !important;text-shadow: 0 2px 5px rgba(255,255,255,.9), 0 0 10px rgba(239,0,0,.22) !important;}.favoriteBtn.active:not([data-ui-owned~="border"]){border: 0 !important;} .favoriteBtn:active:not([data-ui-owned~="effect"]){transform: scale(.92);} .productActions .addToCartBtn:not([data-ui-owned~="size"]){width: 100% !important;}.productActions .addToCartBtn:not([data-ui-owned~="height"]){min-height: 42px !important;} @media (max-width: 430px){ .top .cart:not([data-ui-owned~="height"]),.top .favoriteTop:not([data-ui-owned~="height"]){height: 44px !important;min-height: 44px !important;} .top .cart:not([data-ui-owned~="spacing"]){padding: 0 11px !important;} .favoriteTop:not([data-ui-owned~="size"]){min-width: 44px !important;}.favoriteTop:not([data-ui-owned~="spacing"]){padding: 0 10px !important;} .favoriteBtn{top: 7px !important;right: 7px !important;}.favoriteBtn:not([data-ui-owned~="size"]){width: 32px !important;min-width: 32px !important;}.favoriteBtn:not([data-ui-owned~="height"]){height: 32px !important;min-height: 32px !important;}.favoriteBtn:not([data-ui-owned~="font"]){font-size: 34px !important;} } @keyframes clickableStatusPulseStrong { 0%, 100% { transform: translateZ(0) scale(1); filter: brightness(1); } 50% { transform: translateZ(0) scale(1.055); filter: brightness(1.09); } } @keyframes clickableStatusPulseRing { 0% { opacity: .75; box-shadow: 0 0 0 0 rgba(36,129,204,.46); } 68%, 100% { opacity: 0; box-shadow: 0 0 0 11px rgba(36,129,204,0); } } button.statusPill,.paymentBadge.clientPayStatusBtn,button.paymentBadge,.reviewStatusBtn,.clientOrderCard[role="button"] .statusStack .statusPill{animation: clickableStatusPulseStrong 1.12s ease-in-out infinite !important;position: relative !important;}button.statusPill:not([data-ui-owned~="layout"]),.paymentBadge.clientPayStatusBtn:not([data-ui-owned~="layout"]),button.paymentBadge:not([data-ui-owned~="layout"]),.reviewStatusBtn:not([data-ui-owned~="layout"]),.clientOrderCard[role="button"] .statusStack .statusPill:not([data-ui-owned~="layout"]){overflow: visible !important;} button.statusPill::after,.paymentBadge.clientPayStatusBtn::after,button.paymentBadge::after,.reviewStatusBtn::after,.clientOrderCard[role="button"] .statusStack .statusPill::after{content: "";position: absolute;inset: -3px;pointer-events: none;animation: clickableStatusPulseRing 1.12s ease-out infinite;}button.statusPill:not([data-ui-owned~="radius"])::after,.paymentBadge.clientPayStatusBtn:not([data-ui-owned~="radius"])::after,button.paymentBadge:not([data-ui-owned~="radius"])::after,.reviewStatusBtn:not([data-ui-owned~="radius"])::after,.clientOrderCard[role="button"] .statusStack .statusPill:not([data-ui-owned~="radius"])::after{border-radius: inherit;} @media (prefers-reduced-motion: reduce){ button.statusPill,.paymentBadge.clientPayStatusBtn,button.paymentBadge,.reviewStatusBtn,.clientOrderCard[role="button"] .statusStack .statusPill{animation: none !important;} button.statusPill::after,.paymentBadge.clientPayStatusBtn::after,button.paymentBadge::after,.reviewStatusBtn::after,.clientOrderCard[role="button"] .statusStack .statusPill::after{animation: none !important;display: none !important;} } /* v110: favorite heart shape like marketplace card, only real clickable statuses pulse, review save flow */ .favoriteBtn:not([data-ui-owned~="paint"]){color: transparent !important;text-shadow: none !important;}.favoriteBtn:not([data-ui-owned~="font"]){font-size: 0 !important;}.favoriteBtn:not([data-ui-owned~="size"]){width: 36px !important;min-width: 36px !important;}.favoriteBtn:not([data-ui-owned~="height"]){height: 36px !important;min-height: 36px !important;}.favoriteBtn{top: 7px !important;right: 7px !important;}.favoriteBtn:not([data-ui-owned~="effect"]){opacity: .98;} .favoriteBtn::before{content: "";}.favoriteBtn:not([data-ui-owned~="size"])::before{width: 31px;}.favoriteBtn:not([data-ui-owned~="height"])::before{height: 31px;}.favoriteBtn:not([data-ui-owned~="layout"])::before{display: block;}.favoriteBtn:not([data-ui-owned~="paint"])::before{background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.1l-1.25-1.12C5.2 14.98 2 12.08 2 8.52 2 5.62 4.25 3.35 7.15 3.35c1.64 0 3.21.77 4.25 1.98 1.04-1.21 2.61-1.98 4.25-1.98 2.9 0 5.15 2.27 5.15 5.17 0 3.56-3.2 6.46-8.75 11.46L12 21.1z' fill='white' stroke='%2322252b' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E");filter: drop-shadow(0 1px 3px rgba(255,255,255,.95));} .favoriteBtn.active:not([data-ui-owned~="paint"])::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.1l-1.25-1.12C5.2 14.98 2 12.08 2 8.52 2 5.62 4.25 3.35 7.15 3.35c1.64 0 3.21.77 4.25 1.98 1.04-1.21 2.61-1.98 4.25-1.98 2.9 0 5.15 2.27 5.15 5.17 0 3.56-3.2 6.46-8.75 11.46L12 21.1z' fill='%23ef0000' stroke='%23ef0000' stroke-width='1.35' stroke-linejoin='round'/%3E%3C/svg%3E");filter: drop-shadow(0 1px 3px rgba(255,255,255,.88)) drop-shadow(0 0 5px rgba(239,0,0,.20));} .clientOrderCard[role="button"] .statusStack .statusPill:not(.reviewStatusBtn),.clientOrderCard[role="button"] .statusStack .paymentBadge:not(.clientPayStatusBtn){animation: none !important;}.clientOrderCard[role="button"] .statusStack .statusPill:not(.reviewStatusBtn):not([data-ui-owned~="effect"]),.clientOrderCard[role="button"] .statusStack .paymentBadge:not(.clientPayStatusBtn):not([data-ui-owned~="effect"]){transform: none !important;}.clientOrderCard[role="button"] .statusStack .statusPill:not(.reviewStatusBtn):not([data-ui-owned~="paint"]),.clientOrderCard[role="button"] .statusStack .paymentBadge:not(.clientPayStatusBtn):not([data-ui-owned~="paint"]){filter: none !important;} .clientOrderCard[role="button"] .statusStack .statusPill:not(.reviewStatusBtn)::after,.clientOrderCard[role="button"] .statusStack .paymentBadge:not(.clientPayStatusBtn)::after{display: none !important;animation: none !important;content: none !important;} .reviewHeadActions:not([data-ui-owned~="layout"]){display: inline-flex;align-items: center;gap: 8px;} .reviewSaveBtn:not([data-ui-owned~="size"]){min-width: 40px;}.reviewSaveBtn:not([data-ui-owned~="height"]){min-height: 36px;}.reviewSaveBtn:not([data-ui-owned~="border"]){border: 0;}.reviewSaveBtn:not([data-ui-owned~="radius"]){border-radius: 12px;}.reviewSaveBtn:not([data-ui-owned~="paint"]){background: var(--accent);color: #fff;}.reviewSaveBtn:not([data-ui-owned~="font"]){font-size: 22px;line-height: 1;font-weight: 900;} .reviewSaveBtn:disabled:not([data-ui-owned~="effect"]){opacity: .34;}.reviewSaveBtn:disabled:not([data-ui-owned~="paint"]){filter: grayscale(.45);}.reviewSaveBtn:disabled{cursor: default;} .clientReviewSheet .reviewSheetBox:not([data-ui-owned~="border"]){border: 0;}.clientReviewSheet .reviewSheetBox:not([data-ui-owned~="paint"]){background: transparent;}.clientReviewSheet .reviewSheetBox:not([data-ui-owned~="spacing"]){padding: 0;}.clientReviewSheet .reviewSheetBox:not([data-ui-owned~="margin"]){margin-top: 0;} .clientReviewSheet .reviewGroup:not([data-ui-owned~="border"]){border: 1px solid var(--border);}.clientReviewSheet .reviewGroup:not([data-ui-owned~="radius"]){border-radius: 16px;}.clientReviewSheet .reviewGroup:not([data-ui-owned~="paint"]){background: #fff;}.clientReviewSheet .reviewGroup:not([data-ui-owned~="spacing"]){padding: 12px;}.clientReviewSheet .reviewGroup:not([data-ui-owned~="layout"]){display: grid;gap: 9px;} .clientReviewSheet .reviewGroup b:not([data-ui-owned~="font"]){font-size: 15px;} .clientReviewSheet .reviewComment:not([data-ui-owned~="height"]){min-height: 64px;} /* v118 per-store branding */ .storeLogo:not([data-ui-owned~="size"]){width: 48px;}.storeLogo:not([data-ui-owned~="height"]){height: 48px;}.storeLogo:not([data-ui-owned~="image"]){object-fit: contain;}.storeLogo:not([data-ui-owned~="radius"]){border-radius: 12px;}.storeLogo:not([data-ui-owned~="layout"]){flex: 0 0 auto;}.storeLogo:not([data-ui-owned~="paint"]){background: var(--card);} body{background-repeat: no-repeat;background-position: center;} /* v123: explicit PWA install entry point. The native prompt still requires a user gesture. */ .installAppTop:not([data-ui-owned~="layout"]){display:inline-flex;align-items:center;gap:6px;}.installAppTop:not([data-ui-owned~="height"]){min-height:42px;}.installAppTop:not([data-ui-owned~="spacing"]){padding:0 12px;}.installAppTop:not([data-ui-owned~="border"]){border:0;}.installAppTop:not([data-ui-owned~="radius"]){border-radius:12px;}.installAppTop:not([data-ui-owned~="paint"]){background:var(--primary,#2481cc);color:#fff;}.installAppTop:not([data-ui-owned~="font"]){font-weight:800;}.installAppTop{white-space:nowrap;} .installAppTop.hidden{display:none !important;} @media (max-width:700px){ .installAppTop:not([data-ui-owned~="size"]){width:42px;}.installAppTop:not([data-ui-owned~="spacing"]){padding:0;}.installAppTop:not([data-ui-owned~="layout"]){justify-content:center;} .installAppTop span{display:none;} } /* v123 explicit PWA install offer. Native browser prompt still opens only after a user gesture. */ .installOfferOverlay{position:fixed;inset:0;z-index:2400;backdrop-filter:blur(5px);}.installOfferOverlay:not([data-ui-owned~="layout"]){display:grid;place-items:center;}.installOfferOverlay:not([data-ui-owned~="spacing"]){padding:18px;}.installOfferOverlay:not([data-ui-owned~="paint"]){background:rgba(15,23,42,.56);} .installOfferBox:not([data-ui-owned~="size"]){width:min(92vw,430px);}.installOfferBox:not([data-ui-owned~="layout"]){display:grid;gap:12px;}.installOfferBox:not([data-ui-owned~="spacing"]){padding:22px;}.installOfferBox:not([data-ui-owned~="radius"]){border-radius:22px;}.installOfferBox:not([data-ui-owned~="paint"]){background:#fff;color:var(--text);box-shadow:0 24px 70px rgba(15,23,42,.32);}.installOfferBox:not([data-ui-owned~="font"]){text-align:center;} .installOfferBox h2:not([data-ui-owned~="margin"]),.installOfferBox p:not([data-ui-owned~="margin"]){margin:0;}.installOfferBox p:not([data-ui-owned~="paint"]){color:var(--muted);}.installOfferBox p:not([data-ui-owned~="font"]){line-height:1.45;}.installOfferIcon:not([data-ui-owned~="font"]){font-size:44px;}.installOfferActions:not([data-ui-owned~="layout"]){display:grid;gap:10px;}.installOfferActions:not([data-ui-owned~="columns"]){grid-template-columns:1fr 1fr;}.installOfferActions:not([data-ui-owned~="margin"]){margin-top:5px;}.installOfferActions button:not([data-ui-owned~="height"]){min-height:46px;} @media (max-width:420px){.installOfferActions:not([data-ui-owned~="columns"]){grid-template-columns:1fr;}.installOfferActions [data-install-now]{order:-1;}} /* v124: QR onboarding, one-button Telegram link and resilient PWA guidance. */ .telegramLinkSteps:not([data-ui-owned~="layout"]){display:grid;gap:5px;}.telegramLinkSteps:not([data-ui-owned~="spacing"]){padding:10px 12px;}.telegramLinkSteps:not([data-ui-owned~="radius"]){border-radius:13px;}.telegramLinkSteps:not([data-ui-owned~="paint"]){background:#eff6ff;color:#1e3a8a;}.telegramLinkSteps:not([data-ui-owned~="font"]){text-align:left;} .telegramLinkSteps.hidden{display:none !important;} .telegramLinkSteps span:not([data-ui-owned~="font"]){font-size:13px;} .onboardingGate:not([data-ui-owned~="size"]){max-width:430px !important;} .installHelpBox:not([data-ui-owned~="font"]){text-align:left !important;} .installHelpBox h2:not([data-ui-owned~="font"]){text-align:center;} .installHelpBox ol:not([data-ui-owned~="layout"]){display:grid;gap:10px;}.installHelpBox ol:not([data-ui-owned~="spacing"]){padding-left:24px;}.installHelpBox ol:not([data-ui-owned~="font"]){line-height:1.4;} .installHelpBox > button:not([data-ui-owned~="size"]){width:100%;} @media (max-width:430px){ .appInstallHint:not([data-ui-owned~="columns"]){grid-template-columns:1fr !important;} .installHintActions:not([data-ui-owned~="layout"]){justify-content:stretch !important;} .installHintActions #installPrimaryBtn:not([data-ui-owned~="layout"]){flex:1 1 auto !important;} .authGateBox:not([data-ui-owned~="size"]){width:calc(100vw - 24px) !important;}.authGateBox:not([data-ui-owned~="height"]){max-height:calc(100vh - 24px) !important;}.authGateBox:not([data-ui-owned~="layout"]){overflow:auto !important;} } /* v132: adaptive top favourite icon and one 0.5 mm rhythm between outer UI blocks. */ :root{--ui-block-gap:.5mm;--section-top-offset:58px;} .top>div:nth-child(2):not([data-ui-owned~="size"]){min-width:0;}.topActions:not([data-ui-owned~="layout"]){flex:0 0 auto;}.topActions:not([data-ui-owned~="size"]){min-width:0;}.favoriteTop:not([data-ui-owned~="layout"]){flex:0 0 auto!important;overflow:visible!important;}.favoriteTop::before{content:"";}.favoriteTop:not([data-ui-owned~="layout"])::before{display:block;flex:0 0 auto;}.favoriteTop:not([data-ui-owned~="size"])::before{width:24px;aspect-ratio:1/1;}.favoriteTop:not([data-ui-owned~="height"])::before{height:24px;}.favoriteTop:not([data-ui-owned~="paint"])::before{background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.1l-1.25-1.12C5.2 14.98 2 12.08 2 8.52 2 5.62 4.25 3.35 7.15 3.35c1.64 0 3.21.77 4.25 1.98 1.04-1.21 2.61-1.98 4.25-1.98 2.9 0 5.15 2.27 5.15 5.17 0 3.56-3.2 6.46-8.75 11.46L12 21.1z' fill='white' stroke='%2364748b' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");}.favoriteTop.active:not([data-ui-owned~="paint"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.1l-1.25-1.12C5.2 14.98 2 12.08 2 8.52 2 5.62 4.25 3.35 7.15 3.35c1.64 0 3.21.77 4.25 1.98 1.04-1.21 2.61-1.98 4.25-1.98 2.9 0 5.15 2.27 5.15 5.17 0 3.56-3.2 6.46-8.75 11.46L12 21.1z' fill='%23ef0000' stroke='%23ef0000' stroke-width='1.35' stroke-linejoin='round'/%3E%3C/svg%3E");}.favoriteTop:not([data-ui-owned~="font"]){font-size:0!important;}.favoriteTop span:not([data-ui-owned~="font"]){font-size:14px!important;}.favoriteTop b:not([data-ui-owned~="font"]){font-size:11px!important;} body.sectionMode .sitePage:not(.hidden){top:calc(var(--section-top-offset) + var(--ui-block-gap))!important;} body:not(.sectionMode) #products.grid.catalogOnly:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap)!important;}body:not(.sectionMode) #products.grid.catalogOnly:not([data-ui-owned~="spacing"]){padding-top:var(--ui-block-gap)!important;}.panelHead:not([data-ui-owned~="margin"]){margin-bottom:var(--ui-block-gap)!important;}.sitePage:not([data-ui-owned~="margin"]){margin-top:var(--ui-block-gap)!important;}#cartPanel .checkoutBox:not([data-ui-owned~="margin"]){margin-top:var(--ui-block-gap)!important;}#cartPanel .panelBottom:not([data-ui-owned~="margin"]){margin-top:var(--ui-block-gap)!important;}.checkoutQuick:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap)!important;}.bottomNav:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap)!important;}.cartItems:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap)!important;} body:not(.sectionMode) .catalogSticky .top:not([data-ui-owned~="spacing"]){padding-bottom:var(--ui-block-gap)!important;}body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding-top:var(--ui-block-gap)!important;padding-bottom:var(--ui-block-gap)!important;}body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]),body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="spacing"]){padding-top:var(--ui-block-gap)!important;padding-bottom:var(--ui-block-gap)!important;} @media (max-width:430px){.favoriteTop:not([data-ui-owned~="size"]){width:clamp(44px,12vw,52px)!important;min-width:44px!important;max-width:52px!important;aspect-ratio:1/1!important;}.favoriteTop:not([data-ui-owned~="spacing"]){padding:0!important;}.favoriteTop:not([data-ui-owned~="size"])::before{width:27px;}.favoriteTop:not([data-ui-owned~="height"])::before{height:27px;}.favoriteTop span{display:none!important;}.topActions:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap)!important;}.top .cart:not([data-ui-owned~="size"]){min-width:0!important;}.top .cart:not([data-ui-owned~="spacing"]){padding-left:10px!important;padding-right:10px!important;}.top h1:not([data-ui-owned~="size"]){max-width:none!important;}.top h1:not([data-ui-owned~="layout"]){overflow:hidden;}.top h1{text-overflow:ellipsis;white-space:nowrap;}} /* v141: confirm actual PWA readiness before offering the launch action. */ .installCompleteBox .singleAction:not([data-ui-owned~="columns"]){grid-template-columns: 1fr;} .installCompleteBox [data-open-installed-app]:not([data-ui-owned~="size"]){width: 100%;}.installCompleteBox [data-open-installed-app]:not([data-ui-owned~="height"]){min-height: 50px;} /* v141: block interaction while Chromium finishes installing the store PWA. */ body.pwaInstallLocked:not([data-ui-owned~="layout"]){overflow:hidden!important;}body.pwaInstallLocked{touch-action:none;} .installProgressOverlay{z-index:2600!important;} .installProgressBox{user-select:none;} .pwaInstallSpinner:not([data-ui-owned~="size"]){width:58px;}.pwaInstallSpinner:not([data-ui-owned~="height"]){height:58px;}.pwaInstallSpinner:not([data-ui-owned~="margin"]){margin:0 auto;}.pwaInstallSpinner:not([data-ui-owned~="border"]){border:6px solid #dbeafe;border-top-color:var(--primary,#2481cc);}.pwaInstallSpinner:not([data-ui-owned~="radius"]){border-radius:50%;}.pwaInstallSpinner{animation:pwaInstallSpin .9s linear infinite;} .pwaInstallWaitHint:not([data-ui-owned~="spacing"]){padding:10px 12px;}.pwaInstallWaitHint:not([data-ui-owned~="radius"]){border-radius:12px;}.pwaInstallWaitHint:not([data-ui-owned~="paint"]){background:#eff6ff;color:#1e3a8a;}.pwaInstallWaitHint:not([data-ui-owned~="font"]){font-size:13px;line-height:1.4;} .installProgressActions:not([data-ui-owned~="layout"]){display:grid;gap:10px;}.installProgressActions:not([data-ui-owned~="columns"]){grid-template-columns:1fr;}.installProgressActions:not([data-ui-owned~="size"]){width:100%;} .installProgressBox [data-recheck-install]:not([data-ui-owned~="size"]),.installProgressBox [data-confirm-installed]:not([data-ui-owned~="size"]){width:100%;}.installProgressBox [data-recheck-install]:not([data-ui-owned~="height"]),.installProgressBox [data-confirm-installed]:not([data-ui-owned~="height"]){min-height:48px;} @keyframes pwaInstallSpin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.pwaInstallSpinner{animation-duration:1.8s;}} /* v152 native Android shell: the native toolbar owns brand/favorites/cart. */ html.nativeShell .catalogSticky > .top{display: none !important;} html.nativeShell .catalogSticky{top: 0 !important;} html.nativeShell .searchBox:not([data-ui-owned~="spacing"]){padding-top: 10px !important;} /* v157 native-app layout: no PWA chrome, stable flow and minimal theme. */ html.nativeShell .catalogSticky{position: sticky !important;top: 0 !important;z-index: 20 !important;}html.nativeShell .catalogSticky:not([data-ui-owned~="height"]){height: auto !important;} html.nativeShell .catalogSticky > .top{display: none !important;} html.nativeShell #products.grid.catalogOnly:not([data-ui-owned~="spacing"]){padding-top: 10px !important;}html.nativeShell #products.grid.catalogOnly:not([data-ui-owned~="margin"]){margin-top: 0 !important;} html.nativeShell .productsWrap,html.nativeShell #products{position: relative !important;top: auto !important;} html.nativeShell #cartPanel:not([data-ui-owned~="paint"]),html.nativeShell #cartPanel .panelBody:not([data-ui-owned~="paint"]),html.nativeShell #cartPanel .panelBottom:not([data-ui-owned~="paint"]),html.nativeShell #cartPanel .checkoutBox:not([data-ui-owned~="paint"]),html.nativeShell #cartPanel .cartLine:not([data-ui-owned~="paint"]){background: #fff !important;color: var(--text, #111827) !important;} html.nativeShell .sheetBackdrop:not([data-ui-owned~="paint"]){background: rgba(15, 23, 42, .38) !important;} html.nativeShell .productCard:not([data-ui-owned~="paint"]),html.nativeShell .card:not([data-ui-owned~="paint"]),html.nativeShell .categoryCard:not([data-ui-owned~="paint"]){background: #fff !important;} .installAppTop,.installHint,[data-pwa-install]{display: none !important;} /* v160: one-millimetre rhythm, native theme and reliable camera preview. */ :root{--ui-block-gap: 1mm;} html.nativeShell body:not([data-ui-owned~="layout"]),html.nativeShell .catalogSticky:not([data-ui-owned~="layout"]),html.nativeShell .searchBox:not([data-ui-owned~="layout"]),html.nativeShell #groups:not([data-ui-owned~="layout"]),html.nativeShell .chips:not([data-ui-owned~="layout"]),html.nativeShell #products:not([data-ui-owned~="layout"]),html.nativeShell .sitePage:not([data-ui-owned~="layout"]),html.nativeShell .panelBody:not([data-ui-owned~="layout"]),html.nativeShell .panelBottom:not([data-ui-owned~="layout"]),html.nativeShell .checkoutBox:not([data-ui-owned~="layout"]){box-sizing: border-box !important;} html.nativeShell .catalogSticky .searchBox:not([data-ui-owned~="layout"]),html.nativeShell .catalogSticky #groups:not([data-ui-owned~="layout"]),html.nativeShell .catalogSticky .chips:not([data-ui-owned~="layout"]),html.nativeShell #products.grid.catalogOnly:not([data-ui-owned~="layout"]),html.nativeShell .sitePage:not(.hidden):not([data-ui-owned~="layout"]),html.nativeShell .panelHead:not([data-ui-owned~="layout"]),html.nativeShell .panelBody:not([data-ui-owned~="layout"]),html.nativeShell .panelBottom:not([data-ui-owned~="layout"]),html.nativeShell .checkoutBox:not([data-ui-owned~="layout"]),html.nativeShell .cartItems:not([data-ui-owned~="layout"]),html.nativeShell .checkoutQuick:not([data-ui-owned~="layout"]){gap: var(--ui-block-gap) !important;} html.nativeShell .catalogSticky .searchBox:not([data-ui-owned~="spacing"]),html.nativeShell .catalogSticky #groups:not([data-ui-owned~="spacing"]),html.nativeShell .catalogSticky .chips:not([data-ui-owned~="spacing"]),html.nativeShell #products.grid.catalogOnly:not([data-ui-owned~="spacing"]){padding-left: var(--ui-block-gap) !important;padding-right: var(--ui-block-gap) !important;} html.nativeShell .catalogSticky .searchBox:not([data-ui-owned~="spacing"]),html.nativeShell .catalogSticky #groups:not([data-ui-owned~="spacing"]),html.nativeShell .catalogSticky .chips:not([data-ui-owned~="spacing"]){padding-top: var(--ui-block-gap) !important;padding-bottom: var(--ui-block-gap) !important;} html.nativeShell #products.grid.catalogOnly:not([data-ui-owned~="spacing"]){padding-top: var(--ui-block-gap) !important;padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important;} .bottomNav:not([data-ui-owned~="columns"]){grid-template-columns: repeat(5, minmax(0, 1fr));}.bottomNav:not([data-ui-owned~="spacing"]){padding-bottom: env(safe-area-inset-bottom) !important;} .bottomNav button.hidden{display: none !important;} .scannerViewport{position: relative !important;}.scannerViewport:not([data-ui-owned~="size"]){width: 100% !important;}.scannerViewport:not([data-ui-owned~="height"]){height: 178px !important;}.scannerViewport:not([data-ui-owned~="layout"]){overflow: hidden !important;}.scannerViewport:not([data-ui-owned~="radius"]){border-radius: 14px !important;}.scannerViewport:not([data-ui-owned~="paint"]){background: #000 !important;} .scannerViewport video{position: absolute !important;inset: 0 !important;pointer-events: none !important;}.scannerViewport video:not([data-ui-owned~="size"]){width: 100% !important;}.scannerViewport video:not([data-ui-owned~="height"]){height: 100% !important;min-height: 0 !important;max-height: none !important;}.scannerViewport video:not([data-ui-owned~="image"]){object-fit: cover !important;}.scannerViewport video:not([data-ui-owned~="radius"]){border-radius: 0 !important;}.scannerViewport video:not([data-ui-owned~="paint"]){background: #000 !important;}.scannerViewport video:not([data-ui-owned~="effect"]){opacity: 0 !important;} .scannerViewport video.cameraReady:not([data-ui-owned~="effect"]){opacity: 1 !important;} /* 2.0.343: scanner ROI geometry is owned only by the canonical scanner block below. */ .scannerViewport video::-webkit-media-controls,.scannerViewport video::-webkit-media-controls-panel,.scannerViewport video::-webkit-media-controls-start-playback-button,.scannerViewport video::-webkit-media-controls-play-button,.scannerViewport video::-webkit-media-controls-overlay-play-button{display: none !important;}.scannerViewport video:not([data-ui-owned~="paint"])::-webkit-media-controls,.scannerViewport video:not([data-ui-owned~="paint"])::-webkit-media-controls-panel,.scannerViewport video:not([data-ui-owned~="paint"])::-webkit-media-controls-start-playback-button,.scannerViewport video:not([data-ui-owned~="paint"])::-webkit-media-controls-play-button,.scannerViewport video:not([data-ui-owned~="paint"])::-webkit-media-controls-overlay-play-button{-webkit-appearance: none !important;}.scannerViewport video:not([data-ui-owned~="effect"])::-webkit-media-controls,.scannerViewport video:not([data-ui-owned~="effect"])::-webkit-media-controls-panel,.scannerViewport video:not([data-ui-owned~="effect"])::-webkit-media-controls-start-playback-button,.scannerViewport video:not([data-ui-owned~="effect"])::-webkit-media-controls-play-button,.scannerViewport video:not([data-ui-owned~="effect"])::-webkit-media-controls-overlay-play-button{opacity: 0 !important;} html[data-native-theme="dark"]{color-scheme: dark;--bg:#0f172a !important;--card:#0f172a !important;--soft:#0f172a !important;--text:#f8fafc !important;--muted:#cbd5e1 !important;--border:#334155 !important;--dark-outline:#f8fafc;} html[data-native-theme="dark"] body:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .catalogSticky:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sitePage:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #infoPanel:not([data-ui-owned~="paint"]){background: #0f172a !important;color: #f8fafc !important;} html[data-native-theme="dark"] .productCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .card:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .categoryCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .cartLine:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .panelBottom:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientOrderCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .reviewGroup:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] input:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] textarea:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] select:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .searchBox input:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sheetBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .authGateBox:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;color:#f8fafc !important;box-shadow:none !important;}html[data-native-theme="dark"] .productCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .card:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .categoryCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .cartLine:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .panelBottom:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientOrderCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .reviewGroup:not([data-ui-owned~="border"]),html[data-native-theme="dark"] input:not([data-ui-owned~="border"]),html[data-native-theme="dark"] textarea:not([data-ui-owned~="border"]),html[data-native-theme="dark"] select:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .searchBox input:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .sheetBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .authGateBox:not([data-ui-owned~="border"]){border-color: #475569 !important;} html[data-native-theme="dark"] .bottomNav:not([data-ui-owned~="paint"]){background: #111827 !important;}html[data-native-theme="dark"] .bottomNav:not([data-ui-owned~="border"]){border-color: #334155 !important;} html[data-native-theme="dark"] .bottomNav button:not(.active):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] small:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .muted:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .scannerHint:not([data-ui-owned~="paint"]){color: #cbd5e1 !important;} html[data-native-theme="dark"] .productCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .panelBody:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .panelBottom:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .checkoutBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .cartLine:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;color:#f8fafc !important;box-shadow:none !important;} /* v160: fixed native catalog controls, active-order badge and complete dark-theme surfaces. */ html.nativeShell body:not(.sectionMode) .catalogSticky{position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;z-index: 1200 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="paint"]){background: var(--bg, #f5f6f8) !important;}html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="border"]){border-bottom: 1px solid var(--border, #e5e7eb) !important;} /* v2.0.93: retired v160 double catalog sticky reserve. catalogScroll owns the top offset. */ .bottomNav .ordersNavBtn{position: relative;} .bottomNav .navCounter{position: absolute;top: 3px;right: 18%;}.bottomNav .navCounter:not([data-ui-owned~="size"]){min-width: 18px;}.bottomNav .navCounter:not([data-ui-owned~="height"]){height: 18px;}.bottomNav .navCounter:not([data-ui-owned~="spacing"]){padding: 0 5px;}.bottomNav .navCounter:not([data-ui-owned~="radius"]){border-radius: 999px;}.bottomNav .navCounter:not([data-ui-owned~="paint"]){background: #ef4444;color: #fff;}.bottomNav .navCounter:not([data-ui-owned~="border"]){border: 2px solid #fff;}.bottomNav .navCounter:not([data-ui-owned~="layout"]){display: inline-flex;align-items: center;justify-content: center;}.bottomNav .navCounter:not([data-ui-owned~="font"]){font-size: 10px;line-height: 1;font-weight: 900;} .bottomNav .navCounter.hidden{display: none !important;} .bottomNav button.active .navCounter:not([data-ui-owned~="border"]){border-color: var(--accent, #2481cc);} html.nativeShell[data-native-theme="dark"] body:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .catalogSticky:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .sitePage:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #infoPanel:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .panelBody:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .panelBottom:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .checkoutBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .cartItems:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .orderDetail:not([data-ui-owned~="paint"]){background: #0f172a !important;color: #f8fafc !important;} html.nativeShell[data-native-theme="dark"] .productCard:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .categoryCard:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .cartLine:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .clientOrderCard:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .checkoutEditorSheet:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .selectedAddress:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .addressPanel:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .reviewGroup:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .sheetBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .authGateBox:not([data-ui-owned~="paint"]){background: #1e293b !important;color: #f8fafc !important;}html.nativeShell[data-native-theme="dark"] .productCard:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .categoryCard:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .cartLine:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .clientOrderCard:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .checkoutEditorSheet:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .selectedAddress:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .addressPanel:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .reviewGroup:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .sheetBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .authGateBox:not([data-ui-owned~="border"]){border-color: #475569 !important;} html.nativeShell[data-native-theme="dark"] input:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] textarea:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] select:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .searchBox input:not([data-ui-owned~="paint"]){background: #111827 !important;color: #f8fafc !important;}html.nativeShell[data-native-theme="dark"] input:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] textarea:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] select:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .searchBox input:not([data-ui-owned~="border"]){border-color: #475569 !important;} html.nativeShell[data-native-theme="dark"] input:not([data-ui-owned~="paint"])::placeholder,html.nativeShell[data-native-theme="dark"] textarea:not([data-ui-owned~="paint"])::placeholder{color: #94a3b8 !important;} html.nativeShell[data-native-theme="dark"] .panelHead:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .panelHead h2:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .grandTotal:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .grandTotal span:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .grandTotal b:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .standardOrderTitle:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .standardOrderBottom:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .checkoutQuick b:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileBox b:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .orderDetail h2:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .orderDetail h3:not([data-ui-owned~="paint"]){color: #f8fafc !important;} html.nativeShell[data-native-theme="dark"] .muted:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .standardOrderBottom:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .checkoutQuick span:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .orderMeta:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] small:not([data-ui-owned~="paint"]){color: #cbd5e1 !important;} /* v160: dark theme must be readable on every client surface, not only the page shell. */ html[data-native-theme="dark"]{color-scheme: dark;--bg:#0f172a;--card:#0f172a;--text:#f8fafc;--muted:#cbd5e1;--border:#334155;--soft:#0f172a;} html[data-native-theme="dark"] body:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sitePage:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sitePanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientOrdersPanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profilePage:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSection:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressProfileSection:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressList:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .cartPanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .cartSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditorSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .siteInputSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .siteConfirmSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .scannerBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sheetBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .standardOrderCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .panelBody:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileCardInfo:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .phoneConfirm:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .productScanResult:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .loyaltyGrid.compact > div:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#f8fafc !important;}html[data-native-theme="dark"] body:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .sitePage:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .sitePanel:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientOrdersPanel:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profilePage:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSection:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressProfileSection:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressList:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .cartPanel:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .cartSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutEditorSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .siteInputSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .siteConfirmSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .scannerBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .sheetBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .standardOrderCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .orderDetail:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .panelBody:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileCardInfo:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .phoneConfirm:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .productScanResult:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .loyaltyGrid.compact > div:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] .panelBottom:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .bottomNav:not([data-ui-owned~="paint"]){background:rgba(15,23,42,.98) !important;}html[data-native-theme="dark"] .panelBottom:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .bottomNav:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] input:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] textarea:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] select:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .secondaryBtn:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .segment:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientOrderTabs button:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileActionButtons button:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .selectedAddress:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;color:#f8fafc !important;box-shadow:none !important;}html[data-native-theme="dark"] input:not([data-ui-owned~="border"]),html[data-native-theme="dark"] textarea:not([data-ui-owned~="border"]),html[data-native-theme="dark"] select:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .secondaryBtn:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .segment:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientOrderTabs button:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileActionButtons button:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .selectedAddress:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] input:not([data-ui-owned~="paint"])::placeholder,html[data-native-theme="dark"] textarea:not([data-ui-owned~="paint"])::placeholder{color:#94a3b8 !important;}html[data-native-theme="dark"] input:not([data-ui-owned~="effect"])::placeholder,html[data-native-theme="dark"] textarea:not([data-ui-owned~="effect"])::placeholder{opacity:1;} html[data-native-theme="dark"] .profilePage h1:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profilePage h2:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profilePage h3:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profilePage b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profilePage strong:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .scannerBox b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .scannerBox label:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sitePage h1:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sitePage h2:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sitePage h3:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sitePage b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail b:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] .profilePage p:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profilePage span:not(.statusPill):not(.paymentBadge):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .scannerBox p:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .scannerBox span:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail small:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail p:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} html[data-native-theme="dark"] .qrBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileQr:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileQr img:not([data-ui-owned~="paint"]){background:#fff !important;} html[data-native-theme="dark"] .cardCode:not([data-ui-owned~="paint"]){background:#111827 !important;color:#f8fafc !important;}html[data-native-theme="dark"] .cardCode:not([data-ui-owned~="border"]){border-color:var(--accent) !important;} /* 2.0.283: browser/PWA dark parity with the confirmed native dark surface. Paint only: native layout, toolbar and safe-area rules remain native-only. */ html[data-native-theme="dark"] body .clientOrderTabs button:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body .segment:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body .paymentChoice:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body .categoryList button:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;box-shadow:none !important;} html[data-native-theme="dark"] body .clientOrderTabs button:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body .segment:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body .paymentChoice:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body .categoryList button:not([data-ui-owned~="border"]){border:1px solid #f8fafc !important;} html[data-native-theme="dark"] body .clientOrderTabs button.active:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body .clientOrderTabs button.activeTab:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body .segment.active:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body .paymentChoice.active:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body .categoryList button.active:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;color:var(--accent,#38bdf8) !important;-webkit-text-fill-color:var(--accent,#38bdf8) !important;box-shadow:none !important;} html[data-native-theme="dark"] body .clientOrderTabs button.active:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body .clientOrderTabs button.activeTab:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body .segment.active:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body .paymentChoice.active:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body .categoryList button.active:not([data-ui-owned~="border"]){border:2px solid var(--accent,#38bdf8) !important;} /* v161: compact catalogue actions and edge-to-edge bottom buttons. */ .catalogSearchRow:not([data-ui-owned~="layout"]){display:flex;align-items:stretch;gap:1mm;}.catalogSearchRow:not([data-ui-owned~="size"]){width:100%;} .catalogSearchRow .searchInputWrap:not([data-ui-owned~="layout"]){flex:1 1 auto;}.catalogSearchRow .searchInputWrap:not([data-ui-owned~="size"]){min-width:0;} .catalogSearchRow .catalogFavorite{position:relative !important;inset:auto !important;}.catalogSearchRow .catalogFavorite:not([data-ui-owned~="layout"]){flex:0 0 48px !important;display:grid !important;place-items:center !important;}.catalogSearchRow .catalogFavorite:not([data-ui-owned~="size"]){width:48px !important;min-width:48px !important;max-width:48px !important;}.catalogSearchRow .catalogFavorite:not([data-ui-owned~="height"]){height:48px !important;min-height:48px !important;}.catalogSearchRow .catalogFavorite:not([data-ui-owned~="margin"]){margin:0 !important;}.catalogSearchRow .catalogFavorite:not([data-ui-owned~="spacing"]){padding:0 !important;}.catalogSearchRow .catalogFavorite:not([data-ui-owned~="radius"]){border-radius:12px !important;} .catalogSearchRow .catalogFavorite span{display:none !important;} .catalogSearchRow .catalogFavorite:not([data-ui-owned~="size"])::before{width:27px !important;}.catalogSearchRow .catalogFavorite:not([data-ui-owned~="height"])::before{height:27px !important;} .catalogSearchRow .catalogFavorite b{right:-3px !important;top:-4px !important;} .bottomNav:not([data-ui-owned~="layout"]){gap:0 !important;}.bottomNav:not([data-ui-owned~="spacing"]){padding-left:0 !important;padding-right:0 !important;} .bottomNav button:not([data-ui-owned~="radius"]){border-radius:0 !important;} .supportCreate:not([data-ui-owned~="layout"]),.supportDialog:not([data-ui-owned~="layout"]),.supportList:not([data-ui-owned~="layout"]){display:grid;gap:10px;} .supportTopActions:not([data-ui-owned~="layout"]){display:flex;justify-content:flex-end;}.supportTopActions:not([data-ui-owned~="margin"]){margin:0 0 8px;} .supportCreate:not([data-ui-owned~="spacing"]){padding:12px;}.supportCreate:not([data-ui-owned~="border"]){border:1px solid var(--border);}.supportCreate:not([data-ui-owned~="radius"]){border-radius:16px;}.supportCreate:not([data-ui-owned~="paint"]){background:var(--card);} .supportCreate label:not([data-ui-owned~="layout"]),.supportReply:not([data-ui-owned~="layout"]){display:grid;gap:6px;}.supportCreate label:not([data-ui-owned~="font"]),.supportReply:not([data-ui-owned~="font"]){font-weight:800;} .supportCreate select:not([data-ui-owned~="size"]),.supportCreate textarea:not([data-ui-owned~="size"]),.supportReply textarea:not([data-ui-owned~="size"]){width:100%;}.supportCreate select:not([data-ui-owned~="layout"]),.supportCreate textarea:not([data-ui-owned~="layout"]),.supportReply textarea:not([data-ui-owned~="layout"]){box-sizing:border-box;}.supportCreate select:not([data-ui-owned~="border"]),.supportCreate textarea:not([data-ui-owned~="border"]),.supportReply textarea:not([data-ui-owned~="border"]){border:1px solid var(--border);}.supportCreate select:not([data-ui-owned~="radius"]),.supportCreate textarea:not([data-ui-owned~="radius"]),.supportReply textarea:not([data-ui-owned~="radius"]){border-radius:12px;}.supportCreate select:not([data-ui-owned~="paint"]),.supportCreate textarea:not([data-ui-owned~="paint"]),.supportReply textarea:not([data-ui-owned~="paint"]){background:var(--card);color:var(--text);}.supportCreate select:not([data-ui-owned~="spacing"]),.supportCreate textarea:not([data-ui-owned~="spacing"]),.supportReply textarea:not([data-ui-owned~="spacing"]){padding:11px;}.supportCreate select:not([data-ui-owned~="font"]),.supportCreate textarea:not([data-ui-owned~="font"]),.supportReply textarea:not([data-ui-owned~="font"]){font:inherit;} .supportCreate textarea:not([data-ui-owned~="height"]),.supportReply textarea:not([data-ui-owned~="height"]){min-height:110px;}.supportCreate textarea,.supportReply textarea{resize:vertical;} .supportFileButton:not([data-ui-owned~="layout"]){display:flex !important;align-items:center;justify-content:center;}.supportFileButton:not([data-ui-owned~="height"]){min-height:44px;}.supportFileButton:not([data-ui-owned~="spacing"]){padding:8px 12px;}.supportFileButton:not([data-ui-owned~="border"]){border:1px dashed var(--accent);}.supportFileButton:not([data-ui-owned~="radius"]){border-radius:12px;}.supportFileButton:not([data-ui-owned~="paint"]){color:var(--accent);}.supportFileButton{cursor:pointer;} .supportFileButton input{position:absolute;pointer-events:none;}.supportFileButton input:not([data-ui-owned~="size"]){width:1px;}.supportFileButton input:not([data-ui-owned~="height"]){height:1px;}.supportFileButton input:not([data-ui-owned~="effect"]){opacity:0;} .supportContacts:not([data-ui-owned~="margin"]){margin:0;}.supportContacts:not([data-ui-owned~="spacing"]){padding:9px;}.supportContacts:not([data-ui-owned~="radius"]){border-radius:10px;}.supportContacts:not([data-ui-owned~="paint"]){background:var(--soft);color:var(--muted);} .supportList:not([data-ui-owned~="margin"]){margin-top:12px;} .supportTicketCard:not([data-ui-owned~="layout"]){display:flex;justify-content:space-between;align-items:center;gap:10px;}.supportTicketCard:not([data-ui-owned~="size"]){width:100%;}.supportTicketCard:not([data-ui-owned~="spacing"]){padding:12px;}.supportTicketCard:not([data-ui-owned~="border"]){border:1px solid var(--border);}.supportTicketCard:not([data-ui-owned~="radius"]){border-radius:14px;}.supportTicketCard:not([data-ui-owned~="paint"]){background:var(--card);color:var(--text);}.supportTicketCard:not([data-ui-owned~="font"]){text-align:left;} .supportTicketCard > span:first-child:not([data-ui-owned~="layout"]){display:grid;gap:4px;}.supportTicketCard > span:first-child:not([data-ui-owned~="size"]){min-width:0;} .supportTicketCard small:not([data-ui-owned~="paint"]){color:var(--muted);}.supportTicketCard small:not([data-ui-owned~="layout"]){overflow:hidden;}.supportTicketCard small{white-space:nowrap;text-overflow:ellipsis;} .supportStatus:not([data-ui-owned~="layout"]){flex:0 0 auto;}.supportStatus:not([data-ui-owned~="spacing"]){padding:5px 8px;}.supportStatus:not([data-ui-owned~="radius"]){border-radius:999px;}.supportStatus:not([data-ui-owned~="paint"]){background:#dbeafe;color:#1d4ed8;}.supportStatus:not([data-ui-owned~="font"]){font-size:12px;font-weight:900;} .supportStatus.in_progress:not([data-ui-owned~="paint"]){background:#fef3c7;color:#92400e;} .supportStatus.closed:not([data-ui-owned~="paint"]){background:#e5e7eb;color:#475569;} .supportDialog > header:not([data-ui-owned~="layout"]){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;} .supportDialog > header h3:not([data-ui-owned~="margin"]),.supportDialog > header p:not([data-ui-owned~="margin"]){margin:0;} .supportMessages:not([data-ui-owned~="layout"]){display:grid;gap:8px;} .supportMessage:not([data-ui-owned~="size"]){max-width:92%;}.supportMessage:not([data-ui-owned~="spacing"]){padding:10px 12px;}.supportMessage:not([data-ui-owned~="radius"]){border-radius:14px;}.supportMessage:not([data-ui-owned~="paint"]){background:var(--soft);color:var(--text);} .supportMessage.client{justify-self:end;}.supportMessage.client:not([data-ui-owned~="paint"]){background:#dbeafe;color:#172554;} .supportMessage > div:first-child:not([data-ui-owned~="layout"]){display:flex;justify-content:space-between;gap:12px;}.supportMessage > div:first-child:not([data-ui-owned~="font"]){font-size:12px;} .supportMessage p:not([data-ui-owned~="margin"]){margin:6px 0 0;}.supportMessage p:not([data-ui-owned~="layout"]){overflow-wrap:anywhere;} .supportMessage time:not([data-ui-owned~="paint"]){color:var(--muted);} .supportPhotos:not([data-ui-owned~="layout"]){display:flex;flex-wrap:wrap;gap:6px;}.supportPhotos:not([data-ui-owned~="margin"]){margin-top:7px;} .supportPhoto img:not([data-ui-owned~="size"]){width:82px;}.supportPhoto img:not([data-ui-owned~="height"]){height:82px;}.supportPhoto img:not([data-ui-owned~="image"]){object-fit:cover;}.supportPhoto img:not([data-ui-owned~="radius"]){border-radius:10px;} .supportBack{justify-self:start;} html[data-native-theme="dark"] .supportMessage.client:not([data-ui-owned~="paint"]){background:#1e3a5f;color:#f8fafc;} /* v162: a completed two-part review stays clickable, but no longer pulses. */ .reviewStatusBtn.ready,.clientOrderCard[role="button"] .statusStack .reviewStatusBtn.ready{animation:none !important;} .reviewStatusBtn.ready::after,.clientOrderCard[role="button"] .statusStack .reviewStatusBtn.ready::after{content:none !important;animation:none !important;}.reviewStatusBtn.ready:not([data-ui-owned~="paint"])::after,.clientOrderCard[role="button"] .statusStack .reviewStatusBtn.ready:not([data-ui-owned~="paint"])::after{box-shadow:none !important;} /* v162: visible client sections fill the bar, with the original rounded buttons. */ html body nav.bottomNav:not([data-ui-owned~="columns"]){grid-template-columns:repeat(var(--nav-count, 1), minmax(0, 1fr)) !important;}html body nav.bottomNav:not([data-ui-owned~="spacing"]){padding-left:8px !important;padding-right:8px !important;}html body nav.bottomNav:not([data-ui-owned~="layout"]){gap:5px !important;} html body nav.bottomNav > button:not([data-ui-owned~="size"]){min-width:0 !important;}html body nav.bottomNav > button:not([data-ui-owned~="margin"]){margin:0 !important;}html body nav.bottomNav > button:not([data-ui-owned~="radius"]){border-radius:14px !important;} html body nav.bottomNav > button.hidden{display:none !important;} /* v163: horizontal navigation and native interaction polish. */ html body nav.bottomNav:not([data-ui-owned~="layout"]){display:grid !important;grid-auto-flow:column !important;grid-template-rows:1fr !important;}html body nav.bottomNav:not([data-ui-owned~="columns"]){grid-template-columns:repeat(var(--nav-count, 1), minmax(0, 1fr)) !important;} .catalogSearchRow .catalogFavorite:not([data-ui-owned~="border"]),.catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="border"]){border:0 !important;}.catalogSearchRow .catalogFavorite:not([data-ui-owned~="paint"]),.catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="paint"]){outline:0 !important;box-shadow:none !important;background:transparent !important;} .storeLogo:not([data-ui-owned~="border"]){border:0 !important;}.storeLogo:not([data-ui-owned~="paint"]){outline:0 !important;box-shadow:none !important;background:transparent !important;}.storeLogo:not([data-ui-owned~="radius"]){border-radius:0 !important;} body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;} input,textarea,select,[contenteditable="true"]{-webkit-user-select:text !important;user-select:text !important;-webkit-touch-callout:default !important;} .scannerBox video::-webkit-media-controls,.scannerBox video::-webkit-media-controls-panel,.scannerBox video::-webkit-media-controls-start-playback-button,.scannerBox video::-webkit-media-controls-play-button,.scannerBox video::-webkit-media-controls-overlay-play-button{display:none !important;}.scannerBox video:not([data-ui-owned~="paint"])::-webkit-media-controls,.scannerBox video:not([data-ui-owned~="paint"])::-webkit-media-controls-panel,.scannerBox video:not([data-ui-owned~="paint"])::-webkit-media-controls-start-playback-button,.scannerBox video:not([data-ui-owned~="paint"])::-webkit-media-controls-play-button,.scannerBox video:not([data-ui-owned~="paint"])::-webkit-media-controls-overlay-play-button{-webkit-appearance:none !important;}.scannerBox video:not([data-ui-owned~="effect"])::-webkit-media-controls,.scannerBox video:not([data-ui-owned~="effect"])::-webkit-media-controls-panel,.scannerBox video:not([data-ui-owned~="effect"])::-webkit-media-controls-start-playback-button,.scannerBox video:not([data-ui-owned~="effect"])::-webkit-media-controls-play-button,.scannerBox video:not([data-ui-owned~="effect"])::-webkit-media-controls-overlay-play-button{opacity:0 !important;} /* v167: native order details start directly below the native toolbar. */ html.nativeShell body.sectionMode .sitePage:not(.hidden){top: var(--ui-block-gap) !important;} /* Keep the preview completely hidden until Chromium actually supplies frames; this also prevents its large pre-play overlay from flashing on Android. */ .scannerBox .scannerVideoViewport{position:relative !important;}.scannerBox .scannerVideoViewport:not([data-ui-owned~="size"]){width:100% !important;}.scannerBox .scannerVideoViewport:not([data-ui-owned~="height"]){height:178px !important;}.scannerBox .scannerVideoViewport:not([data-ui-owned~="layout"]){overflow:hidden !important;}.scannerBox .scannerVideoViewport:not([data-ui-owned~="radius"]){border-radius:14px !important;}.scannerBox .scannerVideoViewport:not([data-ui-owned~="paint"]){background:#000 !important;} .scannerBox .scannerVideoViewport video{position:absolute !important;inset:0 !important;pointer-events:none !important;}.scannerBox .scannerVideoViewport video:not([data-ui-owned~="size"]){width:100% !important;}.scannerBox .scannerVideoViewport video:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}.scannerBox .scannerVideoViewport video:not([data-ui-owned~="image"]){object-fit:cover !important;}.scannerBox .scannerVideoViewport video:not([data-ui-owned~="effect"]){opacity:0 !important;}.scannerBox .scannerVideoViewport video:not([data-ui-owned~="paint"]){background:#000 !important;} .scannerBox .scannerVideoViewport video.cameraReady:not([data-ui-owned~="effect"]){opacity:1 !important;} .scannerBox .scannerVideoViewport .scannerFrame{z-index:2 !important;} /* v167 native client geometry normalized by v2.0.93. */ html.nativeShell #infoPanel.orderDetailMode,html.nativeShell body.sectionMode #infoPanel.orderDetailMode{top:var(--ui-top-gap) !important;left:var(--ui-shell-side-gap) !important;right:var(--ui-shell-side-gap) !important;}html.nativeShell #infoPanel.orderDetailMode:not([data-ui-owned~="spacing"]),html.nativeShell body.sectionMode #infoPanel.orderDetailMode:not([data-ui-owned~="spacing"]){padding:1mm !important;} html.nativeShell #infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="margin"]),html.nativeShell #infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="margin"]){margin-bottom:var(--ui-block-gap) !important;} html.nativeShell .sitePage:not(.hidden):not([data-ui-owned~="layout"]),html.nativeShell .panelBody:not([data-ui-owned~="layout"]),html.nativeShell .cartItems:not([data-ui-owned~="layout"]),html.nativeShell .checkoutQuick:not([data-ui-owned~="layout"]),html.nativeShell .supportCreate:not([data-ui-owned~="layout"]),html.nativeShell .supportList:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap) !important;} /* Lift only the client controls; staff bars already have the requested level. */ html.nativeShell nav.bottomNav:not(.staffBottomNav):not([data-ui-owned~="spacing"]){padding-bottom:calc(env(safe-area-inset-bottom) + 2mm) !important;} /* v167: use the client navigation geometry and remove square tap flashes. */ html.nativeShell button,html.nativeShell [role="button"],html.nativeShell a{-webkit-tap-highlight-color:transparent !important;} html.nativeShell button:focus:not(:focus-visible):not([data-ui-owned~="paint"]),html.nativeShell [role="button"]:focus:not(:focus-visible):not([data-ui-owned~="paint"]){outline:none !important;} /* Search and favourite are one centred row with equal space above and below. */ html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding-top:1mm !important;padding-bottom:1mm !important;} html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]){padding-top:0 !important;padding-bottom:1mm !important;}html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="margin"]){margin-top:0 !important;} html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="spacing"]){padding-top:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="margin"]){margin-top:0 !important;} html.nativeShell .catalogSearchRow:not([data-ui-owned~="layout"]){align-items:center !important;} html.nativeShell .catalogSearchRow .searchInputWrap:not([data-ui-owned~="height"]),html.nativeShell .catalogSearchRow .catalogFavorite:not([data-ui-owned~="height"]){height:48px !important;} html.nativeShell .catalogSearchRow .catalogFavorite{align-self:center !important;}html.nativeShell .catalogSearchRow .catalogFavorite:not([data-ui-owned~="font"]){line-height:0 !important;} html.nativeShell .catalogSearchRow .catalogFavorite:not([data-ui-owned~="margin"])::before{margin:auto !important;} /* Categories uses the same height, radius and padding as the product action. */ html.nativeShell .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="height"]),html.nativeShell body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="height"]){min-height:36px !important;height:36px !important;}html.nativeShell .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="spacing"]),html.nativeShell body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="spacing"]){padding:7px 8px !important;}html.nativeShell .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="radius"]),html.nativeShell body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="radius"]){border-radius:13px !important;}html.nativeShell .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="font"]),html.nativeShell body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="font"]){font-size:14px !important;}html.nativeShell .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="paint"]),html.nativeShell body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="paint"]){box-shadow:none !important;} /* The list scrolls below these controls; the tabs themselves stay visible. */ html.nativeShell #infoPanel:not(.orderDetailMode) #infoBody .clientOrderTabs{position:sticky !important;top:0 !important;z-index:20 !important;}html.nativeShell #infoPanel:not(.orderDetailMode) #infoBody .clientOrderTabs:not([data-ui-owned~="margin"]){margin:0 0 1mm !important;}html.nativeShell #infoPanel:not(.orderDetailMode) #infoBody .clientOrderTabs:not([data-ui-owned~="spacing"]){padding:1mm 0 !important;}html.nativeShell #infoPanel:not(.orderDetailMode) #infoBody .clientOrderTabs:not([data-ui-owned~="paint"]){background:var(--card, #fff) !important;} /* v168: modal/profile surfaces follow the native theme instead of keeping old white cards. */ html[data-native-theme="dark"] .profileSheetBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBody:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .paymentTransferCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressPanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressList:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressRow:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileCardTop:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileCardInfo:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#f8fafc !important;}html[data-native-theme="dark"] .profileSheetBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBody:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientPaymentSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientPaymentBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .paymentTransferCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressPanel:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressList:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressRow:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileCardTop:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileCardInfo:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] .profileSheetHead:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientPaymentHead:not([data-ui-owned~="border"]){border-color:#475569 !important;}html[data-native-theme="dark"] .profileSheetHead:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentHead:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] .profileSheetHead b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentHead b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressRow b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .paymentTransferCard span:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] .addressRow span:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileCardInfo span:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileNextLevel:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} html[data-native-theme="dark"] .profileSheetHead .secondaryBtn:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressEdit:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressDefault:not(.isDefault):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressDelete:not([data-ui-owned~="paint"]){background:#111827 !important;color:#f8fafc !important;}html[data-native-theme="dark"] .profileSheetHead .secondaryBtn:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressEdit:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressDefault:not(.isDefault):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressDelete:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] .paymentChoice:not(.active):not([data-ui-owned~="paint"]){background:#111827 !important;color:#f8fafc !important;}html[data-native-theme="dark"] .paymentChoice:not(.active):not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] button:disabled:not([data-ui-owned~="paint"]){color:#94a3b8 !important;}html[data-native-theme="dark"] button:disabled:not([data-ui-owned~="effect"]){opacity:.62 !important;} html[data-native-theme="dark"] .qrBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="paint"]){background:#fff !important;} html[data-native-theme="light"] .profileSheetBox:not([data-ui-owned~="paint"]),html[data-native-theme="light"] .clientPaymentSheet:not([data-ui-owned~="paint"]),html[data-native-theme="light"] .addressRow:not([data-ui-owned~="paint"]),html[data-native-theme="light"] .profileBox:not([data-ui-owned~="paint"]){background:#fff !important;color:#111827 !important;} html[data-native-theme="light"] .profileSheetBox button:disabled:not([data-ui-owned~="paint"]),html[data-native-theme="light"] .addressRow button:disabled:not(.addressDefault.isDefault):not([data-ui-owned~="paint"]){color:#64748b !important;}html[data-native-theme="light"] .profileSheetBox button:disabled:not([data-ui-owned~="effect"]),html[data-native-theme="light"] .addressRow button:disabled:not(.addressDefault.isDefault):not([data-ui-owned~="effect"]){opacity:.65 !important;} /* v170: final dark-theme audit for every client form, modal and nested card. */ html[data-native-theme="dark"] .checkoutEditorOverlay:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetOverlay:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentOverlay:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientReviewOverlay:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .sheetBackdrop:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] .checkoutEditorSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditor:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBody:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientReviewSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientReviewSheet .reviewGroup:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .reviewBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSection:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileActionButtons button:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .paymentHint:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .phoneConfirm:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .mutedBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .selectedAddress:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressPick:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .addressRow:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .siteOrderCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientOrderCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportCreate:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportList:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportTicketCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .installOfferBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .loyaltyActivationBox:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#f8fafc !important;}html[data-native-theme="dark"] .checkoutEditorSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutEditor:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBody:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientPaymentSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientPaymentBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientReviewSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientReviewSheet .reviewGroup:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .reviewBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSection:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileActionButtons button:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .paymentHint:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .phoneConfirm:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .mutedBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .selectedAddress:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressPick:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .addressRow:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .orderDetail:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .siteOrderCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientOrderCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportCreate:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportList:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportTicketCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .installOfferBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .loyaltyActivationBox:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] .checkoutEditorSheet input:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditorSheet textarea:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditorSheet select:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox input:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox textarea:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportCreate input:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportCreate textarea:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportCreate select:not([data-ui-owned~="paint"]){appearance:none !important;-webkit-appearance:none !important;background:#111827 !important;color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;}html[data-native-theme="dark"] .checkoutEditorSheet input:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutEditorSheet textarea:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutEditorSheet select:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox input:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox textarea:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportCreate input:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportCreate textarea:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportCreate select:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] .checkoutEditorSheet label:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox label:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentSheet label:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportCreate label:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditorSheet h2:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditorSheet h3:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox h2:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox h3:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] .paymentHint:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .mutedBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportCreate p:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportList p:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} html[data-native-theme="dark"] .nativeHiddenSelect{display:none !important;} /* Unified order-item card: client, assembler, courier and manager use the same visual hierarchy. */ .clientOrderItemCard:not([data-ui-owned~="layout"]){display:grid !important;gap:10px !important;align-items:center !important;}.clientOrderItemCard:not([data-ui-owned~="columns"]){grid-template-columns:54px minmax(0,1fr) auto !important;}.clientOrderItemCard:not([data-ui-owned~="margin"]){margin:7px 0 0 !important;}.clientOrderItemCard:not([data-ui-owned~="spacing"]){padding:10px !important;}.clientOrderItemCard:not([data-ui-owned~="border"]){border:1px solid var(--border) !important;}.clientOrderItemCard:not([data-ui-owned~="radius"]){border-radius:14px !important;}.clientOrderItemCard:not([data-ui-owned~="paint"]){background:var(--card) !important;} .clientOrderItemThumb:not([data-ui-owned~="size"]){width:54px !important;}.clientOrderItemThumb:not([data-ui-owned~="height"]){height:54px !important;}.clientOrderItemThumb:not([data-ui-owned~="layout"]){display:grid !important;place-items:center !important;overflow:hidden !important;}.clientOrderItemThumb:not([data-ui-owned~="radius"]){border-radius:13px !important;}.clientOrderItemThumb:not([data-ui-owned~="paint"]){background:color-mix(in srgb, var(--bg) 88%, #dbeafe) !important;}.clientOrderItemThumb:not([data-ui-owned~="font"]){font-size:24px !important;} .clientOrderItemThumb img:not([data-ui-owned~="size"]){width:100% !important;}.clientOrderItemThumb img:not([data-ui-owned~="height"]){height:100% !important;}.clientOrderItemThumb img:not([data-ui-owned~="image"]){object-fit:cover !important;} .clientOrderItemBody:not([data-ui-owned~="size"]){min-width:0 !important;}.clientOrderItemBody:not([data-ui-owned~="layout"]){display:grid !important;gap:4px !important;} .clientOrderItemBody b:not([data-ui-owned~="font"]){line-height:1.18 !important;}.clientOrderItemBody b:not([data-ui-owned~="layout"]){overflow-wrap:anywhere !important;} .clientOrderItemBody small:not([data-ui-owned~="paint"]),.clientOrderItemBody span:not([data-ui-owned~="paint"]){color:var(--muted) !important;} .clientOrderItemPrice{align-self:stretch !important;}.clientOrderItemPrice:not([data-ui-owned~="layout"]){display:flex !important;flex-direction:column !important;align-items:flex-end !important;justify-content:space-between !important;gap:8px !important;}.clientOrderItemPrice:not([data-ui-owned~="font"]){text-align:right !important;} .clientOrderItemPrice:not([data-ui-owned~="size"]){min-width:0 !important;width:96px !important;} .clientOrderItemPrice span:not([data-ui-owned~="size"]){max-width:100% !important;}.clientOrderItemPrice span:not([data-ui-owned~="spacing"]){padding:5px 8px !important;}.clientOrderItemPrice span:not([data-ui-owned~="radius"]){border-radius:999px !important;}.clientOrderItemPrice span:not([data-ui-owned~="paint"]){background:color-mix(in srgb, var(--bg) 88%, #dbeafe) !important;color:var(--muted) !important;}.clientOrderItemPrice span{white-space:normal !important;}.clientOrderItemPrice span:not([data-ui-owned~="layout"]){overflow-wrap:anywhere !important;} .clientOrderItemPrice b:not([data-ui-owned~="font"]){font-size:16px !important;}.clientOrderItemPrice b{white-space:nowrap !important;} html[data-native-theme="dark"] .clientOrderItemCard:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#f8fafc !important;}html[data-native-theme="dark"] .clientOrderItemCard:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] .clientOrderItemThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientOrderItemPrice span:not([data-ui-owned~="paint"]){background:#334155 !important;color:#cbd5e1 !important;} @media (max-width:430px){ .clientOrderItemCard:not([data-ui-owned~="columns"]){grid-template-columns:48px minmax(0,1fr) minmax(78px,92px) !important;}.clientOrderItemCard:not([data-ui-owned~="layout"]){gap:7px !important;}.clientOrderItemCard:not([data-ui-owned~="spacing"]){padding:8px !important;} .clientOrderItemThumb:not([data-ui-owned~="size"]){width:50px !important;}.clientOrderItemThumb:not([data-ui-owned~="height"]){height:50px !important;} .clientOrderItemPrice:not([data-ui-owned~="size"]){width:92px !important;} .clientOrderItemPrice span:not([data-ui-owned~="font"]){font-size:11px !important;}.clientOrderItemPrice span:not([data-ui-owned~="spacing"]){padding:4px 6px !important;} } /* v172: product names never escape their cards; catalog search equals Categories height. */ .clientOrderItemBody:not([data-ui-owned~="size"]),.clientOrderItemBody b:not([data-ui-owned~="size"]),.orderItemLine > span:not([data-ui-owned~="size"]),.itemName:not([data-ui-owned~="size"]){min-width:0 !important;max-width:100% !important;}.clientOrderItemBody,.clientOrderItemBody b,.orderItemLine > span,.itemName{white-space:normal !important;word-break:break-word !important;}.clientOrderItemBody:not([data-ui-owned~="layout"]),.clientOrderItemBody b:not([data-ui-owned~="layout"]),.orderItemLine > span:not([data-ui-owned~="layout"]),.itemName:not([data-ui-owned~="layout"]){overflow-wrap:anywhere !important;} .clientOrderItemBody b:not([data-ui-owned~="font"]),.itemName:not([data-ui-owned~="font"]){font-size:14px !important;line-height:1.18 !important;} html.nativeShell .catalogSearchRow .searchInputWrap:not([data-ui-owned~="height"]){height:36px !important;}html.nativeShell .catalogSearchRow .searchInputWrap{align-self:center !important;} html.nativeShell .catalogSearchRow .searchInputWrap input:not([data-ui-owned~="height"]),html.nativeShell .searchBox.catalogOnly input:not([data-ui-owned~="height"]){height:36px !important;min-height:36px !important;}html.nativeShell .catalogSearchRow .searchInputWrap input:not([data-ui-owned~="spacing"]),html.nativeShell .searchBox.catalogOnly input:not([data-ui-owned~="spacing"]){padding-top:6px !important;padding-bottom:6px !important;}html.nativeShell .catalogSearchRow .searchInputWrap input:not([data-ui-owned~="radius"]),html.nativeShell .searchBox.catalogOnly input:not([data-ui-owned~="radius"]){border-radius:13px !important;} /* v173: one order-item geometry for client and staff history cards. */ .clientOrderItemCard:not([data-ui-owned~="columns"]){grid-template-columns:54px minmax(0,1fr) 104px !important;}.clientOrderItemCard:not([data-ui-owned~="layout"]){align-items:start !important;gap:10px !important;}.clientOrderItemCard:not([data-ui-owned~="spacing"]){padding:11px !important;} .clientOrderItemBody:not([data-ui-owned~="layout"]){gap:5px !important;}.clientOrderItemBody:not([data-ui-owned~="spacing"]){padding-top:1px !important;} .clientOrderItemBody b:not([data-ui-owned~="font"]){font-size:14px !important;line-height:1.18 !important;} .clientOrderItemPrice:not([data-ui-owned~="size"]){width:104px !important;min-width:104px !important;}.clientOrderItemPrice{align-self:stretch !important;} .clientOrderItemPrice span:not([data-ui-owned~="size"]){width:auto !important;max-width:none !important;}.clientOrderItemPrice span{white-space:nowrap !important;}.clientOrderItemPrice span:not([data-ui-owned~="layout"]){overflow-wrap:normal !important;}.clientOrderItemPrice span:not([data-ui-owned~="font"]){font-size:11px !important;}.clientOrderItemPrice span:not([data-ui-owned~="spacing"]){padding:5px 7px !important;} @media (max-width:430px){ .clientOrderItemCard:not([data-ui-owned~="columns"]){grid-template-columns:48px minmax(0,1fr) 96px !important;}.clientOrderItemCard:not([data-ui-owned~="layout"]){gap:8px !important;}.clientOrderItemCard:not([data-ui-owned~="spacing"]){padding:10px !important;} .clientOrderItemThumb:not([data-ui-owned~="size"]){width:48px !important;}.clientOrderItemThumb:not([data-ui-owned~="height"]){height:48px !important;} .clientOrderItemPrice:not([data-ui-owned~="size"]){width:96px !important;min-width:96px !important;} .clientOrderItemPrice span:not([data-ui-owned~="font"]){font-size:10.5px !important;}.clientOrderItemPrice span:not([data-ui-owned~="spacing"]){padding:5px 6px !important;} } /* v175: client order rows use the assembler card geometry exactly. */ .unifiedOrderItem:not([data-ui-owned~="layout"]){display:grid !important;gap:8px !important;align-items:start !important;}.unifiedOrderItem:not([data-ui-owned~="columns"]){grid-template-columns:42px minmax(0,1fr) !important;}.unifiedOrderItem:not([data-ui-owned~="margin"]){margin:7px 0 0 !important;}.unifiedOrderItem:not([data-ui-owned~="spacing"]){padding:8px !important;}.unifiedOrderItem:not([data-ui-owned~="border"]){border:1px solid var(--border) !important;}.unifiedOrderItem:not([data-ui-owned~="radius"]){border-radius:13px !important;}.unifiedOrderItem:not([data-ui-owned~="paint"]){background:var(--card) !important;} .unifiedOrderThumb:not([data-ui-owned~="size"]){width:42px !important;}.unifiedOrderThumb:not([data-ui-owned~="height"]){height:42px !important;}.unifiedOrderThumb:not([data-ui-owned~="radius"]){border-radius:11px !important;}.unifiedOrderThumb:not([data-ui-owned~="layout"]){display:grid !important;place-items:center !important;overflow:hidden !important;}.unifiedOrderThumb:not([data-ui-owned~="paint"]){background:color-mix(in srgb,var(--bg) 88%,#dbeafe) !important;}.unifiedOrderThumb:not([data-ui-owned~="font"]){font-size:20px !important;} .unifiedOrderThumb img:not([data-ui-owned~="size"]){width:100% !important;}.unifiedOrderThumb img:not([data-ui-owned~="height"]){height:100% !important;}.unifiedOrderThumb img:not([data-ui-owned~="image"]){object-fit:contain !important;} .unifiedOrderBody:not([data-ui-owned~="size"]){min-width:0 !important;}.unifiedOrderBody:not([data-ui-owned~="layout"]){display:block !important;} .unifiedOrderHead:not([data-ui-owned~="layout"]){display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:8px !important;}.unifiedOrderHead:not([data-ui-owned~="size"]){min-width:0 !important;} .unifiedOrderName:not([data-ui-owned~="layout"]){flex:1 1 auto !important;overflow-wrap:anywhere !important;}.unifiedOrderName:not([data-ui-owned~="size"]){min-width:0 !important;}.unifiedOrderName:not([data-ui-owned~="font"]){font-size:14px !important;line-height:1.18 !important;}.unifiedOrderName{white-space:normal !important;word-break:break-word !important;} .unifiedOrderUnitPrice:not([data-ui-owned~="layout"]){flex:0 0 auto !important;}.unifiedOrderUnitPrice:not([data-ui-owned~="size"]){width:auto !important;max-width:none !important;}.unifiedOrderUnitPrice{white-space:nowrap !important;}.unifiedOrderUnitPrice:not([data-ui-owned~="spacing"]){padding:5px 7px !important;}.unifiedOrderUnitPrice:not([data-ui-owned~="radius"]){border-radius:999px !important;}.unifiedOrderUnitPrice:not([data-ui-owned~="paint"]){background:color-mix(in srgb,var(--bg) 88%,#dbeafe) !important;color:var(--muted) !important;}.unifiedOrderUnitPrice:not([data-ui-owned~="font"]){font-size:11px !important;} .unifiedOrderBody > small:not([data-ui-owned~="layout"]){display:block !important;}.unifiedOrderBody > small:not([data-ui-owned~="margin"]){margin-top:7px !important;}.unifiedOrderBody > small:not([data-ui-owned~="font"]){font-size:12px !important;}.unifiedOrderBody > small:not([data-ui-owned~="paint"]){color:var(--muted) !important;} .unifiedOrderFooter:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;}.unifiedOrderFooter:not([data-ui-owned~="margin"]){margin-top:5px !important;} .unifiedOrderFooter > span:not([data-ui-owned~="paint"]){color:var(--muted) !important;}.unifiedOrderFooter > span:not([data-ui-owned~="font"]){font-size:14px !important;} .unifiedOrderFooter > b:not([data-ui-owned~="font"]){font-size:14px !important;}.unifiedOrderFooter > b{white-space:nowrap !important;} html[data-native-theme="dark"] .unifiedOrderItem:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#f8fafc !important;}html[data-native-theme="dark"] .unifiedOrderItem:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] .unifiedOrderThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .unifiedOrderUnitPrice:not([data-ui-owned~="paint"]){background:#334155 !important;color:#cbd5e1 !important;} @media (max-width:430px){ .unifiedOrderItem:not([data-ui-owned~="columns"]){grid-template-columns:36px minmax(0,1fr) !important;}.unifiedOrderItem:not([data-ui-owned~="layout"]){gap:7px !important;} .unifiedOrderThumb:not([data-ui-owned~="size"]){width:36px !important;}.unifiedOrderThumb:not([data-ui-owned~="height"]){height:36px !important;}.unifiedOrderThumb:not([data-ui-owned~="radius"]){border-radius:10px !important;} } /* Exact 1 mm separation and vertical centring in the catalog toolbar. */ html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="layout"]){display:flex !important;flex-direction:column !important;gap:1mm !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly{position:relative !important;inset:auto !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="layout"]){flex:0 0 auto !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="margin"]){margin:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding:1mm 1mm 0 !important;} html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly{position:relative !important;inset:auto !important;}html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="layout"]){flex:0 0 auto !important;}html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]){padding:0 1mm 1mm !important;}html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="margin"]){margin:0 !important;} html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="margin"]){margin:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="spacing"]){padding:0 !important;} html.nativeShell .catalogSearchRow:not([data-ui-owned~="layout"]){align-items:center !important;} html.nativeShell .catalogSearchRow .catalogFavorite{align-self:center !important;}html.nativeShell .catalogSearchRow .catalogFavorite:not([data-ui-owned~="layout"]){display:grid !important;place-items:center !important;}html.nativeShell .catalogSearchRow .catalogFavorite:not([data-ui-owned~="height"]){height:36px !important;min-height:36px !important;}html.nativeShell .catalogSearchRow .catalogFavorite:not([data-ui-owned~="spacing"]){padding:0 !important;}html.nativeShell .catalogSearchRow .catalogFavorite:not([data-ui-owned~="font"]){line-height:1 !important;} html.nativeShell .catalogSearchRow .catalogFavorite:not([data-ui-owned~="margin"])::before{margin:0 !important;}html.nativeShell .catalogSearchRow .catalogFavorite::before{align-self:center !important;justify-self:center !important;} /* v176: dark-theme cleanup, QR quiet-zone containment, and guaranteed catalog spacing. */ html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button[data-cart-act]:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyInput:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .totalsPanel:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .paymentHint:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .compactWarning:not([data-ui-owned~="paint"]){background:#111827 !important;color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;}html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button[data-cart-act]:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyInput:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .totalsPanel:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .paymentHint:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .compactWarning:not([data-ui-owned~="border"]){border-color:#475569 !important;} html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button:active:not([data-ui-owned~="paint"]){background:#334155 !important;} html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyBox span:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineMain small:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} /* Only the QR bitmap needs a white quiet zone. Everything around it follows the dark profile surface. */ html[data-native-theme="dark"] .qrBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .qrBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileQr:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileQr:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;}html[data-native-theme="dark"] .qrBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .qrBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileQr:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileQr:not([data-ui-owned~="border"]){border-color:transparent !important;} html[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileQr img:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileQr img:not([data-ui-owned~="paint"]){background:#fff !important;}html[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileQr img:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileQr img:not([data-ui-owned~="border"]){border-color:#64748b !important;}html[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="radius"]),html.nativeShell[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] .profileQr img:not([data-ui-owned~="radius"]),html.nativeShell[data-native-theme="dark"] .profileQr img:not([data-ui-owned~="radius"]){border-radius:16px !important;} html.nativeShell[data-native-theme="dark"] .profileCardTop:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileCardInfo:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #infoPanel.profileMode:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #infoPanel.profileMode #infoBody:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#f8fafc !important;} /* Use an explicit margin instead of relying on competing old sticky offsets: search never touches Categories. */ html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="layout"]){gap:0 !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="margin"]){margin:0 0 1mm 0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding:1mm 1mm 0 !important;} html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="margin"]){margin:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]){padding:0 1mm 1mm !important;} /* v177: one dark visual language across every client section; catalogue remains the reference. */ html.nativeShell[data-native-theme="dark"] body.sectionMode:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .sitePage:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .panelBody:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .panelBottom:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .cartItems:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .orderDetail:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profilePage:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileSection:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .supportCreate:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .supportList:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#f8fafc !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .sitePage:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .panelBody:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .panelBottom:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .cartItems:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .orderDetail:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profilePage:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileSection:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .supportCreate:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .supportList:not([data-ui-owned~="border"]){border-color:#475569 !important;} html.nativeShell[data-native-theme="dark"] body.sectionMode .cartLine:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientOrderCard:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .siteOrderCard:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .orderItemLine:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileCardTop:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileCardInfo:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .addressRow:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .addressPanel:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .selectedAddress:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutEditorSheet:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutEditor:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientPaymentSheet:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientPaymentBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientReviewSheet:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .reviewGroup:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .reviewBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .supportTicketCard:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .paymentHint:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .mutedBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .totalsPanel:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .compactWarning:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .sheetBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .confirmSheet:not([data-ui-owned~="paint"]){background:#1e293b !important;color:#f8fafc !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode .cartLine:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientOrderCard:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .siteOrderCard:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .orderItemLine:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileCardTop:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileCardInfo:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .addressRow:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .addressPanel:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .selectedAddress:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutEditorSheet:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutEditor:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientPaymentSheet:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientPaymentBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientReviewSheet:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .reviewGroup:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .reviewBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .supportTicketCard:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .paymentHint:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .mutedBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .totalsPanel:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .compactWarning:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .sheetBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .confirmSheet:not([data-ui-owned~="border"]){border-color:#475569 !important;} html.nativeShell[data-native-theme="dark"] body.sectionMode input:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode textarea:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode select:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .cartQtyInput:not([data-ui-owned~="paint"]){background:#111827 !important;color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode input:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode textarea:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode select:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .cartQtyInput:not([data-ui-owned~="border"]){border-color:#475569 !important;} html.nativeShell[data-native-theme="dark"] body.sectionMode input:not([data-ui-owned~="paint"])::placeholder,html.nativeShell[data-native-theme="dark"] body.sectionMode textarea:not([data-ui-owned~="paint"])::placeholder{color:#94a3b8 !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode input:not([data-ui-owned~="effect"])::placeholder,html.nativeShell[data-native-theme="dark"] body.sectionMode textarea:not([data-ui-owned~="effect"])::placeholder{opacity:1 !important;} html.nativeShell[data-native-theme="dark"] body.sectionMode h1:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode h2:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode h3:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode h4:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode b:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode strong:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode label:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html.nativeShell[data-native-theme="dark"] body.sectionMode p:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode small:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .muted:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .orderMeta:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} /* Standard actions are the same blue/white controls as in the catalogue. */ html.nativeShell[data-native-theme="dark"] body.sectionMode .sitePage button:not(.dangerBtn):not(.danger):not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .checkoutEditorOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileSheetOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .clientPaymentOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .clientReviewOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .reviewViewerOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .panelBottom button:not(.totalsToggle):not([data-ui-owned~="paint"]){background:var(--accent,#2481cc) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode .sitePage button:not(.dangerBtn):not(.danger):not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .checkoutEditorOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileSheetOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .clientPaymentOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .clientReviewOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .reviewViewerOverlay button:not(.dangerBtn):not(.danger):not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .panelBottom button:not(.totalsToggle):not([data-ui-owned~="border"]){border-color:var(--accent,#2481cc) !important;} html.nativeShell[data-native-theme="dark"] body.sectionMode .sitePage button:disabled:not([data-ui-owned~="effect"]){opacity:.55 !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode .sitePage button:disabled:not([data-ui-owned~="paint"]){color:#dbeafe !important;} html.nativeShell[data-native-theme="dark"] .bottomNav:not([data-ui-owned~="paint"]){background:#111827 !important;}html.nativeShell[data-native-theme="dark"] .bottomNav:not([data-ui-owned~="border"]){border-color:#334155 !important;} html.nativeShell[data-native-theme="dark"] .bottomNav button:not([data-ui-owned~="paint"]){background:transparent !important;color:#f8fafc !important;} html.nativeShell[data-native-theme="dark"] .bottomNav button.active:not([data-ui-owned~="paint"]){background:transparent !important;color:#f8fafc !important;} /* The QR itself keeps its required white quiet zone; not a single surrounding pixel does. */ html.nativeShell[data-native-theme="dark"] .profileCardTop .qrBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileCardTop .profileQr:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .qrBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .profileQr:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;}html.nativeShell[data-native-theme="dark"] .profileCardTop .qrBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileCardTop .profileQr:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .qrBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .profileQr:not([data-ui-owned~="border"]){border:0 !important;} html.nativeShell[data-native-theme="dark"] .profileCardTop .qrBox img:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileCardTop .profileQr img:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .qrBox img:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .profileQr img:not([data-ui-owned~="paint"]){background:#fff !important;}html.nativeShell[data-native-theme="dark"] .profileCardTop .qrBox img:not([data-ui-owned~="spacing"]),html.nativeShell[data-native-theme="dark"] .profileCardTop .profileQr img:not([data-ui-owned~="spacing"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .qrBox img:not([data-ui-owned~="spacing"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .profileQr img:not([data-ui-owned~="spacing"]){padding:10px !important;}html.nativeShell[data-native-theme="dark"] .profileCardTop .qrBox img:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileCardTop .profileQr img:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .qrBox img:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .profileQr img:not([data-ui-owned~="border"]){border:1px solid #475569 !important;}html.nativeShell[data-native-theme="dark"] .profileCardTop .qrBox img:not([data-ui-owned~="radius"]),html.nativeShell[data-native-theme="dark"] .profileCardTop .profileQr img:not([data-ui-owned~="radius"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .qrBox img:not([data-ui-owned~="radius"]),html.nativeShell[data-native-theme="dark"] .profileSheetBox .profileQr img:not([data-ui-owned~="radius"]){border-radius:16px !important;} /* v177: search and Categories are two independent rows with a physical 1 mm gap. */ html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="layout"]){display:grid !important;grid-auto-flow:row !important;row-gap:1mm !important;overflow:visible !important;}html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="columns"]){grid-template-columns:minmax(0,1fr) !important;}html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="spacing"]){padding:1mm !important;} html.nativeShell body:not(.sectionMode) .catalogSticky > .top{display:none !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly,html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly{position:relative !important;inset:auto !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="layout"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="layout"]){display:block !important;overflow:visible !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="size"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="size"]){width:100% !important;min-width:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="margin"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="margin"]){margin:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]){padding:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="effect"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="effect"]){transform:none !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow:not([data-ui-owned~="margin"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="margin"]){margin:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow:not([data-ui-owned~="spacing"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="spacing"]){padding:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow:not([data-ui-owned~="effect"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="effect"]){transform:none !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .searchInputWrap:not([data-ui-owned~="height"]),html.nativeShell body:not(.sectionMode) .catalogSticky .searchInputWrap input:not([data-ui-owned~="height"]),html.nativeShell body:not(.sectionMode) .catalogSticky .catalogFavorite:not([data-ui-owned~="height"]),html.nativeShell body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="height"]){min-height:42px !important;height:42px !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .searchInputWrap input:not([data-ui-owned~="radius"]),html.nativeShell body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="radius"]){border-radius:14px !important;} /* v177 hardening: no light islands are allowed on client section screens in dark mode. */ html.nativeShell[data-native-theme="dark"] body.sectionMode .loyaltyGrid > div:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .loyaltyActivationBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileNextLevel:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .phoneConfirm:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .addressPick:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .emptyState:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutResult:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .supportContacts:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .orderComment:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientOrderTabs:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .segment:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .secondaryBtn:not([data-ui-owned~="paint"]){background:#1e293b !important;color:#f8fafc !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode .loyaltyGrid > div:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .loyaltyActivationBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileNextLevel:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .phoneConfirm:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .addressPick:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .emptyState:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutResult:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .supportContacts:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .orderComment:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .clientOrderTabs:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .segment:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .secondaryBtn:not([data-ui-owned~="border"]){border-color:#475569 !important;} html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutResult.error:not([data-ui-owned~="paint"]){background:#3f1d2a !important;color:#fecdd3 !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode .checkoutResult.error:not([data-ui-owned~="border"]){border-color:#9f1239 !important;} /* Clickable actions still use the catalogue accent after their surface reset. */ html.nativeShell[data-native-theme="dark"] body.sectionMode button.segment:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode button.secondaryBtn:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode button.addressPick:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileActionButtons button:not([data-ui-owned~="paint"]){background:var(--accent,#2481cc) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;}html.nativeShell[data-native-theme="dark"] body.sectionMode button.segment:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode button.secondaryBtn:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode button.addressPick:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] body.sectionMode .profileActionButtons button:not([data-ui-owned~="border"]){border-color:var(--accent,#2481cc) !important;} /* Make the 1 mm separation immune to older gap:0 sticky rules. */ html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="layout"]){gap:1mm 0 !important;row-gap:1mm !important;} /* v178: cart controls are visually flat in dark mode: one surface, blue actions, white text. */ html.nativeShell[data-native-theme="dark"] #cartPanel .cartLine:not([data-ui-owned~="paint"]){background:#1e293b !important;box-shadow:none !important;}html.nativeShell[data-native-theme="dark"] #cartPanel .cartLine:not([data-ui-owned~="border"]){border-color:transparent !important;} html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyBox:not([data-ui-owned~="paint"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyInput:not([data-ui-owned~="paint"]){background:transparent !important;outline:0 !important;box-shadow:none !important;}html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyBox:not([data-ui-owned~="border"]),html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyInput:not([data-ui-owned~="border"]){border:0 !important;} html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyInput:not([data-ui-owned~="paint"]){color:#fff !important;-webkit-text-fill-color:#fff !important;} html.nativeShell[data-native-theme="dark"] #cartPanel .cartQtyBox span:not([data-ui-owned~="paint"]){color:#fff !important;} html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button[data-cart-act]:not([data-ui-owned~="paint"]){background:var(--accent,#2481cc) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;box-shadow:none !important;}html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button[data-cart-act]:not([data-ui-owned~="border"]){border:0 !important;} html.nativeShell[data-native-theme="dark"] #cartPanel .cartLineControls button[data-cart-act]:active:not([data-ui-owned~="paint"]){background:var(--accent,#2481cc) !important;filter:brightness(.92);} /* v179: FINAL dark normalization. One dark surface everywhere; only actions/statuses retain accent colors. */ html[data-native-theme="dark"]{--bg:#0f172a !important;--card:#0f172a !important;--soft:#0f172a !important;--border:#0f172a !important;--text:#ffffff !important;--muted:#cbd5e1 !important;} html[data-native-theme="dark"] body:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .sitePage:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .panelBody:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .panelBottom:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .checkoutBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .cartItems:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode #infoBody:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode #cartPanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode #infoPanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode #ordersPanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .profilePage:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .profileSection:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditor:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientReviewSheet:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .reviewViewerDialog:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .reviewViewerComment:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .bottomNav:not([data-ui-owned~="paint"]){background:#0f172a !important;background-color:#0f172a !important;color:#fff !important;box-shadow:none !important;}html[data-native-theme="dark"] body:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .sitePage:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .panelBody:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .panelBottom:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .checkoutBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .cartItems:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode #infoBody:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode #cartPanel:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode #infoPanel:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode #ordersPanel:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .profilePage:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .profileSection:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutEditor:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientPaymentBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientReviewSheet:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .reviewViewerDialog:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .reviewViewerComment:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .bottomNav:not([data-ui-owned~="border"]){border-color:transparent !important;} /* All nested section surfaces become transparent so there are no darker/lighter rectangles. */ html[data-native-theme="dark"] body.sectionMode .sitePage div:not(.badge):not(.statusBadge):not(.qrCodeCanvas):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .panelBody div:not(.badge):not(.statusBadge):not(.qrCodeCanvas):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .panelBottom div:not(.badge):not(.statusBadge):not(.qrCodeCanvas):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox div:not(.badge):not(.statusBadge):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditor div:not(.badge):not(.statusBadge):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentBox div:not(.badge):not(.statusBadge):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientReviewSheet div:not(.badge):not(.statusBadge):not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;box-shadow:none !important;}html[data-native-theme="dark"] body.sectionMode .sitePage div:not(.badge):not(.statusBadge):not(.qrCodeCanvas):not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .panelBody div:not(.badge):not(.statusBadge):not(.qrCodeCanvas):not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .panelBottom div:not(.badge):not(.statusBadge):not(.qrCodeCanvas):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox div:not(.badge):not(.statusBadge):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutEditor div:not(.badge):not(.statusBadge):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientPaymentBox div:not(.badge):not(.statusBadge):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientReviewSheet div:not(.badge):not(.statusBadge):not([data-ui-owned~="border"]){border-color:transparent !important;} html[data-native-theme="dark"] body.sectionMode input:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode textarea:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode select:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .cartQtyInput:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox input:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox textarea:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox select:not([data-ui-owned~="paint"]){background:#0f172a !important;background-color:#0f172a !important;color:#fff !important;-webkit-text-fill-color:#fff !important;box-shadow:none !important;outline-color:transparent !important;}html[data-native-theme="dark"] body.sectionMode input:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode textarea:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode select:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .cartQtyInput:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox input:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox textarea:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox select:not([data-ui-owned~="border"]){border-color:transparent !important;} html[data-native-theme="dark"] .phoneValueBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .phoneConfirm:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .phoneBoundBox:not([data-ui-owned~="paint"]){background:#0f172a !important;background-color:#0f172a !important;box-shadow:none !important;color:#fff !important;}html[data-native-theme="dark"] .phoneValueBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .phoneConfirm:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .phoneBoundBox:not([data-ui-owned~="border"]){border-color:transparent !important;} html[data-native-theme="dark"] .phoneValueBox span:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .phoneValueBox b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .phoneConfirm span:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .phoneConfirm b:not([data-ui-owned~="paint"]){color:#fff !important;-webkit-text-fill-color:#fff !important;}html[data-native-theme="dark"] .phoneValueBox span:not([data-ui-owned~="effect"]),html[data-native-theme="dark"] .phoneValueBox b:not([data-ui-owned~="effect"]),html[data-native-theme="dark"] .phoneConfirm span:not([data-ui-owned~="effect"]),html[data-native-theme="dark"] .phoneConfirm b:not([data-ui-owned~="effect"]){opacity:1 !important;} /* The totals menu is text only: no blue square/circle, border, focus halo or active fill. */ html[data-native-theme="dark"] #cartPanel button.totalsToggle:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:hover:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:focus:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:active:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:hover:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:focus:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:active:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;color:#cbd5e1 !important;-webkit-text-fill-color:#cbd5e1 !important;box-shadow:none !important;outline:0 !important;}html[data-native-theme="dark"] #cartPanel button.totalsToggle:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:hover:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:focus:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:active:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:hover:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:focus:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:active:not([data-ui-owned~="border"]){border:0 !important;}html[data-native-theme="dark"] #cartPanel button.totalsToggle:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:hover:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:focus:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:active:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:hover:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:focus:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:active:not([data-ui-owned~="radius"]){border-radius:0 !important;}html[data-native-theme="dark"] #cartPanel button.totalsToggle:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:hover:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:focus:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:active:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:hover:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:focus:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:active:not([data-ui-owned~="spacing"]){padding:0 4px !important;}html[data-native-theme="dark"] #cartPanel button.totalsToggle:not([data-ui-owned~="size"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:hover:not([data-ui-owned~="size"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:focus:not([data-ui-owned~="size"]),html[data-native-theme="dark"] #cartPanel button.totalsToggle:active:not([data-ui-owned~="size"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:not([data-ui-owned~="size"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:hover:not([data-ui-owned~="size"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:focus:not([data-ui-owned~="size"]),html[data-native-theme="dark"] #infoPanel button.totalsToggle:active:not([data-ui-owned~="size"]){min-width:28px !important;} /* Quantity itself is plain text on the common dark surface; +/- stay blue. */ html[data-native-theme="dark"] #cartPanel .cartQtyBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .cartQtyInput:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;outline:0 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;}html[data-native-theme="dark"] #cartPanel .cartQtyBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #cartPanel .cartQtyInput:not([data-ui-owned~="border"]){border:0 !important;}html[data-native-theme="dark"] #cartPanel .cartQtyBox:not([data-ui-owned~="radius"]),html[data-native-theme="dark"] #cartPanel .cartQtyInput:not([data-ui-owned~="radius"]){border-radius:0 !important;} html[data-native-theme="dark"] #cartPanel .cartLineControls button[data-cart-act]:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode button.primary:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode button.ok:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode button.secondary:not(.totalsToggle):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .blueBtn:not([data-ui-owned~="paint"]){background:var(--accent,#0a93d5) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;}html[data-native-theme="dark"] #cartPanel .cartLineControls button[data-cart-act]:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode button.primary:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode button.ok:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode button.secondary:not(.totalsToggle):not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .blueBtn:not([data-ui-owned~="border"]){border-color:var(--accent,#0a93d5) !important;} /* Keep the QR's mandatory quiet zone white; its surrounding card stays the one dark surface. */ html[data-native-theme="dark"] .qrBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileQr:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;}html[data-native-theme="dark"] .qrBox:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileQr:not([data-ui-owned~="border"]){border:0 !important;} html[data-native-theme="dark"] .qrBox img:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileQr img:not([data-ui-owned~="paint"]){background:#fff !important;} /* v179: on client section screens every real action button is blue/white; badges and dots are not action fills. */ html[data-native-theme="dark"] body.sectionMode .sitePage button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .profileSheetBox button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .checkoutEditor button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientPaymentBox button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientReviewSheet button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="paint"]){background:var(--accent,#0a93d5) !important;background-color:var(--accent,#0a93d5) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;}html[data-native-theme="dark"] body.sectionMode .sitePage button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .profileSheetBox button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .checkoutEditor button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientPaymentBox button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientReviewSheet button:not(.badge):not(.statusBadge):not(.totalsToggle):not([data-ui-owned~="border"]){border-color:var(--accent,#0a93d5) !important;} html[data-native-theme="dark"] .bottomNav button:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;}html[data-native-theme="dark"] .bottomNav button:not([data-ui-owned~="border"]){border-color:transparent !important;} html[data-native-theme="dark"] .bottomNav button.active:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;} /* v180: assembler completed-order product card is the canonical product-card geometry everywhere. */ #infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="layout"]){display:flex !important;flex-direction:column !important;gap:6px !important;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="spacing"]){padding:6px 3px 6px 0 !important;} #infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="layout"]),.orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="layout"]){display:grid !important;gap:8px !important;align-items:start !important;}#infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="columns"]),.orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="columns"]){grid-template-columns:44px minmax(0,1fr) !important;}#infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="margin"]),.orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="margin"]){margin:0 !important;}#infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="spacing"]),.orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="spacing"]){padding:7px 8px !important;}#infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="border"]),.orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="border"]){border:1px solid var(--border) !important;}#infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="radius"]),.orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="radius"]){border-radius:13px !important;}#infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="paint"]),.orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="paint"]){background:var(--card) !important;} #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="size"]){width:42px !important;}#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="height"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="height"]){height:42px !important;}#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="radius"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="radius"]){border-radius:11px !important;}#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="layout"]){display:grid !important;place-items:center !important;overflow:hidden !important;}#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="paint"]){background:#f1f5f9 !important;}#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="font"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="font"]){font-size:20px !important;} #infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="size"]){width:100% !important;}#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="height"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="height"]){height:100% !important;}#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="image"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="image"]){object-fit:contain !important;} #infoPanel.orderDetailMode .unifiedOrderBody:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderBody:not([data-ui-owned~="size"]){min-width:0 !important;} #infoPanel.orderDetailMode .unifiedOrderHead:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderHead:not([data-ui-owned~="layout"]){display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:8px !important;}#infoPanel.orderDetailMode .unifiedOrderHead:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderHead:not([data-ui-owned~="size"]){min-width:0 !important;}#infoPanel.orderDetailMode .unifiedOrderHead:not([data-ui-owned~="margin"]),.orderDetail .unifiedOrderHead:not([data-ui-owned~="margin"]){margin:0 0 8px !important;} #infoPanel.orderDetailMode .unifiedOrderName:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderName:not([data-ui-owned~="layout"]){flex:1 1 auto !important;overflow-wrap:anywhere !important;}#infoPanel.orderDetailMode .unifiedOrderName:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderName:not([data-ui-owned~="size"]){min-width:0 !important;max-width:100% !important;}#infoPanel.orderDetailMode .unifiedOrderName:not([data-ui-owned~="font"]),.orderDetail .unifiedOrderName:not([data-ui-owned~="font"]){font-size:13px !important;line-height:1.15 !important;}#infoPanel.orderDetailMode .unifiedOrderName,.orderDetail .unifiedOrderName{white-space:normal !important;word-break:break-word !important;} #infoPanel.orderDetailMode .unifiedOrderUnitPrice:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderUnitPrice:not([data-ui-owned~="layout"]){flex:0 0 auto !important;overflow-wrap:normal !important;}#infoPanel.orderDetailMode .unifiedOrderUnitPrice:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderUnitPrice:not([data-ui-owned~="size"]){width:auto !important;max-width:none !important;}#infoPanel.orderDetailMode .unifiedOrderUnitPrice,.orderDetail .unifiedOrderUnitPrice{white-space:nowrap !important;}#infoPanel.orderDetailMode .unifiedOrderUnitPrice:not([data-ui-owned~="spacing"]),.orderDetail .unifiedOrderUnitPrice:not([data-ui-owned~="spacing"]){padding:2px 7px !important;}#infoPanel.orderDetailMode .unifiedOrderUnitPrice:not([data-ui-owned~="radius"]),.orderDetail .unifiedOrderUnitPrice:not([data-ui-owned~="radius"]){border-radius:999px !important;}#infoPanel.orderDetailMode .unifiedOrderUnitPrice:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderUnitPrice:not([data-ui-owned~="paint"]){background:var(--soft) !important;color:var(--muted) !important;}#infoPanel.orderDetailMode .unifiedOrderUnitPrice:not([data-ui-owned~="font"]),.orderDetail .unifiedOrderUnitPrice:not([data-ui-owned~="font"]){font-size:11px !important;font-weight:800 !important;line-height:1.2 !important;} #infoPanel.orderDetailMode .unifiedOrderBody > small:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderBody > small:not([data-ui-owned~="layout"]){display:block !important;}#infoPanel.orderDetailMode .unifiedOrderBody > small:not([data-ui-owned~="margin"]),.orderDetail .unifiedOrderBody > small:not([data-ui-owned~="margin"]){margin:0 !important;}#infoPanel.orderDetailMode .unifiedOrderBody > small:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderBody > small:not([data-ui-owned~="paint"]){color:var(--muted) !important;}#infoPanel.orderDetailMode .unifiedOrderBody > small:not([data-ui-owned~="font"]),.orderDetail .unifiedOrderBody > small:not([data-ui-owned~="font"]){font-size:11px !important;line-height:1.15 !important;} #infoPanel.orderDetailMode .unifiedOrderFooter:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderFooter:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;}#infoPanel.orderDetailMode .unifiedOrderFooter:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderFooter:not([data-ui-owned~="size"]){width:100% !important;}#infoPanel.orderDetailMode .unifiedOrderFooter:not([data-ui-owned~="margin"]),.orderDetail .unifiedOrderFooter:not([data-ui-owned~="margin"]){margin-top:6px !important;} #infoPanel.orderDetailMode .unifiedOrderFooter > span:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderFooter > span:not([data-ui-owned~="paint"]){color:var(--muted) !important;}#infoPanel.orderDetailMode .unifiedOrderFooter > span:not([data-ui-owned~="font"]),.orderDetail .unifiedOrderFooter > span:not([data-ui-owned~="font"]){font-size:13px !important;font-weight:500 !important;line-height:1.15 !important;} #infoPanel.orderDetailMode .unifiedOrderFooter > b:not([data-ui-owned~="margin"]),.orderDetail .unifiedOrderFooter > b:not([data-ui-owned~="margin"]){margin-left:auto !important;}#infoPanel.orderDetailMode .unifiedOrderFooter > b:not([data-ui-owned~="font"]),.orderDetail .unifiedOrderFooter > b:not([data-ui-owned~="font"]){text-align:right !important;font-size:14px !important;font-weight:800 !important;line-height:1.15 !important;}#infoPanel.orderDetailMode .unifiedOrderFooter > b,.orderDetail .unifiedOrderFooter > b{white-space:nowrap !important;} html[data-native-theme="dark"] #infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#fff !important;}html[data-native-theme="dark"] #infoPanel.orderDetailMode .orderItemLine.unifiedOrderItem:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .orderDetail .orderItemLine.unifiedOrderItem:not([data-ui-owned~="border"]){border-color:#334155 !important;} html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderUnitPrice:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderUnitPrice:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#cbd5e1 !important;} /* v181: client navigation has four real sections; cart remains available in the fixed top header. */ html body nav.bottomNav:not([data-ui-owned~="columns"]){grid-template-columns:repeat(var(--nav-count,4),minmax(0,1fr)) !important;} /* Profile demographic fields use the same compact action geometry. */ .profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns:1fr 1fr !important;}.profileActionButtons:not([data-ui-owned~="layout"]){gap:1mm !important;} @media (max-width:420px){ .profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns:1fr !important;} } #supportOrderWrap:not([data-ui-owned~="layout"]){display:grid !important;} #supportOrderWrap.hidden{display:none !important;} /* v196: compact authorization gate and disabled-staff warning. */ .authGateTitleRow:not([data-ui-owned~="layout"]){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;} .authGateTitleRow .authGateIcon:not([data-ui-owned~="layout"]){flex:0 0 52px!important;} .authPhoneRow:not([data-ui-owned~="columns"]){grid-template-columns:1fr!important;}.authPhoneRow:not([data-ui-owned~="layout"]){gap:10px!important;} .authPhoneRow .authPrimaryBtn:not([data-ui-owned~="size"]){width:100%!important;} .staffAccountDisabledOverlay{position:fixed;inset:0;z-index:260;}.staffAccountDisabledOverlay:not([data-ui-owned~="paint"]){background:rgba(15,23,42,.66);}.staffAccountDisabledOverlay:not([data-ui-owned~="layout"]){display:grid;place-items:center;}.staffAccountDisabledOverlay:not([data-ui-owned~="spacing"]){padding:18px;} .staffAccountDisabledBox:not([data-ui-owned~="size"]){width:min(430px,100%);}.staffAccountDisabledBox:not([data-ui-owned~="paint"]){background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.28);color:#111827;}.staffAccountDisabledBox:not([data-ui-owned~="radius"]){border-radius:24px;}.staffAccountDisabledBox:not([data-ui-owned~="spacing"]){padding:20px;}.staffAccountDisabledBox:not([data-ui-owned~="layout"]){display:grid;gap:14px;align-items:start;}.staffAccountDisabledBox:not([data-ui-owned~="columns"]){grid-template-columns:auto 1fr;} .staffDisabledIcon:not([data-ui-owned~="size"]){width:52px;}.staffDisabledIcon:not([data-ui-owned~="height"]){height:52px;}.staffDisabledIcon:not([data-ui-owned~="radius"]){border-radius:16px;}.staffDisabledIcon:not([data-ui-owned~="paint"]){background:#fef3c7;}.staffDisabledIcon:not([data-ui-owned~="layout"]){display:grid;place-items:center;}.staffDisabledIcon:not([data-ui-owned~="font"]){font-size:28px;} .staffAccountDisabledBox h3:not([data-ui-owned~="margin"]){margin:2px 0 6px;}.staffAccountDisabledBox h3:not([data-ui-owned~="font"]){font-size:20px;}.staffAccountDisabledBox p:not([data-ui-owned~="margin"]){margin:0;}.staffAccountDisabledBox p:not([data-ui-owned~="paint"]){color:#64748b;}.staffAccountDisabledBox p:not([data-ui-owned~="font"]){line-height:1.45;} .staffAccountDisabledBox button:not([data-ui-owned~="layout"]){grid-column:1/-1;}.staffAccountDisabledBox button:not([data-ui-owned~="size"]){width:100%;}.staffAccountDisabledBox button:not([data-ui-owned~="height"]){min-height:46px;}.staffAccountDisabledBox button:not([data-ui-owned~="border"]){border:0;}.staffAccountDisabledBox button:not([data-ui-owned~="radius"]){border-radius:14px;}.staffAccountDisabledBox button:not([data-ui-owned~="paint"]){background:var(--accent);color:#fff;}.staffAccountDisabledBox button:not([data-ui-owned~="font"]){font-weight:900;font-size:16px;} html[data-native-theme="dark"] .staffAccountDisabledBox:not([data-ui-owned~="paint"]){background:#111827;color:#f8fafc;}.staffAccountDisabledBox p:not([data-ui-owned~="paint"]){color:#64748b;}html[data-native-theme="dark"] .staffAccountDisabledBox p:not([data-ui-owned~="paint"]){color:#cbd5e1;} /* v198: progressive phone login and icon actions. */ .authEntryButton:not([data-ui-owned~="size"]){width:100%!important;}.authEntryButton:not([data-ui-owned~="layout"]){display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;} .authButtonIcon:not([data-ui-owned~="size"]){width:24px;}.authButtonIcon:not([data-ui-owned~="height"]){height:24px;}.authButtonIcon:not([data-ui-owned~="layout"]){flex:0 0 24px;display:grid;place-items:center;}.authButtonIcon:not([data-ui-owned~="font"]){font-size:20px;line-height:1;} .telegramButtonIcon svg:not([data-ui-owned~="size"]){width:23px;}.telegramButtonIcon svg:not([data-ui-owned~="height"]){height:23px;}.telegramButtonIcon svg:not([data-ui-owned~="layout"]){display:block;} .authPhoneForm:not([data-ui-owned~="layout"]){display:block;}.authPhoneForm:not([data-ui-owned~="margin"]){margin:0;}.authPhoneForm:not([data-ui-owned~="size"]){width:100%;} .authPhoneForm input:not([data-ui-owned~="size"]){width:100%;}.authPhoneForm input:not([data-ui-owned~="height"]){min-height:48px;}.authPhoneForm input:not([data-ui-owned~="border"]){border:1px solid var(--border);}.authPhoneForm input:not([data-ui-owned~="radius"]){border-radius:14px;}.authPhoneForm input:not([data-ui-owned~="spacing"]){padding:12px 14px;}.authPhoneForm input:not([data-ui-owned~="font"]){font:inherit;font-size:16px;}.authPhoneForm input:not([data-ui-owned~="paint"]){background:#fff;color:var(--text);outline:none;} .authPhoneForm input:focus:not([data-ui-owned~="border"]){border-color:var(--accent);}.authPhoneForm input:focus:not([data-ui-owned~="paint"]){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);} .authPhoneForm.hidden{display:none!important;} /* v226: publication consent, privacy controls and account deletion. */ .privacyConsentOverlay,.accountDeleteOverlay{position:fixed;inset:0;z-index:30000;}.privacyConsentOverlay:not([data-ui-owned~="paint"]),.accountDeleteOverlay:not([data-ui-owned~="paint"]){background:rgba(15,23,42,.72);}.privacyConsentOverlay:not([data-ui-owned~="layout"]),.accountDeleteOverlay:not([data-ui-owned~="layout"]){display:grid;place-items:center;}.privacyConsentOverlay:not([data-ui-owned~="spacing"]),.accountDeleteOverlay:not([data-ui-owned~="spacing"]){padding:18px;} .privacyConsentBox:not([data-ui-owned~="size"]),.accountDeleteBox:not([data-ui-owned~="size"]){width:min(520px,100%);}.privacyConsentBox:not([data-ui-owned~="height"]),.accountDeleteBox:not([data-ui-owned~="height"]){max-height:calc(100vh - 36px);}.privacyConsentBox:not([data-ui-owned~="layout"]),.accountDeleteBox:not([data-ui-owned~="layout"]){overflow:auto;}.privacyConsentBox:not([data-ui-owned~="paint"]),.accountDeleteBox:not([data-ui-owned~="paint"]){background:var(--card,#fff);color:var(--text,#111827);box-shadow:0 20px 60px rgba(15,23,42,.36);}.privacyConsentBox:not([data-ui-owned~="radius"]),.accountDeleteBox:not([data-ui-owned~="radius"]){border-radius:22px;}.privacyConsentBox:not([data-ui-owned~="spacing"]),.accountDeleteBox:not([data-ui-owned~="spacing"]){padding:22px;} .privacyConsentBox h2:not([data-ui-owned~="margin"]),.accountDeleteBox h2:not([data-ui-owned~="margin"]){margin:0 0 12px;}.privacyConsentBox p:not([data-ui-owned~="font"]),.accountDeleteBox p:not([data-ui-owned~="font"]){line-height:1.48;}.privacyConsentBox p:not([data-ui-owned~="paint"]),.accountDeleteBox p:not([data-ui-owned~="paint"]){color:var(--muted,#64748b);} .privacyConsentCheck:not([data-ui-owned~="layout"]){display:flex;align-items:flex-start;gap:10px;}.privacyConsentCheck:not([data-ui-owned~="margin"]){margin:18px 0;}.privacyConsentCheck:not([data-ui-owned~="font"]){line-height:1.4;}.privacyConsentCheck input:not([data-ui-owned~="size"]){width:21px;}.privacyConsentCheck input:not([data-ui-owned~="height"]){height:21px;}.privacyConsentCheck input:not([data-ui-owned~="layout"]){flex:0 0 21px;}.privacyConsentCheck input:not([data-ui-owned~="margin"]){margin-top:1px;} .privacyConsentBox>button:not([data-ui-owned~="size"]){width:100%;}.privacyConsentBox>button:not([data-ui-owned~="height"]){min-height:48px;}.privacyConsentBox>button:not([data-ui-owned~="border"]){border:0;}.privacyConsentBox>button:not([data-ui-owned~="radius"]){border-radius:13px;}.privacyConsentBox>button:not([data-ui-owned~="paint"]){background:#2563eb;color:#fff;}.privacyConsentBox>button:not([data-ui-owned~="font"]){font:inherit;font-weight:900;}.privacyConsentBox>button:disabled:not([data-ui-owned~="effect"]){opacity:.45;} .profilePrivacyActions:not([data-ui-owned~="layout"]){display:grid;gap:8px;}.profilePrivacyActions:not([data-ui-owned~="margin"]){margin-top:10px;}.profilePrivacyActions a:not([data-ui-owned~="layout"]),.profilePrivacyActions button:not([data-ui-owned~="layout"]){display:flex;align-items:center;justify-content:center;}.profilePrivacyActions a:not([data-ui-owned~="height"]),.profilePrivacyActions button:not([data-ui-owned~="height"]){min-height:42px;}.profilePrivacyActions a:not([data-ui-owned~="radius"]),.profilePrivacyActions button:not([data-ui-owned~="radius"]){border-radius:12px;}.profilePrivacyActions a:not([data-ui-owned~="font"]),.profilePrivacyActions button:not([data-ui-owned~="font"]){font:inherit;font-weight:800;}.profilePrivacyActions a,.profilePrivacyActions button{text-decoration:none;} .profilePrivacyActions a:not([data-ui-owned~="border"]){border:1px solid var(--border);}.profilePrivacyActions a:not([data-ui-owned~="paint"]){color:var(--accent);background:var(--card);}.profilePrivacyActions button:not([data-ui-owned~="border"]){border:1px solid #dc2626;}.profilePrivacyActions button:not([data-ui-owned~="paint"]){color:#dc2626;background:transparent;} .accountDeleteBox label:not([data-ui-owned~="layout"]){display:grid;gap:7px;}.accountDeleteBox label:not([data-ui-owned~="margin"]){margin-top:16px;}.accountDeleteBox input:not([data-ui-owned~="size"]){width:100%;}.accountDeleteBox input:not([data-ui-owned~="height"]){min-height:48px;}.accountDeleteBox input:not([data-ui-owned~="border"]){border:1px solid var(--border);}.accountDeleteBox input:not([data-ui-owned~="radius"]){border-radius:12px;}.accountDeleteBox input:not([data-ui-owned~="spacing"]){padding:11px;}.accountDeleteBox input:not([data-ui-owned~="font"]){font:inherit;}.accountDeleteBox input:not([data-ui-owned~="paint"]){background:var(--card);color:var(--text);} .accountDeleteActions:not([data-ui-owned~="layout"]){display:grid;gap:9px;}.accountDeleteActions:not([data-ui-owned~="columns"]){grid-template-columns:1fr 1fr;}.accountDeleteActions:not([data-ui-owned~="margin"]){margin-top:14px;}.accountDeleteActions button:not([data-ui-owned~="height"]){min-height:46px;}.accountDeleteActions button:not([data-ui-owned~="radius"]){border-radius:12px;}.accountDeleteActions button:not([data-ui-owned~="font"]){font:inherit;font-weight:900;}.accountDeleteActions #accountDeleteConfirm:not([data-ui-owned~="border"]){border:0;}.accountDeleteActions #accountDeleteConfirm:not([data-ui-owned~="paint"]){background:#dc2626;color:#fff;}.accountDeleteActions #accountDeleteConfirm:disabled:not([data-ui-owned~="effect"]){opacity:.45;} html[data-native-theme="dark"] .privacyConsentBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .accountDeleteBox:not([data-ui-owned~="paint"]){background:#111827;color:#f8fafc;} /* v198: browser/PWA store header follows header color; actions keep --accent. */ html:not(.nativeShell) .catalogSticky > .top:not([data-ui-owned~="paint"]){background: var(--primary,#2481cc) !important;color:#fff !important;}html:not(.nativeShell) .catalogSticky > .top:not([data-ui-owned~="border"]){border-bottom-color:color-mix(in srgb,var(--primary,#2481cc) 70%,#000) !important;} html:not(.nativeShell) .catalogSticky > .top h1:not([data-ui-owned~="paint"]),html:not(.nativeShell) .catalogSticky > .top p:not([data-ui-owned~="paint"]){color:#fff !important;} /* v199: secure phone+password authorization after Telegram contact verification. */ .authPhoneForm:not([data-ui-owned~="layout"]){display:grid;gap:10px;}.authPhoneForm:not([data-ui-owned~="margin"]){margin-top:10px;}.authPhoneForm:not([data-ui-owned~="size"]){width:100%;} .authPhoneForm input:not([data-ui-owned~="size"]),.authPasswordSetupForm input:not([data-ui-owned~="size"]){width:100%;}.authPhoneForm input:not([data-ui-owned~="height"]),.authPasswordSetupForm input:not([data-ui-owned~="height"]){min-height:48px;}.authPhoneForm input:not([data-ui-owned~="border"]),.authPasswordSetupForm input:not([data-ui-owned~="border"]){border:1px solid var(--border);}.authPhoneForm input:not([data-ui-owned~="radius"]),.authPasswordSetupForm input:not([data-ui-owned~="radius"]){border-radius:14px;}.authPhoneForm input:not([data-ui-owned~="spacing"]),.authPasswordSetupForm input:not([data-ui-owned~="spacing"]){padding:12px 14px;}.authPhoneForm input:not([data-ui-owned~="font"]),.authPasswordSetupForm input:not([data-ui-owned~="font"]){font:inherit;font-size:16px;}.authPhoneForm input:not([data-ui-owned~="paint"]),.authPasswordSetupForm input:not([data-ui-owned~="paint"]){background:#fff;color:var(--text);outline:none;}.authPhoneForm input:not([data-ui-owned~="layout"]),.authPasswordSetupForm input:not([data-ui-owned~="layout"]){box-sizing:border-box;} .authPhoneForm input:focus:not([data-ui-owned~="border"]),.authPasswordSetupForm input:focus:not([data-ui-owned~="border"]){border-color:var(--accent);}.authPhoneForm input:focus:not([data-ui-owned~="paint"]),.authPasswordSetupForm input:focus:not([data-ui-owned~="paint"]){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);} .authPhoneForm.hidden{display:none!important;} .authTextButton:not([data-ui-owned~="border"]){border:0!important;}.authTextButton:not([data-ui-owned~="paint"]){background:transparent!important;color:var(--accent)!important;box-shadow:none!important;}.authTextButton:not([data-ui-owned~="spacing"]){padding:8px!important;}.authTextButton:not([data-ui-owned~="height"]){min-height:38px!important;}.authTextButton:not([data-ui-owned~="font"]){font-weight:800!important;} #authForgotPasswordBtn:not([data-ui-owned~="border"]){border:0!important;}#authForgotPasswordBtn:not([data-ui-owned~="paint"]){outline:0!important;background:transparent!important;box-shadow:none!important;}#authForgotPasswordBtn:not([data-ui-owned~="radius"]){border-radius:0!important;}#authForgotPasswordBtn:not([data-ui-owned~="spacing"]){padding-left:0!important;padding-right:0!important;} .authPasswordSetupForm:not([data-ui-owned~="layout"]){display:grid;gap:10px;}.authPasswordSetupForm:not([data-ui-owned~="size"]){width:100%;}.authPasswordSetupForm:not([data-ui-owned~="margin"]){margin-top:12px;} .authPasswordHint:not([data-ui-owned~="margin"]){margin:0 0 8px;}.authPasswordHint:not([data-ui-owned~="paint"]){color:var(--muted);}.authPasswordHint:not([data-ui-owned~="font"]){line-height:1.45;} /* v2.0.60: password visibility control in phone-login form. */ .authPasswordField{position:relative;}.authPasswordField:not([data-ui-owned~="size"]){width:100%;} .authPasswordField #authPhonePassword:not([data-ui-owned~="spacing"]),.authPasswordField #authPasswordSetup:not([data-ui-owned~="spacing"]),.authPasswordField #authPasswordConfirm:not([data-ui-owned~="spacing"]){padding-right:54px!important;} .authPasswordToggle{position:absolute!important;right:7px!important;top:50%!important;cursor:pointer!important;}.authPasswordToggle:not([data-ui-owned~="effect"]){transform:translateY(-50%)!important;}.authPasswordToggle:not([data-ui-owned~="size"]){width:40px!important;min-width:40px!important;}.authPasswordToggle:not([data-ui-owned~="height"]){height:40px!important;min-height:40px!important;}.authPasswordToggle:not([data-ui-owned~="spacing"]){padding:0!important;}.authPasswordToggle:not([data-ui-owned~="border"]){border:0!important;}.authPasswordToggle:not([data-ui-owned~="radius"]){border-radius:11px!important;}.authPasswordToggle:not([data-ui-owned~="paint"]){background:transparent!important;color:var(--muted,#64748b)!important;box-shadow:none!important;}.authPasswordToggle:not([data-ui-owned~="layout"]){display:grid!important;place-items:center!important;} .authPasswordToggle:focus-visible:not([data-ui-owned~="paint"]){outline:2px solid var(--accent)!important;outline-offset:1px!important;} .authPasswordToggle:active:not([data-ui-owned~="paint"]){background:color-mix(in srgb,var(--accent) 10%,transparent)!important;} .authEyeIcon:not([data-ui-owned~="size"]){width:23px;}.authEyeIcon:not([data-ui-owned~="height"]){height:23px;}.authEyeIcon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .authEyeSlash{display:none;} .authPasswordToggle.is-visible .authEyeSlash:not([data-ui-owned~="layout"]){display:block;} html[data-native-theme="dark"] .authPasswordToggle:not([data-ui-owned~="paint"]){color:#cbd5e1!important;} /* v204: consistent support actions, compact no-scroll profile, add-account close */ .authGateTitleActions:not([data-ui-owned~="layout"]){display:flex;align-items:center;gap:8px;}.authGateTitleActions:not([data-ui-owned~="margin"]){margin-left:auto;} .authGateCloseBtn:not([data-ui-owned~="layout"]){display:grid !important;place-items:center !important;} .supportCreate input:not([data-ui-owned~="size"]),.supportCreate select:not([data-ui-owned~="size"]),.supportCreate textarea:not([data-ui-owned~="size"]),.supportReply textarea:not([data-ui-owned~="size"]){width:100%;}.supportCreate input:not([data-ui-owned~="layout"]),.supportCreate select:not([data-ui-owned~="layout"]),.supportCreate textarea:not([data-ui-owned~="layout"]),.supportReply textarea:not([data-ui-owned~="layout"]){box-sizing:border-box;}.supportCreate input:not([data-ui-owned~="border"]),.supportCreate select:not([data-ui-owned~="border"]),.supportCreate textarea:not([data-ui-owned~="border"]),.supportReply textarea:not([data-ui-owned~="border"]){border:1px solid var(--border);}.supportCreate input:not([data-ui-owned~="radius"]),.supportCreate select:not([data-ui-owned~="radius"]),.supportCreate textarea:not([data-ui-owned~="radius"]),.supportReply textarea:not([data-ui-owned~="radius"]){border-radius:12px;}.supportCreate input:not([data-ui-owned~="paint"]),.supportCreate select:not([data-ui-owned~="paint"]),.supportCreate textarea:not([data-ui-owned~="paint"]),.supportReply textarea:not([data-ui-owned~="paint"]){background:var(--card);color:var(--text);}.supportCreate input:not([data-ui-owned~="spacing"]),.supportCreate select:not([data-ui-owned~="spacing"]),.supportCreate textarea:not([data-ui-owned~="spacing"]),.supportReply textarea:not([data-ui-owned~="spacing"]){padding:11px;}.supportCreate input:not([data-ui-owned~="font"]),.supportCreate select:not([data-ui-owned~="font"]),.supportCreate textarea:not([data-ui-owned~="font"]),.supportReply textarea:not([data-ui-owned~="font"]){font:inherit;} #supportCreateBtn:not([data-ui-owned~="size"]),#supportReplyBtn:not([data-ui-owned~="size"]),.primaryActionBtn:not([data-ui-owned~="size"]){width:100% !important;}#supportCreateBtn:not([data-ui-owned~="height"]),#supportReplyBtn:not([data-ui-owned~="height"]),.primaryActionBtn:not([data-ui-owned~="height"]){min-height:44px !important;}#supportCreateBtn:not([data-ui-owned~="border"]),#supportReplyBtn:not([data-ui-owned~="border"]),.primaryActionBtn:not([data-ui-owned~="border"]){border:0 !important;}#supportCreateBtn:not([data-ui-owned~="radius"]),#supportReplyBtn:not([data-ui-owned~="radius"]),.primaryActionBtn:not([data-ui-owned~="radius"]){border-radius:12px !important;}#supportCreateBtn:not([data-ui-owned~="paint"]),#supportReplyBtn:not([data-ui-owned~="paint"]),.primaryActionBtn:not([data-ui-owned~="paint"]){background:var(--accent) !important;color:#fff !important;box-shadow:none !important;}#supportCreateBtn:not([data-ui-owned~="spacing"]),#supportReplyBtn:not([data-ui-owned~="spacing"]),.primaryActionBtn:not([data-ui-owned~="spacing"]){padding:9px 12px !important;}#supportCreateBtn:not([data-ui-owned~="font"]),#supportReplyBtn:not([data-ui-owned~="font"]),.primaryActionBtn:not([data-ui-owned~="font"]){font:inherit !important;font-weight:900 !important;} html.nativeShell #infoPanel.profileMode #infoBody:not([data-ui-owned~="layout"]){overflow:hidden !important;}html.nativeShell #infoPanel.profileMode #infoBody:not([data-ui-owned~="height"]){min-height:0 !important;} html.nativeShell #infoPanel.profileMode .profileBox:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}html.nativeShell #infoPanel.profileMode .profileBox:not([data-ui-owned~="layout"]){overflow:hidden !important;gap:5px !important;}html.nativeShell #infoPanel.profileMode .profileBox{align-content:start !important;} html.nativeShell #infoPanel.profileMode .profileCardTop:not([data-ui-owned~="layout"]){gap:5px !important;} html.nativeShell #infoPanel.profileMode .profileCardInfo:not([data-ui-owned~="layout"]){gap:4px !important;} html.nativeShell #infoPanel.profileMode .compactQr:not([data-ui-owned~="spacing"]){padding:0 !important;} html.nativeShell #infoPanel.profileMode .compactQr img:not([data-ui-owned~="size"]){width:min(132px,36vw) !important;}html.nativeShell #infoPanel.profileMode .compactQr img:not([data-ui-owned~="spacing"]){padding:4px !important;}html.nativeShell #infoPanel.profileMode .compactQr img:not([data-ui-owned~="radius"]){border-radius:12px !important;} html.nativeShell #infoPanel.profileMode .cardCodeLabel:not([data-ui-owned~="margin"]){margin:0 !important;}html.nativeShell #infoPanel.profileMode .cardCodeLabel:not([data-ui-owned~="font"]){font-size:11px !important;} html.nativeShell #infoPanel.profileMode .cardCode:not([data-ui-owned~="margin"]){margin:0 !important;}html.nativeShell #infoPanel.profileMode .cardCode:not([data-ui-owned~="spacing"]){padding:7px 9px !important;}html.nativeShell #infoPanel.profileMode .cardCode:not([data-ui-owned~="radius"]){border-radius:12px !important;}html.nativeShell #infoPanel.profileMode .cardCode:not([data-ui-owned~="font"]){font-size:18px !important;line-height:1.1 !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact:not([data-ui-owned~="layout"]){gap:5px !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact > div:not([data-ui-owned~="spacing"]){padding:7px 8px !important;}html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact > div:not([data-ui-owned~="radius"]){border-radius:11px !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact span:not([data-ui-owned~="font"]){font-size:10px !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact b:not([data-ui-owned~="font"]){font-size:15px !important;} html.nativeShell #infoPanel.profileMode .profileNextLevel:not([data-ui-owned~="margin"]){margin:1px 0 0 !important;}html.nativeShell #infoPanel.profileMode .profileNextLevel:not([data-ui-owned~="font"]){font-size:11px !important;line-height:1.1 !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns:repeat(2,minmax(0,1fr)) !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="layout"]){gap:5px !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="height"]){min-height:42px !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="spacing"]){padding:6px 8px !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="layout"]){gap:1px !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="radius"]){border-radius:11px !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons span:not([data-ui-owned~="font"]){font-size:10px !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons b:not([data-ui-owned~="font"]){font-size:12px !important;} @media (max-width:430px){ html.nativeShell #infoPanel.profileMode .profileCardTop:not([data-ui-owned~="columns"]){grid-template-columns:1fr !important;} html.nativeShell #infoPanel.profileMode .compactQr img:not([data-ui-owned~="size"]){width:min(120px,34vw) !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns:repeat(2,minmax(0,1fr)) !important;} } /* v212: order-scoped contact/chat actions */ .clientOrderContactActions:not([data-ui-owned~="layout"]){display:inline-flex;align-items:center;gap:6px;}.clientOrderContactActions:not([data-ui-owned~="margin"]){margin-left:8px;}.clientOrderContactActions{vertical-align:middle;} .clientOrderContactIcon:not([data-ui-owned~="layout"]){display:inline-flex;align-items:center;justify-content:center;}.clientOrderContactIcon:not([data-ui-owned~="size"]){width:34px;}.clientOrderContactIcon:not([data-ui-owned~="height"]){height:34px;}.clientOrderContactIcon:not([data-ui-owned~="border"]){border:0;}.clientOrderContactIcon:not([data-ui-owned~="radius"]){border-radius:10px;}.clientOrderContactIcon:not([data-ui-owned~="paint"]){background:var(--card,#fff);color:var(--accent,#0a93d5);box-shadow:inset 0 0 0 1px rgba(15,23,42,.10);}.clientOrderContactIcon:not([data-ui-owned~="font"]){font-size:20px;line-height:1;}.clientOrderContactIcon{text-decoration:none;}.clientOrderContactIcon:not([data-ui-owned~="spacing"]){padding:0;} .clientOrderContactIcon.active:not([data-ui-owned~="paint"]){box-shadow:inset 0 0 0 2px var(--accent,#0a93d5);} .clientOrderConversationSheet:not([data-ui-owned~="height"]){max-height:min(78vh,620px);}.clientOrderConversationSheet:not([data-ui-owned~="layout"]){display:flex;flex-direction:column;} .clientOrderChatMessages:not([data-ui-owned~="layout"]){display:flex;flex-direction:column;gap:8px;overflow:auto;}.clientOrderChatMessages:not([data-ui-owned~="spacing"]){padding:8px 2px 12px;}.clientOrderChatMessages:not([data-ui-owned~="height"]){min-height:120px;max-height:48vh;} .clientOrderChatMessage:not([data-ui-owned~="layout"]){display:flex;flex-direction:column;gap:3px;}.clientOrderChatMessage:not([data-ui-owned~="size"]){max-width:88%;}.clientOrderChatMessage:not([data-ui-owned~="spacing"]){padding:9px 11px;}.clientOrderChatMessage:not([data-ui-owned~="radius"]){border-radius:14px;}.clientOrderChatMessage:not([data-ui-owned~="paint"]){background:#eef2f7;color:#111827;} .clientOrderChatMessage.client{align-self:flex-end;}.clientOrderChatMessage.client:not([data-ui-owned~="paint"]){background:#dff5ff;} .clientOrderChatMessage.staff{align-self:flex-start;} .clientOrderChatMessage span{white-space:pre-wrap;word-break:break-word;} .clientOrderChatForm:not([data-ui-owned~="layout"]){display:grid;gap:8px;align-items:end;}.clientOrderChatForm:not([data-ui-owned~="columns"]){grid-template-columns:1fr auto;} .clientOrderChatForm textarea:not([data-ui-owned~="height"]){min-height:46px;max-height:110px;}.clientOrderChatForm textarea{resize:vertical;} .clientOrderChatForm button:not([data-ui-owned~="height"]){min-height:46px;} [data-native-theme="dark"] .clientOrderContactIcon:not([data-ui-owned~="paint"]){background:#1e293b;color:#7dd3fc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);} [data-native-theme="dark"] .clientOrderChatMessage:not([data-ui-owned~="paint"]){background:#273449;color:#f8fafc;} [data-native-theme="dark"] .clientOrderChatMessage.client:not([data-ui-owned~="paint"]){background:#0c4a6e;} /* v213: unified order messenger and borderless contact shortcuts. */ .orderDetailHead h3:not([data-ui-owned~="layout"]){display:flex;align-items:center;gap:7px;flex-wrap:nowrap;}.orderDetailHead h3:not([data-ui-owned~="size"]){width:100%;} .orderDetailHead h3>span:not(.clientOrderContactActions):not([data-ui-owned~="size"]){min-width:0;} .clientOrderContactActions:not([data-ui-owned~="layout"]){display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;}.clientOrderContactActions:not([data-ui-owned~="margin"]){margin-left:auto;}.clientOrderContactActions{vertical-align:middle;} .clientOrderContactIcon{position:relative;text-decoration:none;cursor:pointer;}.clientOrderContactIcon:not([data-ui-owned~="layout"]){display:inline-grid;place-items:center;}.clientOrderContactIcon:not([data-ui-owned~="size"]){width:32px;}.clientOrderContactIcon:not([data-ui-owned~="height"]){height:32px;}.clientOrderContactIcon:not([data-ui-owned~="border"]){border:0!important;}.clientOrderContactIcon:not([data-ui-owned~="radius"]){border-radius:0!important;}.clientOrderContactIcon:not([data-ui-owned~="paint"]){background:transparent!important;color:var(--accent,#0a93d5);box-shadow:none!important;}.clientOrderContactIcon:not([data-ui-owned~="spacing"]){padding:0;} .clientOrderContactIcon svg:not([data-ui-owned~="size"]){width:25px;}.clientOrderContactIcon svg:not([data-ui-owned~="height"]){height:25px;}.clientOrderContactIcon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .clientOrderContactIcon.active:not([data-ui-owned~="paint"]){color:var(--accent,#0a93d5);} .orderChatUnreadBadge{position:absolute;right:-2px;top:-2px;pointer-events:none;}.orderChatUnreadBadge:not([data-ui-owned~="size"]){width:9px;min-width:9px;}.orderChatUnreadBadge:not([data-ui-owned~="height"]){height:9px;}.orderChatUnreadBadge:not([data-ui-owned~="spacing"]){padding:0;}.orderChatUnreadBadge:not([data-ui-owned~="radius"]){border-radius:50%;}.orderChatUnreadBadge:not([data-ui-owned~="paint"]){background:#ef4444;color:transparent;box-shadow:0 0 0 2px var(--card,#fff);}.orderChatUnreadBadge:not([data-ui-owned~="font"]){font-size:0;line-height:0;} .orderMessengerOverlay{position:fixed;inset:0;z-index:250;}.orderMessengerOverlay:not([data-ui-owned~="paint"]){background:rgba(15,23,42,.55);}.orderMessengerOverlay:not([data-ui-owned~="layout"]){display:grid;place-items:end center;}.orderMessengerOverlay:not([data-ui-owned~="spacing"]){padding:10px;} .orderMessengerBox:not([data-ui-owned~="size"]){width:min(100%,520px);}.orderMessengerBox:not([data-ui-owned~="height"]){height:min(72vh,620px);}.orderMessengerBox:not([data-ui-owned~="layout"]){display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;overflow:hidden;}.orderMessengerBox:not([data-ui-owned~="paint"]){background:var(--card,#fff);color:var(--text,#111827);box-shadow:0 18px 70px rgba(15,23,42,.32);}.orderMessengerBox:not([data-ui-owned~="radius"]){border-radius:20px;} .orderMessengerHead:not([data-ui-owned~="layout"]){display:flex;align-items:center;justify-content:space-between;gap:10px;}.orderMessengerHead:not([data-ui-owned~="spacing"]){padding:12px 14px;}.orderMessengerHead:not([data-ui-owned~="border"]){border-bottom:1px solid var(--border,#e5e7eb);} .orderMessengerHead>div:not([data-ui-owned~="layout"]){display:grid;gap:2px;}.orderMessengerHead>div:not([data-ui-owned~="size"]){min-width:0;}.orderMessengerHead b:not([data-ui-owned~="font"]){font-size:16px;}.orderMessengerHead small:not([data-ui-owned~="font"]){font-size:11px;}.orderMessengerHead small:not([data-ui-owned~="paint"]){color:var(--muted,#64748b);}.orderMessengerHead small{white-space:nowrap;text-overflow:ellipsis;}.orderMessengerHead small:not([data-ui-owned~="layout"]){overflow:hidden;} .orderMessengerParticipantsHost:empty{display:none;}.orderMessengerParticipants:not([data-ui-owned~="layout"]){display:flex;gap:6px;overflow-x:auto;}.orderMessengerParticipants:not([data-ui-owned~="spacing"]){padding:8px 10px;}.orderMessengerParticipants:not([data-ui-owned~="border"]){border-bottom:1px solid var(--border,#e5e7eb);}.orderMessengerParticipants button:not([data-ui-owned~="layout"]){display:grid;gap:1px;}.orderMessengerParticipants button:not([data-ui-owned~="size"]){min-width:130px;}.orderMessengerParticipants button:not([data-ui-owned~="spacing"]){padding:7px 10px;}.orderMessengerParticipants button:not([data-ui-owned~="border"]){border:1px solid var(--border,#e5e7eb);}.orderMessengerParticipants button:not([data-ui-owned~="radius"]){border-radius:12px;}.orderMessengerParticipants button:not([data-ui-owned~="paint"]){background:var(--soft,#f8fafc);color:var(--text,#111827);}.orderMessengerParticipants button:not([data-ui-owned~="font"]){text-align:left;}.orderMessengerParticipants button.active:not([data-ui-owned~="border"]){border-color:var(--accent,#0a93d5);}.orderMessengerParticipants button.active:not([data-ui-owned~="paint"]){box-shadow:inset 0 0 0 1px var(--accent,#0a93d5);}.orderMessengerParticipants b:not([data-ui-owned~="font"]){font-size:12px;}.orderMessengerParticipants span:not([data-ui-owned~="font"]){font-size:11px;}.orderMessengerParticipants span:not([data-ui-owned~="paint"]){color:var(--muted,#64748b);} .orderMessengerMessages:not([data-ui-owned~="height"]){min-height:0;}.orderMessengerMessages:not([data-ui-owned~="layout"]){overflow-y:auto;display:flex;flex-direction:column;gap:7px;}.orderMessengerMessages:not([data-ui-owned~="spacing"]){padding:10px 12px;}.orderMessengerMessages:not([data-ui-owned~="paint"]){background:color-mix(in srgb,var(--bg,#f8fafc) 78%,transparent);} .orderMessengerDayMarker{position:sticky;top:6px;z-index:4;align-self:center;pointer-events:none;}.orderMessengerDayMarker:not([data-ui-owned~="layout"]){display:flex;justify-content:center;}.orderMessengerDayMarker:not([data-ui-owned~="margin"]){margin:1px 0;}.orderMessengerDayMarker span:not([data-ui-owned~="spacing"]){padding:4px 10px;}.orderMessengerDayMarker span:not([data-ui-owned~="radius"]){border-radius:999px;}.orderMessengerDayMarker span:not([data-ui-owned~="border"]){border:1px solid var(--border,#dbe3ec);}.orderMessengerDayMarker span:not([data-ui-owned~="paint"]){background:color-mix(in srgb,var(--card,#fff) 94%,transparent);color:var(--muted,#64748b);box-shadow:0 2px 8px rgba(15,23,42,.12);}.orderMessengerDayMarker span:not([data-ui-owned~="font"]){font-size:11px;font-weight:850;line-height:1.15;} .orderMessengerMessage:not([data-ui-owned~="layout"]){display:flex;flex-direction:column;}.orderMessengerMessage:not([data-ui-owned~="size"]){max-width:82%;width:max-content;min-width:76px;}.orderMessengerMessage.mine{align-self:flex-end;}.orderMessengerMessage.mine:not([data-ui-owned~="layout"]){align-items:flex-end;}.orderMessengerMessage.theirs{align-self:flex-start;}.orderMessengerMessage.theirs:not([data-ui-owned~="layout"]){align-items:flex-start;} .orderMessengerBubble:not([data-ui-owned~="layout"]){display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;}.orderMessengerBubble:not([data-ui-owned~="size"]){width:fit-content;max-width:100%;}.orderMessengerBubble:not([data-ui-owned~="spacing"]){padding:8px 10px;}.orderMessengerBubble:not([data-ui-owned~="radius"]){border-radius:15px;}.orderMessengerBubble:not([data-ui-owned~="paint"]){background:#e8edf4;color:#111827;}.orderMessengerMessage.mine .orderMessengerBubble:not([data-ui-owned~="paint"]){background:#cfe9ff;}.orderMessengerBubble>b:not([data-ui-owned~="font"]){font-size:10px;}.orderMessengerBubble>b:not([data-ui-owned~="effect"]){opacity:.65;}.orderMessengerText{white-space:pre-wrap;}.orderMessengerDeleted:not([data-ui-owned~="effect"]){opacity:.65;}.orderMessengerDeleted:not([data-ui-owned~="font"]){font-size:12px;}.orderMessengerEdited:not([data-ui-owned~="font"]){font-size:9px;}.orderMessengerEdited:not([data-ui-owned~="effect"]){opacity:.6;}.orderMessengerEdited{align-self:flex-end;} .orderMessengerReplyQuote:not([data-ui-owned~="layout"]){display:grid;gap:1px;}.orderMessengerReplyQuote:not([data-ui-owned~="size"]){max-width:100%;}.orderMessengerReplyQuote:not([data-ui-owned~="margin"]){margin:0 4px 3px;}.orderMessengerReplyQuote:not([data-ui-owned~="spacing"]){padding:5px 7px;}.orderMessengerReplyQuote:not([data-ui-owned~="border"]){border-left:3px solid var(--accent,#0a93d5);}.orderMessengerReplyQuote:not([data-ui-owned~="radius"]){border-radius:7px;}.orderMessengerReplyQuote:not([data-ui-owned~="paint"]){background:rgba(148,163,184,.16);}.orderMessengerReplyQuote b:not([data-ui-owned~="font"]){font-size:10px;}.orderMessengerReplyQuote span:not([data-ui-owned~="font"]){font-size:10px;}.orderMessengerReplyQuote span{white-space:nowrap;text-overflow:ellipsis;}.orderMessengerReplyQuote span:not([data-ui-owned~="layout"]){overflow:hidden;}.orderMessengerReplyQuote span:not([data-ui-owned~="size"]){max-width:220px;} .orderMessengerActions:not([data-ui-owned~="layout"]){display:flex;gap:2px;}.orderMessengerActions:not([data-ui-owned~="margin"]){margin-top:2px;}.orderMessengerActions:not([data-ui-owned~="effect"]){opacity:.78;}.orderMessengerActions button:not([data-ui-owned~="size"]){width:27px;}.orderMessengerActions button:not([data-ui-owned~="height"]){height:25px;}.orderMessengerActions button:not([data-ui-owned~="border"]){border:0;}.orderMessengerActions button:not([data-ui-owned~="radius"]){border-radius:9px;}.orderMessengerActions button:not([data-ui-owned~="paint"]){background:transparent;color:var(--muted,#64748b);}.orderMessengerActions button:not([data-ui-owned~="font"]){font:700 16px/1 system-ui;}.orderMessengerActions button:not([data-ui-owned~="spacing"]){padding:0;}.orderMessengerActions button:active:not([data-ui-owned~="paint"]){background:rgba(148,163,184,.18);} .orderMessengerComposeState:not([data-ui-owned~="layout"]){display:flex;align-items:center;justify-content:space-between;gap:8px;}.orderMessengerComposeState:not([data-ui-owned~="margin"]){margin:0 10px 5px;}.orderMessengerComposeState:not([data-ui-owned~="spacing"]){padding:6px 8px;}.orderMessengerComposeState:not([data-ui-owned~="border"]){border-left:3px solid var(--accent,#0a93d5);}.orderMessengerComposeState:not([data-ui-owned~="paint"]){background:var(--soft,#f1f5f9);}.orderMessengerComposeState:not([data-ui-owned~="radius"]){border-radius:9px;}.orderMessengerComposeState.hidden{display:none;}.orderMessengerComposeState>div:not([data-ui-owned~="layout"]){display:grid;}.orderMessengerComposeState>div:not([data-ui-owned~="size"]){min-width:0;}.orderMessengerComposeState b:not([data-ui-owned~="font"]){font-size:11px;}.orderMessengerComposeState span:not([data-ui-owned~="font"]){font-size:10px;}.orderMessengerComposeState span{white-space:nowrap;text-overflow:ellipsis;}.orderMessengerComposeState span:not([data-ui-owned~="layout"]){overflow:hidden;}.orderMessengerComposeState button:not([data-ui-owned~="border"]){border:0;}.orderMessengerComposeState button:not([data-ui-owned~="paint"]){background:transparent;color:var(--muted,#64748b);}.orderMessengerComposeState button:not([data-ui-owned~="font"]){font-size:18px;} .orderMessengerForm:not([data-ui-owned~="layout"]){display:grid;gap:7px;align-items:end;}.orderMessengerForm:not([data-ui-owned~="columns"]){grid-template-columns:minmax(0,1fr) 42px;}.orderMessengerForm:not([data-ui-owned~="spacing"]){padding:8px 10px calc(8px + env(safe-area-inset-bottom));}.orderMessengerForm:not([data-ui-owned~="border"]){border-top:1px solid var(--border,#e5e7eb);}.orderMessengerForm:not([data-ui-owned~="paint"]){background:var(--card,#fff);}.orderMessengerForm textarea:not([data-ui-owned~="height"]){min-height:42px;max-height:96px;}.orderMessengerForm textarea{resize:none;}.orderMessengerForm textarea:not([data-ui-owned~="border"]){border:1px solid var(--border,#d1d5db);}.orderMessengerForm textarea:not([data-ui-owned~="radius"]){border-radius:14px;}.orderMessengerForm textarea:not([data-ui-owned~="spacing"]){padding:10px 11px;}.orderMessengerForm textarea:not([data-ui-owned~="paint"]){background:var(--card,#fff);color:var(--text,#111827);}.orderMessengerForm textarea:not([data-ui-owned~="font"]){font:inherit;}.orderMessengerForm button:not([data-ui-owned~="size"]){width:42px;}.orderMessengerForm button:not([data-ui-owned~="height"]){height:42px;}.orderMessengerForm button:not([data-ui-owned~="border"]){border:0;}.orderMessengerForm button:not([data-ui-owned~="radius"]){border-radius:14px;}.orderMessengerForm button:not([data-ui-owned~="paint"]){background:transparent;color:var(--accent,#0a93d5);}.orderMessengerForm button:not([data-ui-owned~="font"]){font:700 20px/1 system-ui;}.orderMessengerForm button:not([data-ui-owned~="spacing"]){padding:0;} [data-native-theme="dark"] .clientOrderContactIcon:not([data-ui-owned~="paint"]){color:#7dd3fc!important;background:transparent!important;} [data-native-theme="dark"] .orderChatUnreadBadge:not([data-ui-owned~="paint"]){box-shadow:0 0 0 2px #1e293b;} [data-native-theme="dark"] .orderMessengerBox:not([data-ui-owned~="paint"]),[data-native-theme="dark"] .orderMessengerForm:not([data-ui-owned~="paint"]){background:#1e293b;color:#f8fafc;} [data-native-theme="dark"] .orderMessengerMessages:not([data-ui-owned~="paint"]){background:#0f172a;}html[data-native-theme="dark"] .orderMessengerDayMarker span:not([data-ui-owned~="paint"]){background:#111827;color:#cbd5e1;box-shadow:none;}html[data-native-theme="dark"] .orderMessengerDayMarker span:not([data-ui-owned~="border"]){border-color:#334155;} [data-native-theme="dark"] .orderMessengerBubble:not([data-ui-owned~="paint"]){background:#334155;color:#f8fafc;} [data-native-theme="dark"] .orderMessengerMessage.mine .orderMessengerBubble:not([data-ui-owned~="paint"]){background:#075985;color:#fff;} [data-native-theme="dark"] .orderMessengerParticipants button:not([data-ui-owned~="paint"]),[data-native-theme="dark"] .orderMessengerComposeState:not([data-ui-owned~="paint"]){background:#334155;color:#fff;} [data-native-theme="dark"] .orderMessengerForm textarea:not([data-ui-owned~="paint"]){background:#0f172a;color:#fff;}[data-native-theme="dark"] .orderMessengerForm textarea:not([data-ui-owned~="border"]){border-color:#475569;} /* v230: borderless authorization title emoji and explicit whole-cart clearing. */ .authGateIcon.authGateIconPlain:not([data-ui-owned~="size"]){width:auto !important;min-width:0 !important;}.authGateIcon.authGateIconPlain:not([data-ui-owned~="height"]){height:auto !important;}.authGateIcon.authGateIconPlain:not([data-ui-owned~="spacing"]){padding:0 !important;}.authGateIcon.authGateIconPlain:not([data-ui-owned~="border"]){border:0 !important;}.authGateIcon.authGateIconPlain:not([data-ui-owned~="radius"]){border-radius:0 !important;}.authGateIcon.authGateIconPlain:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;}.authGateIcon.authGateIconPlain:not([data-ui-owned~="font"]){font-size:32px !important;} .cartPanelHeadActions:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;gap:10px !important;} #cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="size"]){width:auto !important;min-width:0 !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="height"]){height:34px !important;min-height:34px !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="spacing"]){padding:0 10px !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="border"]){border:1px solid var(--border) !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="radius"]){border-radius:10px !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="paint"]){background:var(--soft, #f1f5f9) !important;color:var(--text) !important;box-shadow:none !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="font"]){font-size:13px !important;line-height:1 !important;font-weight:850 !important;} #cartPanel .panelHead .cartClearBtn:disabled:not([data-ui-owned~="effect"]){opacity:.55 !important;} html[data-native-theme="dark"] #cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="paint"]){background:#334155 !important;color:#f8fafc !important;}html[data-native-theme="dark"] #cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="border"]){border-color:#475569 !important;} @media (max-width:370px){ #cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="spacing"]){padding:0 8px !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="font"]){font-size:12px !important;} .cartPanelHeadActions:not([data-ui-owned~="layout"]){gap:7px !important;} } /* v219 UI polish: remove emoji duplicates, right-side button emoji, compact controls, long-press messenger. */ #cartPanel .panelHead:not([data-ui-owned~="layout"]){align-items:center !important;} #cartPanel .panelHead h2:not([data-ui-owned~="font"]){line-height:1 !important;} .cartTotalsBox.totalsPanel .grandTotal span:not([data-ui-owned~="font"]),.cartTotalsBox.totalsPanel .grandTotal b:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .grandTotal span:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .grandTotal b:not([data-ui-owned~="font"]){font-size:15px !important;line-height:1.1 !important;font-weight:900 !important;} .cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]){color:#111827 !important;-webkit-text-fill-color:#111827 !important;background:transparent !important;box-shadow:none !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="border"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="border"]){border:0 !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="radius"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="radius"]){border-radius:0 !important;}.cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="font"]),.orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="font"]){font-size:18px !important;font-weight:900 !important;} html[data-native-theme="dark"] .cartTotalsBox.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderTotals.totalsPanel .totalsToggle:not([data-ui-owned~="paint"]){color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;} /* Review header controls are plain glyphs, same visual height as “Оценить заказ”. */ .clientReviewHead b:not([data-ui-owned~="font"]){font-size:18px !important;line-height:1 !important;} .clientReviewHead .reviewHeadActions button:not([data-ui-owned~="size"]){width:22px !important;min-width:22px !important;}.clientReviewHead .reviewHeadActions button:not([data-ui-owned~="height"]){height:22px !important;min-height:22px !important;}.clientReviewHead .reviewHeadActions button:not([data-ui-owned~="spacing"]){padding:0 !important;}.clientReviewHead .reviewHeadActions button:not([data-ui-owned~="margin"]){margin:0 !important;}.clientReviewHead .reviewHeadActions button:not([data-ui-owned~="border"]){border:0 !important;}.clientReviewHead .reviewHeadActions button:not([data-ui-owned~="radius"]){border-radius:0 !important;}.clientReviewHead .reviewHeadActions button:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;}.clientReviewHead .reviewHeadActions button:not([data-ui-owned~="font"]){font:900 18px/1 system-ui !important;} .clientReviewHead .reviewSaveBtn:not([data-ui-owned~="paint"]){color:#16a34a !important;-webkit-text-fill-color:#16a34a !important;} .clientReviewHead .reviewCloseBtn:not([data-ui-owned~="paint"]){color:#dc2626 !important;-webkit-text-fill-color:#dc2626 !important;} .clientReviewHead .reviewSaveBtn:disabled:not([data-ui-owned~="effect"]){opacity:.34 !important;}.clientReviewHead .reviewSaveBtn:disabled:not([data-ui-owned~="paint"]){filter:none !important;} /* Messenger close has no backing and matches the title height. */ .orderMessengerHead b:not([data-ui-owned~="font"]){font-size:18px !important;line-height:1.05 !important;} .orderMessengerText{user-select:none;-webkit-user-select:none;touch-action:pan-y;} .orderMessengerActions{display:none !important;} .orderMessengerContextMenu{position:fixed;z-index:25050;visibility:hidden;transform-origin:center top;animation:orderMessengerContextIn .12s ease-out;}.orderMessengerContextMenu:not([data-ui-owned~="size"]){width:170px;max-width:min(170px, calc(100vw - 16px));}.orderMessengerContextMenu:not([data-ui-owned~="layout"]){display:grid;overflow:hidden;flex:none;}.orderMessengerContextMenu:not([data-ui-owned~="margin"]){margin:0;}.orderMessengerContextMenu:not([data-ui-owned~="border"]){border:1px solid var(--border,#e5e7eb);}.orderMessengerContextMenu:not([data-ui-owned~="radius"]){border-radius:13px;}.orderMessengerContextMenu:not([data-ui-owned~="paint"]){background:var(--card,#fff);box-shadow:0 12px 34px rgba(15,23,42,.24);} .orderMessengerContextMenu[data-placement="above"]{transform-origin:center bottom;} @keyframes orderMessengerContextIn { from { opacity:0; transform:scale(.96); } to { opacity:1; transform:scale(1); } } .orderMessengerContextAction:not([data-ui-owned~="layout"]){display:block;}.orderMessengerContextAction:not([data-ui-owned~="size"]){width:100%;}.orderMessengerContextAction:not([data-ui-owned~="border"]){border:0;border-bottom:1px solid var(--border,#e5e7eb);}.orderMessengerContextAction:not([data-ui-owned~="radius"]){border-radius:0;}.orderMessengerContextAction:not([data-ui-owned~="paint"]){background:transparent;color:var(--text,#111827);}.orderMessengerContextAction:not([data-ui-owned~="spacing"]){padding:11px 14px;}.orderMessengerContextAction:not([data-ui-owned~="font"]){text-align:left;font:700 15px/1.2 system-ui;} .orderMessengerContextAction:last-child:not([data-ui-owned~="border"]){border-bottom:0;} .orderMessengerContextAction:active:not([data-ui-owned~="paint"]){background:var(--soft,#f1f5f9);} html[data-native-theme="dark"] .orderMessengerContextMenu:not([data-ui-owned~="paint"]){background:#1e293b;}html[data-native-theme="dark"] .orderMessengerContextMenu:not([data-ui-owned~="border"]){border-color:#475569;} html[data-native-theme="dark"] .orderMessengerContextAction:not([data-ui-owned~="paint"]){color:#fff;}html[data-native-theme="dark"] .orderMessengerContextAction:not([data-ui-owned~="border"]){border-color:#475569;} html[data-native-theme="dark"] .orderMessengerContextAction:active:not([data-ui-owned~="paint"]){background:#334155;} /* Keep the original order contact SVG only; size follows the order title font. */ .clientOrderContactActions:not([data-ui-owned~="layout"]){gap:.35em !important;} .clientOrderContactIcon:not([data-ui-owned~="size"]){width:1.15em !important;min-width:1.15em !important;}.clientOrderContactIcon:not([data-ui-owned~="height"]){height:1.15em !important;min-height:1.15em !important;}.clientOrderContactIcon:not([data-ui-owned~="font"]){font-size:inherit !important;} .clientOrderContactIcon svg:not([data-ui-owned~="size"]){width:1em !important;}.clientOrderContactIcon svg:not([data-ui-owned~="height"]){height:1em !important;} /* “Доставка” is now the address disclosure control, not a separate status pill. */ .receiveAddressTitle:not([data-ui-owned~="border"]){border:0 !important;}.receiveAddressTitle:not([data-ui-owned~="radius"]){border-radius:0 !important;}.receiveAddressTitle:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;color:inherit !important;}.receiveAddressTitle:not([data-ui-owned~="spacing"]){padding:0 !important;}.receiveAddressTitle:not([data-ui-owned~="margin"]){margin:0 !important;}.receiveAddressTitle:not([data-ui-owned~="font"]){font:inherit !important;font-weight:900 !important;}.receiveAddressTitle{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;} /* v220 UI corrections from physical v219 test. */ /* Delivery remains tappable for address disclosure, but looks like a status pill and has no dotted underline. */ .receiveAddressTitle:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:center !important;}.receiveAddressTitle:not([data-ui-owned~="border"]){border:0 !important;}.receiveAddressTitle:not([data-ui-owned~="radius"]){border-radius:999px !important;}.receiveAddressTitle:not([data-ui-owned~="paint"]){background:#e0f2fe !important;color:#075985 !important;box-shadow:none !important;}.receiveAddressTitle:not([data-ui-owned~="spacing"]){padding:.22em .62em !important;}.receiveAddressTitle:not([data-ui-owned~="margin"]){margin:0 .15em !important;}.receiveAddressTitle:not([data-ui-owned~="font"]){font:inherit !important;font-weight:900 !important;}.receiveAddressTitle{cursor:pointer !important;text-decoration:none !important;} html[data-native-theme="dark"] .receiveAddressTitle:not([data-ui-owned~="paint"]){background:#0c4a6e !important;color:#e0f2fe !important;} /* Client profile: only the four demographic cards expand into the remaining viewport; no scrolling. */ html.nativeShell #infoPanel.profileMode .profileBox:not([data-ui-owned~="layout"]){grid-template-rows:auto minmax(0,1fr) !important;}html.nativeShell #infoPanel.profileMode .profileBox{align-content:stretch !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="height"]){min-height:0 !important;height:100% !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns:repeat(2,minmax(0,1fr)) !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="layout"]){grid-template-rows:repeat(2,minmax(0,1fr)) !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons{align-self:stretch !important;align-content:stretch !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons button{align-content:center !important;position:relative !important;} @media (max-width:430px){ html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns:repeat(2,minmax(0,1fr)) !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="layout"]){grid-template-rows:repeat(2,minmax(0,1fr)) !important;} } /* Client order: back is the only left-emoji action; keep it in normal document flow so header cannot sit underneath it. */ #infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap) !important;} #infoPanel.orderDetailMode .backToOrderListBtn{position:relative !important;z-index:2 !important;}#infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="margin"]){margin:0 !important;}#infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;justify-content:center !important;gap:.4em !important;}#infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="spacing"]){padding:8px 10px !important;} #infoPanel.orderDetailMode .backToOrderListBtn .backInlineEmoji:not([data-ui-owned~="layout"]){display:inline-block !important;}#infoPanel.orderDetailMode .backToOrderListBtn .backInlineEmoji:not([data-ui-owned~="font"]){font-size:1em !important;line-height:1 !important;} #infoPanel.orderDetailMode .backToOrderListBtn + .orderDetail{position:relative !important;z-index:1 !important;top:auto !important;}#infoPanel.orderDetailMode .backToOrderListBtn + .orderDetail:not([data-ui-owned~="margin"]){margin:0 !important;} #infoPanel.orderDetailMode .orderDetailHead{position:relative !important;z-index:1 !important;}#infoPanel.orderDetailMode .orderDetailHead:not([data-ui-owned~="margin"]){margin-top:0 !important;} /* v222 / 2.0.16: physical-device corrections over confirmed v220. */ /* Order details: structural two-row layout. The back button owns row 1; order header can never render beneath it. */ #infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="layout"]){display:flex !important;flex-direction:column !important;overflow:hidden !important;}#infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="height"]){min-height:0 !important;} #infoPanel.orderDetailMode .orderDetailLayout:not([data-ui-owned~="layout"]){flex:1 1 auto !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;gap:1mm !important;overflow:hidden !important;}#infoPanel.orderDetailMode .orderDetailLayout:not([data-ui-owned~="height"]){min-height:0 !important;height:100% !important;} #infoPanel.orderDetailMode .orderDetailLayout > .backToOrderListBtn{position:static !important;inset:auto !important;z-index:auto !important;align-self:start !important;}#infoPanel.orderDetailMode .orderDetailLayout > .backToOrderListBtn:not([data-ui-owned~="layout"]){grid-row:1 !important;flex:none !important;}#infoPanel.orderDetailMode .orderDetailLayout > .backToOrderListBtn:not([data-ui-owned~="size"]){width:100% !important;}#infoPanel.orderDetailMode .orderDetailLayout > .backToOrderListBtn:not([data-ui-owned~="margin"]){margin:0 !important;} #infoPanel.orderDetailMode .orderDetailLayout > .orderDetail:not([data-ui-owned~="layout"]){grid-row:2 !important;}#infoPanel.orderDetailMode .orderDetailLayout > .orderDetail:not([data-ui-owned~="height"]){min-height:0 !important;height:100% !important;}#infoPanel.orderDetailMode .orderDetailLayout > .orderDetail:not([data-ui-owned~="margin"]){margin:0 !important;}#infoPanel.orderDetailMode .orderDetailLayout > .orderDetail{top:auto !important;position:relative !important;} /* Profile: undo v220 stretched demographic cells. Increase everything below the card code ~1.5x, then use a larger QR while keeping the entire profile non-scrollable. */ html.nativeShell #infoPanel.profileMode #infoBody:not([data-ui-owned~="layout"]){overflow:hidden !important;}html.nativeShell #infoPanel.profileMode #infoBody:not([data-ui-owned~="height"]){min-height:0 !important;} html.nativeShell #infoPanel.profileMode .profileBox:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}html.nativeShell #infoPanel.profileMode .profileBox:not([data-ui-owned~="layout"]){overflow:hidden !important;grid-template-rows:auto auto !important;gap:7px !important;}html.nativeShell #infoPanel.profileMode .profileBox{align-content:start !important;} html.nativeShell #infoPanel.profileMode .compactQr img:not([data-ui-owned~="size"]){width:min(165px,42vw,22vh) !important;max-width:100% !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact:not([data-ui-owned~="layout"]){gap:7px !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact > div:not([data-ui-owned~="spacing"]){padding:10.5px 12px !important;}html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact > div:not([data-ui-owned~="radius"]){border-radius:13px !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact span:not([data-ui-owned~="font"]){font-size:15px !important;line-height:1.05 !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact b:not([data-ui-owned~="font"]){font-size:22.5px !important;line-height:1.05 !important;} html.nativeShell #infoPanel.profileMode .profileNextLevel:not([data-ui-owned~="margin"]){margin:2px 0 0 !important;}html.nativeShell #infoPanel.profileMode .profileNextLevel:not([data-ui-owned~="font"]){font-size:16.5px !important;line-height:1.08 !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="height"]){height:auto !important;min-height:0 !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="columns"]){grid-template-columns:repeat(2,minmax(0,1fr)) !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons:not([data-ui-owned~="layout"]){grid-template-rows:auto auto !important;gap:7px !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons{align-self:auto !important;align-content:start !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="height"]){height:auto !important;min-height:63px !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="spacing"]){padding:9px 11px !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="layout"]){gap:2px !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons button:not([data-ui-owned~="radius"]){border-radius:13px !important;}html.nativeShell #infoPanel.profileMode .profileActionButtons button{align-content:center !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons span:not([data-ui-owned~="font"]){font-size:15px !important;line-height:1.05 !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons b:not([data-ui-owned~="font"]){font-size:18px !important;line-height:1.08 !important;} /* Chat modal always stays inside the visual viewport (including when Android keyboard is open). Header/participants/composer are fixed grid rows; only message history scrolls. */ .orderMessengerOverlay{position:fixed !important;left:0 !important;right:0 !important;bottom:auto !important;}.orderMessengerOverlay:not([data-ui-owned~="height"]){height:var(--messenger-visual-height,100dvh) !important;max-height:var(--messenger-visual-height,100dvh) !important;}.orderMessengerOverlay:not([data-ui-owned~="layout"]){display:flex !important;align-items:flex-end !important;justify-content:center !important;overflow:hidden !important;}.orderMessengerOverlay:not([data-ui-owned~="spacing"]){padding:10px !important;} .orderMessengerBox:not([data-ui-owned~="size"]){width:min(100%,520px) !important;}.orderMessengerBox:not([data-ui-owned~="height"]){height:min(72vh,620px) !important;max-height:calc(var(--messenger-visual-height,100dvh) - 20px) !important;min-height:220px !important;}.orderMessengerBox:not([data-ui-owned~="layout"]){display:grid !important;grid-template-rows:auto auto minmax(0,1fr) auto auto !important;overflow:hidden !important;} .orderMessengerHead:not([data-ui-owned~="layout"]){grid-row:1 !important;flex:none !important;}.orderMessengerHead{position:relative !important;z-index:2 !important;} .orderMessengerParticipantsHost:not([data-ui-owned~="layout"]){grid-row:2 !important;}.orderMessengerParticipantsHost:not([data-ui-owned~="height"]){min-height:0 !important;} .orderMessengerMessages:not([data-ui-owned~="layout"]){grid-row:3 !important;overflow-y:auto !important;overflow-x:hidden !important;}.orderMessengerMessages:not([data-ui-owned~="height"]){min-height:0 !important;}.orderMessengerMessages{overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch !important;} .orderMessengerComposeState:not([data-ui-owned~="layout"]){grid-row:4 !important;} .orderMessengerForm:not([data-ui-owned~="layout"]){grid-row:5 !important;flex:none !important;}.orderMessengerForm{position:relative !important;z-index:2 !important;} .orderMessengerText{user-select:none !important;-webkit-user-select:none !important;touch-action:pan-y !important;} /* v222 / 2.0.16: physical-device polish over v221. */ /* Keep the whole order-detail block separated from the bottom navigation by the same 1mm outer gap. */ #infoPanel.orderDetailMode{bottom: calc(72px + env(safe-area-inset-bottom) + var(--ui-block-gap)) !important;} /* Order header contacts are standard emoji now; no SVG backing, no duplicate decoration. */ .clientOrderContactActions:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;gap:.35em !important;}.clientOrderContactActions{vertical-align:middle !important;} .clientOrderContactIcon:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:center !important;}.clientOrderContactIcon:not([data-ui-owned~="size"]){width:1.15em !important;min-width:1.15em !important;}.clientOrderContactIcon:not([data-ui-owned~="height"]){height:1.15em !important;min-height:1.15em !important;}.clientOrderContactIcon:not([data-ui-owned~="spacing"]){padding:0 !important;}.clientOrderContactIcon:not([data-ui-owned~="margin"]){margin:0 !important;}.clientOrderContactIcon:not([data-ui-owned~="border"]){border:0 !important;}.clientOrderContactIcon:not([data-ui-owned~="radius"]){border-radius:0 !important;}.clientOrderContactIcon:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;color:inherit !important;}.clientOrderContactIcon:not([data-ui-owned~="font"]){font:inherit !important;font-size:1em !important;line-height:1 !important;}.clientOrderContactIcon{text-decoration:none !important;} .clientOrderContactIcon svg{display:none !important;} html[data-native-theme="dark"] .clientOrderContactIcon:not([data-ui-owned~="paint"]){background:transparent !important;} /* Android long-press: suppress native selection/callout without disabling vertical scroll. */ .orderMessengerText{-webkit-touch-callout:none !important;-webkit-user-select:none !important;user-select:none !important;touch-action:pan-y !important;pointer-events:auto !important;} /* v223 / 2.0.17: physical-device messenger/contact/totals corrections. */ /* Client order total: use the same compact middle slot as staff totals. */ #infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="columns"]){grid-template-columns:minmax(0,1fr) 26px minmax(72px,auto) !important;column-gap:6px !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal:not([data-ui-owned~="size"]){width:100% !important;max-width:100% !important;} #infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal .totalsToggle:not([data-ui-owned~="size"]){width:24px !important;min-width:24px !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal .totalsToggle:not([data-ui-owned~="height"]){height:24px !important;min-height:24px !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal .totalsToggle:not([data-ui-owned~="spacing"]){padding:0 !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal .totalsToggle:not([data-ui-owned~="margin"]){margin:0 !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal .totalsToggle:not([data-ui-owned~="effect"]){transform:none !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal .totalsToggle:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:center !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal .totalsToggle:not([data-ui-owned~="font"]){font-size:15px !important;line-height:1 !important;} #infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal > b{justify-self:end !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal > b:not([data-ui-owned~="font"]){text-align:right !important;}#infoPanel.orderDetailMode .orderTotals.totalsPanel .grandTotal > b:not([data-ui-owned~="size"]){min-width:72px !important;} /* Client order contacts stay pinned to the far right of the title row. */ .orderDetailHead > div:not([data-ui-owned~="size"]){width:100% !important;min-width:0 !important;} .orderDetailHead h3:not([data-ui-owned~="size"]){width:100% !important;min-width:0 !important;} .clientOrderContactActions:not([data-ui-owned~="margin"]){margin-left:auto !important;}.clientOrderContactActions:not([data-ui-owned~="layout"]){flex:0 0 auto !important;justify-content:flex-end !important;} .clientOrderContactIcon.disabled:not([data-ui-owned~="effect"]){opacity:.38 !important;} /* Messenger must fit the Android visual viewport; only message history scrolls. */ .orderMessengerOverlay:not([data-ui-owned~="layout"]){overflow:hidden !important;box-sizing:border-box !important;} .orderMessengerBox:not([data-ui-owned~="height"]){height:min(620px, calc(var(--messenger-visual-height, 100dvh) - 20px)) !important;max-height:calc(var(--messenger-visual-height, 100dvh) - 20px) !important;min-height:0 !important;}.orderMessengerBox:not([data-ui-owned~="layout"]){grid-template-rows:auto auto minmax(0,1fr) auto auto !important;} .orderMessengerHead:not([data-ui-owned~="layout"]),.orderMessengerParticipantsHost:not([data-ui-owned~="layout"]),.orderMessengerComposeState:not([data-ui-owned~="layout"]),.orderMessengerForm:not([data-ui-owned~="layout"]){flex:none !important;} .orderMessengerMessages:not([data-ui-owned~="height"]){min-height:0 !important;}.orderMessengerMessages:not([data-ui-owned~="layout"]){overflow-y:auto !important;}.orderMessengerMessages{overscroll-behavior:contain !important;} .orderMessengerComposeState:not([data-ui-owned~="height"]){min-height:34px !important;} .orderMessengerComposeState > div:not([data-ui-owned~="size"]){min-width:0 !important;} .orderMessengerComposeState > div b:not([data-ui-owned~="font"]){font-size:12px !important;}.orderMessengerComposeState > div b{white-space:nowrap !important;text-overflow:ellipsis !important;}.orderMessengerComposeState > div b:not([data-ui-owned~="layout"]){overflow:hidden !important;} .orderMessengerComposeState > div span{display:none !important;} .orderMessengerComposeCancel:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;} /* v224 / 2.0.18: client contacts, whole-message long press and top-most message delete confirmation. */ .siteConfirmOverlay.topMostConfirmOverlay{z-index:12100 !important;} .orderMessengerBubble{-webkit-touch-callout:none !important;-webkit-user-select:none !important;user-select:none !important;touch-action:pan-y !important;pointer-events:auto !important;} /* Order communication controls are always visible when the feature is enabled. The phone can be disabled until an assigned staff account has a phone; chat remains visible and resolves the participant on open. */ .clientOrderContactActions:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:flex-end !important;gap:.38em !important;flex:0 0 auto !important;}.clientOrderContactActions:not([data-ui-owned~="margin"]){margin-left:auto !important;}.clientOrderContactActions:not([data-ui-owned~="size"]){min-width:2.65em !important;} .clientOrderContactIcon{visibility:visible !important;}.clientOrderContactIcon:not([data-ui-owned~="effect"]){opacity:1 !important;}.clientOrderContactIcon:not([data-ui-owned~="font"]){font-size:1.06em !important;} .clientOrderContactIcon.disabled:not([data-ui-owned~="effect"]){opacity:.55 !important;} /* 2.0.283: role-isolated order chat. Role controls live below the title, keep compact geometry, show the assigned name below each role and omit the courier channel completely for pickup orders. */ .orderMessengerBox:not([data-ui-owned~="layout"]){grid-template-rows:auto auto minmax(0,1fr) auto auto !important;} .orderMessengerHead:not([data-ui-owned~="layout"]){grid-row:1 !important;} .orderMessengerRoleTabsHost:not([data-ui-owned~="layout"]){grid-row:2 !important;display:block !important;} .orderMessengerRoleTabsHost:not([data-ui-owned~="spacing"]){padding:7px 14px 8px !important;} .orderMessengerRoleTabsHost:not([data-ui-owned~="border"]){border-bottom:1px solid var(--border,#e5e7eb) !important;} .orderMessengerMessages:not([data-ui-owned~="layout"]){grid-row:3 !important;} .orderMessengerComposeState:not([data-ui-owned~="layout"]){grid-row:4 !important;} .orderMessengerForm:not([data-ui-owned~="layout"]){grid-row:5 !important;} .orderMessengerHeadMain:not([data-ui-owned~="size"]){min-width:0 !important;}.orderMessengerHeadMain:not([data-ui-owned~="layout"]){flex:1 1 auto !important;display:grid !important;gap:2px !important;} .orderMessengerTitleLine:not([data-ui-owned~="size"]){min-width:0 !important;}.orderMessengerTitleLine:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:nowrap !important;} .orderMessengerTitleLine > b:not([data-ui-owned~="layout"]){flex:0 1 auto !important;}.orderMessengerTitleLine > b:not([data-ui-owned~="size"]){min-width:0 !important;}.orderMessengerTitleLine > b{white-space:nowrap !important;} .orderMessengerRoleTabs:not([data-ui-owned~="layout"]){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;align-items:start !important;gap:8px !important;}.orderMessengerRoleTabs.singleRole:not([data-ui-owned~="columns"]){grid-template-columns:minmax(0,1fr) !important;} .orderMessengerRoleOption:not([data-ui-owned~="layout"]){display:grid !important;gap:3px !important;min-width:0 !important;} .orderMessengerRoleTabs button{position:relative !important;}.orderMessengerRoleTabs button:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:4px !important;width:100% !important;}.orderMessengerRoleTabs button:not([data-ui-owned~="height"]){min-height:24px !important;}.orderMessengerRoleTabs button:not([data-ui-owned~="spacing"]){padding:3px 6px !important;}.orderMessengerRoleTabs button:not([data-ui-owned~="border"]){border:1px solid var(--border,#dbe3ec) !important;}.orderMessengerRoleTabs button:not([data-ui-owned~="radius"]){border-radius:11px !important;}.orderMessengerRoleTabs button:not([data-ui-owned~="paint"]){background:transparent !important;color:var(--text,#111827) !important;box-shadow:none !important;}.orderMessengerRoleTabs button:not([data-ui-owned~="font"]){font:800 10px/1.05 system-ui !important;} .orderMessengerRoleTabs button.active:not([data-ui-owned~="border"]){border-color:var(--accent,#0a93d5) !important;}.orderMessengerRoleTabs button.active:not([data-ui-owned~="paint"]){background:transparent !important;color:var(--accent,#0a93d5) !important;} .orderMessengerRoleTabs button:disabled:not([data-ui-owned~="effect"]){opacity:.55 !important;}.orderMessengerRoleTabs button:disabled{cursor:not-allowed !important;} .orderMessengerRoleTabs button i:not([data-ui-owned~="size"]){min-width:15px !important;}.orderMessengerRoleTabs button i:not([data-ui-owned~="height"]){height:15px !important;}.orderMessengerRoleTabs button i:not([data-ui-owned~="spacing"]){padding:0 3px !important;}.orderMessengerRoleTabs button i:not([data-ui-owned~="radius"]){border-radius:8px !important;}.orderMessengerRoleTabs button i:not([data-ui-owned~="paint"]){background:#ef4444 !important;color:#fff !important;}.orderMessengerRoleTabs button i:not([data-ui-owned~="font"]){font:800 9px/15px system-ui !important;font-style:normal !important;text-align:center !important;} .orderMessengerRoleName{display:block !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;text-align:center !important;color:var(--muted,#64748b) !important;font:650 9px/1.2 system-ui !important;} .orderMessengerMeta{align-self:flex-end !important;white-space:nowrap !important;}.orderMessengerMeta:not([data-ui-owned~="layout"]){display:inline-flex !important;align-items:center !important;justify-content:flex-end !important;gap:4px !important;}.orderMessengerMeta:not([data-ui-owned~="height"]){min-height:11px !important;}.orderMessengerMeta:not([data-ui-owned~="paint"]){color:rgba(15,23,42,.55) !important;}.orderMessengerMeta:not([data-ui-owned~="font"]){font:700 9px/1 system-ui !important;} .orderMessengerMeta time:not([data-ui-owned~="font"]){font:inherit !important;} .orderMessengerTicks:not([data-ui-owned~="layout"]){display:inline-block !important;}.orderMessengerTicks:not([data-ui-owned~="size"]){min-width:11px !important;}.orderMessengerTicks:not([data-ui-owned~="font"]){font-size:11px !important;}.orderMessengerTicks{letter-spacing:-3px !important;}.orderMessengerTicks:not([data-ui-owned~="spacing"]){padding-right:2px !important;} .orderMessengerTicks.read:not([data-ui-owned~="paint"]){color:#0284c7 !important;} .orderMessengerTicks.sent:not([data-ui-owned~="paint"]){color:inherit !important;} .orderMessengerForm textarea:disabled:not([data-ui-owned~="effect"]),.orderMessengerForm button:disabled:not([data-ui-owned~="effect"]){opacity:.45 !important;}.orderMessengerForm textarea:disabled,.orderMessengerForm button:disabled{cursor:not-allowed !important;} html[data-native-theme="dark"] .orderMessengerRoleTabsHost:not([data-ui-owned~="border"]){border-bottom-color:#334155 !important;} html[data-native-theme="dark"] .orderMessengerRoleTabs button:not([data-ui-owned~="paint"]){background:transparent !important;color:#f8fafc !important;}html[data-native-theme="dark"] .orderMessengerRoleTabs button:not([data-ui-owned~="border"]){border-color:#475569 !important;} html[data-native-theme="dark"] .orderMessengerRoleTabs button.active:not([data-ui-owned~="paint"]){background:transparent !important;color:#38bdf8 !important;}html[data-native-theme="dark"] .orderMessengerRoleTabs button.active:not([data-ui-owned~="border"]){border-color:#38bdf8 !important;} html[data-native-theme="dark"] .orderMessengerRoleName:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} html[data-native-theme="dark"] .orderMessengerMeta:not([data-ui-owned~="paint"]){color:rgba(255,255,255,.64) !important;} html[data-native-theme="dark"] .orderMessengerTicks.read:not([data-ui-owned~="paint"]){color:#7dd3fc !important;} @media (max-width:390px){ .orderMessengerTitleLine > b:not([data-ui-owned~="font"]){font-size:16px !important;} .orderMessengerRoleTabs:not([data-ui-owned~="layout"]){gap:6px !important;} .orderMessengerRoleTabsHost:not([data-ui-owned~="spacing"]){padding:6px 12px 7px !important;} .orderMessengerRoleTabs button:not([data-ui-owned~="spacing"]){padding:3px 5px !important;}.orderMessengerRoleTabs button:not([data-ui-owned~="font"]){font-size:9px !important;} } /* 2.0.42: stop-list stays visible in the client catalog but cannot be ordered. */ .card.unavailable:not([data-ui-owned~="effect"]){opacity:.82;} .card.unavailable .img img:not([data-ui-owned~="paint"]){filter:saturate(.45) brightness(.9);} .unavailableBadge{position:absolute;left:8px;right:48px;bottom:8px;z-index:2;}.unavailableBadge:not([data-ui-owned~="layout"]){display:block;}.unavailableBadge:not([data-ui-owned~="spacing"]){padding:5px 7px;}.unavailableBadge:not([data-ui-owned~="radius"]){border-radius:9px;}.unavailableBadge:not([data-ui-owned~="paint"]){background:rgba(15,23,42,.82);color:#fff;}.unavailableBadge:not([data-ui-owned~="font"]){font-size:10px;line-height:1.2;font-weight:900;text-align:center;} .productUnavailable:not([data-ui-owned~="size"]){width:100%;}.productUnavailable:not([data-ui-owned~="height"]){min-height:42px;}.productUnavailable:not([data-ui-owned~="layout"]){display:grid;place-items:center;}.productUnavailable:not([data-ui-owned~="spacing"]){padding:7px 9px;}.productUnavailable:not([data-ui-owned~="border"]){border:1px solid #f1c7c7;}.productUnavailable:not([data-ui-owned~="radius"]){border-radius:13px;}.productUnavailable:not([data-ui-owned~="paint"]){background:#fff1f1;color:#9f1239;}.productUnavailable:not([data-ui-owned~="font"]){font-size:12px;line-height:1.2;font-weight:900;text-align:center;} .cartLine.unavailable:not([data-ui-owned~="effect"]){opacity:.82;} .cartUnavailableText:not([data-ui-owned~="paint"]){color:#b42318 !important;}.cartUnavailableText:not([data-ui-owned~="font"]){font-weight:850;} .cartLine.unavailable [data-cart-act="inc"]:not([data-ui-owned~="effect"]){opacity:.45;}.cartLine.unavailable [data-cart-act="inc"]{cursor:not-allowed;} html[data-native-theme="dark"] .productUnavailable:not([data-ui-owned~="paint"]){background:#3f1d24;color:#fecaca;}html[data-native-theme="dark"] .productUnavailable:not([data-ui-owned~="border"]){border-color:#7f1d1d;} /* v2.0.62: keep password eye clean and make native client profile typography slightly smaller. */ html.nativeShell #infoPanel.profileMode .panelHead h2:not([data-ui-owned~="font"]){font-size:20px !important;line-height:1.05 !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact span:not([data-ui-owned~="font"]){font-size:13.5px !important;} html.nativeShell #infoPanel.profileMode .loyaltyGrid.compact b:not([data-ui-owned~="font"]){font-size:20px !important;} html.nativeShell #infoPanel.profileMode .profileNextLevel:not([data-ui-owned~="font"]){font-size:15px !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons span:not([data-ui-owned~="font"]){font-size:13.5px !important;} html.nativeShell #infoPanel.profileMode .profileActionButtons b:not([data-ui-owned~="font"]){font-size:16px !important;} html.nativeShell #infoPanel.profileMode .profilePrivacyActions a:not([data-ui-owned~="font"]),html.nativeShell #infoPanel.profileMode .profilePrivacyActions button:not([data-ui-owned~="font"]){font-size:14px !important;} /* v2.0.82: desktop/PWA catalogue controls follow the app content width instead of spanning the monitor. */ @media (min-width: 900px){ html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="size"]){width: min(760px, calc(100vw - 28px)) !important;}html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="margin"]){margin-left: auto !important;margin-right: auto !important;}html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="layout"]){box-sizing: border-box !important;} } /* v2.0.83: coherent desktop/PWA app frame. Keep the fixed sticky backdrop full-width, but align header, search+favorite, categories and install hint to the same centered catalogue column. */ @media (min-width: 900px){ html:not(.nativeShell) body:not(.sectionMode){--desktop-catalog-width: 760px;} html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .top:not([data-ui-owned~="size"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="size"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > #groups.catalogOnly:not([data-ui-owned~="size"]){width: min(var(--desktop-catalog-width), calc(100vw - 32px)) !important;max-width: min(var(--desktop-catalog-width), calc(100vw - 32px)) !important;}html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .top:not([data-ui-owned~="margin"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="margin"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > #groups.catalogOnly:not([data-ui-owned~="margin"]){margin-left: auto !important;margin-right: auto !important;}html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .top:not([data-ui-owned~="layout"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="layout"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > #groups.catalogOnly:not([data-ui-owned~="layout"]){box-sizing: border-box !important;} /* v2.0.82 constrained the section itself only. Reset its old width rule and make the actual search row consume exactly the common app column. */ html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="spacing"]){padding-left: 0 !important;padding-right: 0 !important;} html:not(.nativeShell) body:not(.sectionMode) .catalogSticky .catalogSearchRow:not([data-ui-owned~="size"]){width: 100% !important;max-width: 100% !important;}html:not(.nativeShell) body:not(.sectionMode) .catalogSticky .catalogSearchRow:not([data-ui-owned~="margin"]){margin: 0 !important;}html:not(.nativeShell) body:not(.sectionMode) .catalogSticky .catalogSearchRow:not([data-ui-owned~="layout"]){box-sizing: border-box !important;} html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > #groups.catalogOnly:not([data-ui-owned~="spacing"]){padding-left: 0 !important;padding-right: 0 !important;} html:not(.nativeShell) body:not(.sectionMode) .appInstallHint:not([data-ui-owned~="size"]){width: min(var(--desktop-catalog-width), calc(100vw - 32px)) !important;max-width: min(var(--desktop-catalog-width), calc(100vw - 32px)) !important;}html:not(.nativeShell) body:not(.sectionMode) .appInstallHint:not([data-ui-owned~="margin"]){margin-left: auto !important;margin-right: auto !important;}html:not(.nativeShell) body:not(.sectionMode) .appInstallHint:not([data-ui-owned~="layout"]){box-sizing: border-box !important;} } /* v2.0.84: desktop catalogue controls must use the same 600px mobile-shell frame as the product grid and bottom navigation. v2.0.83 used 760px only for the top controls, which made the header/search visibly wider than the catalogue below. */ @media (min-width: 900px){ html:not(.nativeShell) body:not(.sectionMode){--desktop-catalog-width: 600px !important;} html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .top:not([data-ui-owned~="size"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="size"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > #groups.catalogOnly:not([data-ui-owned~="size"]),html:not(.nativeShell) body:not(.sectionMode) .appInstallHint:not([data-ui-owned~="size"]){width: min(600px, calc(100vw - 32px)) !important;max-width: 600px !important;}html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .top:not([data-ui-owned~="margin"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="margin"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > #groups.catalogOnly:not([data-ui-owned~="margin"]),html:not(.nativeShell) body:not(.sectionMode) .appInstallHint:not([data-ui-owned~="margin"]){margin-left: auto !important;margin-right: auto !important;}html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .top:not([data-ui-owned~="layout"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > .searchBox.catalogOnly:not([data-ui-owned~="layout"]),html:not(.nativeShell) body:not(.sectionMode) .catalogSticky > #groups.catalogOnly:not([data-ui-owned~="layout"]),html:not(.nativeShell) body:not(.sectionMode) .appInstallHint:not([data-ui-owned~="layout"]){box-sizing: border-box !important;} } /* v2.0.87: desktop/native spacing and cart-header polish. */ .storeLogo:not([data-ui-owned~="border"]){border:0 !important;}.storeLogo:not([data-ui-owned~="paint"]){outline:0 !important;box-shadow:none !important;background:transparent !important;}.storeLogo:not([data-ui-owned~="radius"]){border-radius:0 !important;} #cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="size"]){width:36px !important;min-width:36px !important;max-width:36px !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="height"]){height:34px !important;min-height:34px !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="spacing"]){padding:0 !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="layout"]){display:inline-grid !important;place-items:center !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="border"]){border:1px solid var(--border) !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="radius"]){border-radius:10px !important;} #cartPanel .panelHead .cartClearIcon:not([data-ui-owned~="size"]){width:18px !important;}#cartPanel .panelHead .cartClearIcon:not([data-ui-owned~="height"]){height:18px !important;}#cartPanel .panelHead .cartClearIcon:not([data-ui-owned~="layout"]){flex:0 0 18px !important;}#cartPanel .panelHead .cartClearIcon{stroke-width:1.8 !important;} html.nativeShell body.sectionMode #infoPanel:not(.orderDetailMode){bottom:calc(76px + env(safe-area-inset-bottom) + var(--ui-block-gap, 1mm)) !important;} /* v2.0.88: structured delivery, PWA interface switching and cart-header alignment. */ .interfaceSwitchTop:not([data-ui-owned~="size"]){width:42px !important;min-width:42px !important;}.interfaceSwitchTop:not([data-ui-owned~="height"]){height:42px !important;min-height:42px !important;}.interfaceSwitchTop:not([data-ui-owned~="spacing"]){padding:0 !important;}.interfaceSwitchTop:not([data-ui-owned~="border"]){border:0 !important;}.interfaceSwitchTop:not([data-ui-owned~="radius"]){border-radius:12px !important;}.interfaceSwitchTop:not([data-ui-owned~="paint"]){background:rgba(255,255,255,.14) !important;color:#fff !important;box-shadow:none !important;}.interfaceSwitchTop:not([data-ui-owned~="layout"]){display:inline-grid !important;place-items:center !important;} .interfaceSwitchTop.hidden,html.nativeShell .interfaceSwitchTop{display:none !important;} .interfaceSwitchTop svg:not([data-ui-owned~="size"]){width:24px !important;}.interfaceSwitchTop svg:not([data-ui-owned~="height"]){height:24px !important;}.interfaceSwitchTop svg{fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;} .interfaceSwitchBox .muted:not([data-ui-owned~="margin"]){margin:0 0 10px;} .interfaceSwitchBox .switchList:not([data-ui-owned~="layout"]){display:grid;gap:8px;} .interfaceSwitchBox .switchLink:not([data-ui-owned~="size"]){width:100%;}.interfaceSwitchBox .switchLink:not([data-ui-owned~="height"]){min-height:44px;}.interfaceSwitchBox .switchLink:not([data-ui-owned~="radius"]){border-radius:12px;} .interfaceSwitchBox .switchLink.current:not([data-ui-owned~="paint"]){background:var(--soft, #eef2f7) !important;color:var(--muted) !important;}.interfaceSwitchBox .switchLink.current:not([data-ui-owned~="border"]){border:1px solid var(--border) !important;}.interfaceSwitchBox .switchLink.current:not([data-ui-owned~="effect"]){opacity:1 !important;} #cartPanel .panelHead .cartPanelHeadActions:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;}#cartPanel .panelHead .cartPanelHeadActions:not([data-ui-owned~="height"]){min-height:24px !important;} #cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="size"]){width:21px !important;min-width:21px !important;max-width:21px !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="height"]){height:21px !important;min-height:21px !important;max-height:21px !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="spacing"]){padding:0 !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="margin"]){margin:0 !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="border"]){border:0 !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="radius"]){border-radius:0 !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="paint"]){background:transparent !important;color:var(--text) !important;box-shadow:none !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="layout"]){display:inline-grid !important;place-items:center !important;}#cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="font"]){line-height:1 !important;} #cartPanel .panelHead .cartClearBtn:hover:not([data-ui-owned~="border"]),#cartPanel .panelHead .cartClearBtn:focus:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="border"]){border:0 !important;}#cartPanel .panelHead .cartClearBtn:hover:not([data-ui-owned~="paint"]),#cartPanel .panelHead .cartClearBtn:focus:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .panelHead .cartClearBtn:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;} #cartPanel .panelHead .cartClearIcon:not([data-ui-owned~="size"]){width:19px !important;}#cartPanel .panelHead .cartClearIcon:not([data-ui-owned~="height"]){height:19px !important;}#cartPanel .panelHead .cartClearIcon:not([data-ui-owned~="layout"]){display:block !important;}#cartPanel .panelHead .cartClearIcon{fill:none !important;stroke:currentColor !important;stroke-width:1.9 !important;stroke-linecap:round !important;stroke-linejoin:round !important;} #cartPanel .panelHead #closeCart:not([data-ui-owned~="layout"]){display:inline-grid !important;place-items:center !important;} .structuredAddressTools:not([data-ui-owned~="layout"]){display:grid;gap:10px;} .structuredAddressGrid:not([data-ui-owned~="layout"]){display:grid;gap:9px;}.structuredAddressGrid:not([data-ui-owned~="columns"]){grid-template-columns:minmax(0,1fr) minmax(0,1fr);} .structuredAddressGrid .addressField:not([data-ui-owned~="size"]){min-width:0;}.structuredAddressGrid .addressField:not([data-ui-owned~="layout"]){display:grid;gap:5px;}.structuredAddressGrid .addressField:not([data-ui-owned~="font"]){font-weight:800;}.structuredAddressGrid .addressField:not([data-ui-owned~="paint"]){color:var(--text);} .structuredAddressGrid .addressField > span:not([data-ui-owned~="font"]){font-size:12px;}.structuredAddressGrid .addressField > span:not([data-ui-owned~="paint"]){color:var(--muted);} .structuredAddressGrid .addressFieldCity:not([data-ui-owned~="layout"]),.structuredAddressGrid .addressFieldStreet:not([data-ui-owned~="layout"]){grid-column:1 / -1;} .structuredAddressGrid .addressField input:not([data-ui-owned~="size"]),.deliveryApartmentOptions .addressField input:not([data-ui-owned~="size"]){width:100%;min-width:0;}.structuredAddressGrid .addressField input:not([data-ui-owned~="height"]),.deliveryApartmentOptions .addressField input:not([data-ui-owned~="height"]){min-height:44px;}.structuredAddressGrid .addressField input:not([data-ui-owned~="border"]),.deliveryApartmentOptions .addressField input:not([data-ui-owned~="border"]){border:1px solid var(--border);}.structuredAddressGrid .addressField input:not([data-ui-owned~="radius"]),.deliveryApartmentOptions .addressField input:not([data-ui-owned~="radius"]){border-radius:12px;}.structuredAddressGrid .addressField input:not([data-ui-owned~="paint"]),.deliveryApartmentOptions .addressField input:not([data-ui-owned~="paint"]){background:var(--card);color:var(--text);}.structuredAddressGrid .addressField input:not([data-ui-owned~="spacing"]),.deliveryApartmentOptions .addressField input:not([data-ui-owned~="spacing"]){padding:10px 12px;}.structuredAddressGrid .addressField input:not([data-ui-owned~="font"]),.deliveryApartmentOptions .addressField input:not([data-ui-owned~="font"]){font:inherit;}.structuredAddressGrid .addressField input:not([data-ui-owned~="layout"]),.deliveryApartmentOptions .addressField input:not([data-ui-owned~="layout"]){box-sizing:border-box;} .deliveryCheck:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;gap:9px !important;}.deliveryCheck:not([data-ui-owned~="height"]){min-height:34px;}.deliveryCheck:not([data-ui-owned~="font"]){font-weight:800;}.deliveryCheck:not([data-ui-owned~="paint"]){color:var(--text);}.deliveryCheck{cursor:pointer;} .deliveryCheck input:not([data-ui-owned~="size"]){width:20px;}.deliveryCheck input:not([data-ui-owned~="height"]){height:20px;}.deliveryCheck input:not([data-ui-owned~="margin"]){margin:0;}.deliveryCheck input{accent-color:var(--accent);}.deliveryCheck input:not([data-ui-owned~="layout"]){flex:0 0 auto;} .addressNoApartment{justify-self:start;} .deliveryDoorOptions:not([data-ui-owned~="margin"]){margin-top:9px;}.deliveryDoorOptions:not([data-ui-owned~="spacing"]){padding:11px 12px;}.deliveryDoorOptions:not([data-ui-owned~="border"]){border:1px solid var(--border);}.deliveryDoorOptions:not([data-ui-owned~="radius"]){border-radius:14px;}.deliveryDoorOptions:not([data-ui-owned~="paint"]){background:var(--soft, #f8fafc);}.deliveryDoorOptions:not([data-ui-owned~="layout"]){display:grid;gap:8px;} .deliveryDoorOptions.hidden{display:none !important;} .deliveryApartmentOptions:not([data-ui-owned~="layout"]){display:grid;align-items:end;gap:10px;}.deliveryApartmentOptions:not([data-ui-owned~="columns"]){grid-template-columns:minmax(110px, .75fr) minmax(130px, 1fr);} .deliveryApartmentOptions.hidden{display:none !important;} .deliveryApartmentOptions .addressField:not([data-ui-owned~="layout"]){display:grid;gap:5px;} .deliveryApartmentOptions .addressField > span:not([data-ui-owned~="paint"]){color:var(--muted);}.deliveryApartmentOptions .addressField > span:not([data-ui-owned~="font"]){font-size:12px;font-weight:800;} .deliveryDoorHint:not([data-ui-owned~="margin"]){margin:0;}.deliveryDoorHint:not([data-ui-owned~="paint"]){color:var(--muted);}.deliveryDoorHint:not([data-ui-owned~="font"]){font-size:12px;line-height:1.35;} .deliveryQuote small:not([data-ui-owned~="font"]){font-size:11px;font-weight:700;}.deliveryQuote small:not([data-ui-owned~="paint"]){color:var(--muted);} @media (max-width:390px){ .structuredAddressGrid:not([data-ui-owned~="columns"]){grid-template-columns:1fr;} .structuredAddressGrid .addressFieldCity:not([data-ui-owned~="layout"]),.structuredAddressGrid .addressFieldStreet:not([data-ui-owned~="layout"]){grid-column:auto;} .deliveryApartmentOptions:not([data-ui-owned~="columns"]){grid-template-columns:1fr;} } /* v2.0.93: authoritative client UI geometry. Reference: 1 mm side inset, 0.5 mm vertical/inter-block gap, one scroll owner per screen. Native Android and PWA/Web have separate positioning rules so old centering transforms cannot conflict. */ :root{--ui-block-gap:.5mm !important;--ui-shell-side-gap:1mm;--ui-top-gap:.5mm;--ui-bottom-gap:.5mm;--client-bottom-nav-height:64px;} /* iOS messenger keyboard lock retained from v2.0.89. */ .orderMessengerForm textarea:not([data-ui-owned~="font"]){font-size:16px !important;line-height:1.25 !important;}.orderMessengerForm textarea{-webkit-text-size-adjust:100% !important;} html.messengerViewportLocked,html.messengerViewportLocked body{overscroll-behavior:none !important;} .orderMessengerOverlay:not([data-ui-owned~="layout"]){box-sizing:border-box !important;}.orderMessengerOverlay:not([data-ui-owned~="margin"]){margin:0 !important;} /* Catalog: fixed chrome + a single independent product scroll viewport. */ body:not(.sectionMode):not([data-ui-owned~="layout"]){overflow:hidden !important;} body:not(.sectionMode) .catalogSticky{position:fixed !important;top:0 !important;left:50% !important;right:auto !important;z-index:1200 !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="size"]){width:min(100vw,600px) !important;max-width:600px !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="effect"]){transform:translateX(-50%) !important;}body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="layout"]){box-sizing:border-box !important;} /* Native Android WebView uses its own viewport. Never combine the legacy left:0 rule with the PWA centering transform: that combination shifted controls half a screen left. */ html.nativeShell body:not(.sectionMode) .catalogSticky{left:0 !important;right:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="size"]){width:100% !important;max-width:none !important;}html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="effect"]){transform:none !important;}html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="spacing"]){padding:var(--ui-top-gap) var(--ui-shell-side-gap) !important;}html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="layout"]){row-gap:var(--ui-block-gap) !important;} body:not(.sectionMode) .catalogScroll{position:fixed !important;top:var(--catalog-sticky-height,120px) !important;bottom:var(--client-bottom-nav-height,64px) !important;left:50% !important;right:auto !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch !important;}body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="size"]){width:min(100vw,600px) !important;max-width:600px !important;}body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="effect"]){transform:translateX(-50%) !important;}body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="layout"]){overflow-y:auto !important;overflow-x:hidden !important;box-sizing:border-box !important;}body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="spacing"]){padding:var(--ui-top-gap) var(--ui-shell-side-gap) var(--ui-bottom-gap) !important;}body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="margin"]){margin:0 !important;}body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="paint"]){background:var(--bg,#f5f6f8) !important;} html.nativeShell body:not(.sectionMode) .catalogScroll{left:0 !important;right:0 !important;}html.nativeShell body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="size"]){width:100% !important;max-width:none !important;}html.nativeShell body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="effect"]){transform:none !important;}html.nativeShell body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="spacing"]){padding:var(--ui-top-gap) var(--ui-shell-side-gap) var(--ui-bottom-gap) !important;} body:not(.sectionMode) .catalogScroll #products.grid:not([data-ui-owned~="size"]){width:100% !important;max-width:none !important;}body:not(.sectionMode) .catalogScroll #products.grid:not([data-ui-owned~="margin"]){margin:0 !important;}body:not(.sectionMode) .catalogScroll #products.grid:not([data-ui-owned~="spacing"]){padding:0 !important;}body:not(.sectionMode) .catalogScroll #products.grid:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap) !important;box-sizing:border-box !important;} body:not(.sectionMode) .catalogScroll #loadMore:not([data-ui-owned~="size"]){width:100% !important;}body:not(.sectionMode) .catalogScroll #loadMore:not([data-ui-owned~="margin"]){margin:var(--ui-block-gap) 0 0 !important;} body.sectionMode .catalogScroll{display:none !important;} /* All client sections use exactly the same outer shell. Explicit width+margin reset removes the old 14px .sitePage margins that were still widening the sides. */ body.sectionMode:not([data-ui-owned~="layout"]){overflow:hidden !important;} body.sectionMode .sitePage:not(.hidden){position:fixed !important;left:var(--ui-shell-side-gap,1mm) !important;right:var(--ui-shell-side-gap,1mm) !important;top:calc(var(--section-top-offset,58px) + var(--ui-top-gap)) !important;bottom:calc(var(--client-bottom-nav-height,64px) + var(--ui-bottom-gap)) !important;min-width:0 !important;overflow-x:hidden !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="size"]){width:auto !important;max-width:none !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="height"]){height:auto !important;max-height:none !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="margin"]){margin:0 !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="effect"]){transform:none !important;}body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="layout"]){box-sizing:border-box !important;}body.sectionMode .sitePage:not(.hidden) > *{min-width:0 !important;max-width:100%;} @media (min-width:620px){ html:not(.nativeShell) body.sectionMode .sitePage:not(.hidden){left:50% !important;right:auto !important;}html:not(.nativeShell) body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="size"]){width:min(calc(100vw - 2mm),600px) !important;max-width:600px !important;}html:not(.nativeShell) body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="effect"]){transform:translateX(-50%) !important;} } html.nativeShell body.sectionMode .sitePage:not(.hidden){top:var(--ui-top-gap) !important;left:var(--ui-shell-side-gap) !important;right:var(--ui-shell-side-gap) !important;bottom:calc(var(--client-bottom-nav-height,64px) + var(--ui-bottom-gap)) !important;}html.nativeShell body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="size"]){width:auto !important;max-width:none !important;}html.nativeShell body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="effect"]){transform:none !important;} /* Order list: heading/tabs are fixed; only order cards scroll. No sticky-vs-parent conflict. */ #infoPanel.ordersListMode:not([data-ui-owned~="layout"]){display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;overflow:hidden !important;} #infoPanel.ordersListMode > .panelHead:not([data-ui-owned~="height"]){min-height:0 !important;}#infoPanel.ordersListMode > .panelHead:not([data-ui-owned~="margin"]){margin-bottom:var(--ui-block-gap) !important;} #infoPanel.ordersListMode #infoBody:not([data-ui-owned~="height"]){min-height:0 !important;}#infoPanel.ordersListMode #infoBody:not([data-ui-owned~="layout"]){overflow:hidden !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;gap:var(--ui-block-gap) !important;} #infoPanel.ordersListMode .clientOrderTabs{position:static !important;top:auto !important;z-index:auto !important;}#infoPanel.ordersListMode .clientOrderTabs:not([data-ui-owned~="margin"]){margin:0 !important;}#infoPanel.ordersListMode .clientOrderTabs:not([data-ui-owned~="spacing"]){padding:0 0 var(--ui-block-gap) !important;}#infoPanel.ordersListMode .clientOrderTabs:not([data-ui-owned~="paint"]){background:var(--card,#fff) !important;} #infoPanel.ordersListMode .siteOrderList:not([data-ui-owned~="height"]){min-height:0 !important;}#infoPanel.ordersListMode .siteOrderList:not([data-ui-owned~="layout"]){overflow-y:auto !important;overflow-x:hidden !important;display:grid !important;grid-auto-rows:max-content !important;align-items:start !important;gap:var(--ui-block-gap) !important;}#infoPanel.ordersListMode .siteOrderList{-webkit-overflow-scrolling:touch !important;align-content:start !important;}#infoPanel.ordersListMode .siteOrderList:not([data-ui-owned~="spacing"]){padding:0 !important;}#infoPanel.ordersListMode .siteOrderList:not([data-ui-owned~="margin"]){margin:0 !important;} #infoPanel.ordersListMode .siteOrderList > .siteOrderCard:not([data-ui-owned~="height"]){height:auto !important;min-height:0 !important;}#infoPanel.ordersListMode .siteOrderList > .siteOrderCard{align-self:start !important;} /* Client order detail remains the visual reference: one outer page contains the Back block and one order card. Only items scroll; totals/actions stay pinned. */ #infoPanel.orderDetailMode:not([data-ui-owned~="layout"]){display:block !important;overflow:hidden !important;} #infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}#infoPanel.orderDetailMode #infoBody:not([data-ui-owned~="layout"]){overflow:hidden !important;} #infoPanel.orderDetailMode .orderDetailLayout:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}#infoPanel.orderDetailMode .orderDetailLayout:not([data-ui-owned~="layout"]){display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;gap:var(--ui-block-gap) !important;overflow:hidden !important;} #infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="margin"]){margin:0 !important;}#infoPanel.orderDetailMode .backToOrderListBtn:not([data-ui-owned~="size"]){width:100% !important;} #infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}#infoPanel.orderDetailMode .orderDetail:not([data-ui-owned~="layout"]){display:flex !important;flex-direction:column !important;overflow:hidden !important;} #infoPanel.orderDetailMode .orderDetailHead:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .orderTotals:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .orderPaymentHint:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .orderActions:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .reviewBox:not([data-ui-owned~="layout"]){flex:0 0 auto !important;} #infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="layout"]){flex:1 1 auto !important;overflow-y:auto !important;overflow-x:hidden !important;gap:var(--ui-block-gap) !important;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="height"]){min-height:0 !important;}#infoPanel.orderDetailMode .orderItems{-webkit-overflow-scrolling:touch !important;}#infoPanel.orderDetailMode .orderItems:not([data-ui-owned~="spacing"]){padding:var(--ui-block-gap) 0 !important;} #infoPanel.orderDetailMode .orderTotals:not([data-ui-owned~="margin"]){margin-top:0 !important;}#infoPanel.orderDetailMode .orderTotals:not([data-ui-owned~="spacing"]){padding-top:var(--ui-block-gap) !important;} /* Cart rhythm. The editor lives inside the same section shell and keeps a visible 0.5 mm separation from the bottom navigation instead of touching it. */ #cartPanel.sitePage:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap) !important;} #cartPanel .cartItems:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap) !important;}#cartPanel .checkoutQuick:not([data-ui-owned~="layout"]){gap:max(10px,var(--ui-block-gap)) !important;} #cartPanel .checkoutEditorOverlay:not([data-ui-owned~="spacing"]){padding-bottom:var(--ui-bottom-gap) !important;} /* Undo the v2.0.90 +2 mm client lift. The measured nav height is written by JS, so sections automatically follow the real navigation height on every device. */ nav.bottomNav:not(.staffBottomNav):not([data-ui-owned~="spacing"]){padding-top:7px !important;padding-bottom:calc(7px + env(safe-area-inset-bottom)) !important;} /* Header interface switch is a bare icon: no frame, pill or translucent tile. */ .interfaceSwitchTop:not([data-ui-owned~="size"]){width:42px !important;min-width:42px !important;}.interfaceSwitchTop:not([data-ui-owned~="height"]){height:42px !important;min-height:42px !important;}.interfaceSwitchTop:not([data-ui-owned~="spacing"]){padding:0 !important;}.interfaceSwitchTop:not([data-ui-owned~="border"]){border:0 !important;}.interfaceSwitchTop:not([data-ui-owned~="radius"]){border-radius:0 !important;}.interfaceSwitchTop:not([data-ui-owned~="paint"]){outline:0 !important;background:transparent !important;color:#fff !important;box-shadow:none !important;}.interfaceSwitchTop:not([data-ui-owned~="layout"]){display:inline-grid !important;place-items:center !important;} .interfaceSwitchTop:hover:not([data-ui-owned~="border"]),.interfaceSwitchTop:focus:not([data-ui-owned~="border"]),.interfaceSwitchTop:active:not([data-ui-owned~="border"]){border:0 !important;}.interfaceSwitchTop:hover:not([data-ui-owned~="paint"]),.interfaceSwitchTop:focus:not([data-ui-owned~="paint"]),.interfaceSwitchTop:active:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;} .interfaceSwitchTop.hidden,html.nativeShell .interfaceSwitchTop{display:none !important;} .interfaceSwitchTop svg:not([data-ui-owned~="size"]){width:24px !important;}.interfaceSwitchTop svg:not([data-ui-owned~="height"]){height:24px !important;}.interfaceSwitchTop svg{fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;} /* One chooser implementation/appearance for client and employee PWA. */ .unifiedInterfaceChooser{position:fixed !important;inset:0 !important;z-index:7200 !important;backdrop-filter:blur(2px) !important;}.unifiedInterfaceChooser:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;}.unifiedInterfaceChooser:not([data-ui-owned~="spacing"]){padding:12px !important;}.unifiedInterfaceChooser:not([data-ui-owned~="paint"]){background:rgba(15,23,42,.82) !important;} .unifiedInterfaceChooserBox:not([data-ui-owned~="size"]){width:min(100%,430px) !important;}.unifiedInterfaceChooserBox:not([data-ui-owned~="height"]){max-height:min(88dvh,720px) !important;}.unifiedInterfaceChooserBox:not([data-ui-owned~="layout"]){overflow:auto !important;box-sizing:border-box !important;}.unifiedInterfaceChooserBox:not([data-ui-owned~="spacing"]){padding:12px !important;}.unifiedInterfaceChooserBox:not([data-ui-owned~="border"]){border:1px solid var(--border,#e5e7eb) !important;}.unifiedInterfaceChooserBox:not([data-ui-owned~="radius"]){border-radius:20px !important;}.unifiedInterfaceChooserBox:not([data-ui-owned~="paint"]){background:var(--card,#fff) !important;color:var(--text,#111827) !important;box-shadow:0 18px 55px rgba(15,23,42,.28) !important;} .unifiedInterfaceChooserHead:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;}.unifiedInterfaceChooserHead:not([data-ui-owned~="spacing"]){padding-bottom:9px !important;}.unifiedInterfaceChooserHead:not([data-ui-owned~="border"]){border-bottom:1px solid var(--border,#e5e7eb) !important;} .unifiedInterfaceChooserHead b:not([data-ui-owned~="font"]){font-size:18px !important;line-height:1.15 !important;} .unifiedInterfaceChooserHead button:not([data-ui-owned~="size"]){width:32px !important;min-width:32px !important;}.unifiedInterfaceChooserHead button:not([data-ui-owned~="height"]){height:32px !important;min-height:32px !important;}.unifiedInterfaceChooserHead button:not([data-ui-owned~="spacing"]){padding:0 !important;}.unifiedInterfaceChooserHead button:not([data-ui-owned~="border"]){border:0 !important;}.unifiedInterfaceChooserHead button:not([data-ui-owned~="radius"]){border-radius:0 !important;}.unifiedInterfaceChooserHead button:not([data-ui-owned~="paint"]){background:transparent !important;color:var(--text,#111827) !important;box-shadow:none !important;}.unifiedInterfaceChooserHead button:not([data-ui-owned~="font"]){font-size:22px !important;line-height:1 !important;} .unifiedInterfaceChooserHint:not([data-ui-owned~="margin"]){margin:9px 0 !important;}.unifiedInterfaceChooserHint:not([data-ui-owned~="paint"]){color:var(--muted,#6b7280) !important;}.unifiedInterfaceChooserHint:not([data-ui-owned~="font"]){font-size:13px !important;} .unifiedInterfaceChooserList:not([data-ui-owned~="layout"]){display:grid !important;gap:var(--ui-block-gap) !important;} .unifiedInterfaceChooserBtn:not([data-ui-owned~="size"]){width:100% !important;}.unifiedInterfaceChooserBtn:not([data-ui-owned~="height"]){min-height:52px !important;}.unifiedInterfaceChooserBtn:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;}.unifiedInterfaceChooserBtn:not([data-ui-owned~="spacing"]){padding:10px 14px !important;}.unifiedInterfaceChooserBtn:not([data-ui-owned~="border"]){border:0 !important;}.unifiedInterfaceChooserBtn:not([data-ui-owned~="radius"]){border-radius:14px !important;}.unifiedInterfaceChooserBtn:not([data-ui-owned~="paint"]){background:transparent !important;color:var(--accent,#0a93d5) !important;box-shadow:none !important;}.unifiedInterfaceChooserBtn:not([data-ui-owned~="font"]){font-size:16px !important;font-weight:900 !important;text-align:left !important;} .unifiedInterfaceChooserBtn.current:not([data-ui-owned~="effect"]),.unifiedInterfaceChooserBtn:disabled:not([data-ui-owned~="effect"]){opacity:1 !important;}.unifiedInterfaceChooserBtn.current:not([data-ui-owned~="paint"]),.unifiedInterfaceChooserBtn:disabled:not([data-ui-owned~="paint"]){background:var(--soft,#eef2f7) !important;color:var(--muted,#6b7280) !important;}.unifiedInterfaceChooserBtn.current:not([data-ui-owned~="border"]),.unifiedInterfaceChooserBtn:disabled:not([data-ui-owned~="border"]){border:1px solid var(--border,#e5e7eb) !important;} .unifiedInterfaceChooserIcon:not([data-ui-owned~="layout"]){flex:0 0 auto !important;}.unifiedInterfaceChooserIcon:not([data-ui-owned~="font"]){font-size:21px !important;line-height:1 !important;} html[data-native-theme="dark"] .unifiedInterfaceChooserBox:not([data-ui-owned~="paint"]){background:#0f172a !important;}html[data-native-theme="dark"] .unifiedInterfaceChooserBox:not([data-ui-owned~="border"]){border-color:#334155 !important;} html[data-native-theme="dark"] .unifiedInterfaceChooserHead button:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] .unifiedInterfaceChooserBtn.current:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .unifiedInterfaceChooserBtn:disabled:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#cbd5e1 !important;}html[data-native-theme="dark"] .unifiedInterfaceChooserBtn.current:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .unifiedInterfaceChooserBtn:disabled:not([data-ui-owned~="border"]){border-color:#334155 !important;} /* v2.0.93 native client final normalization: one geometry source. */ html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="layout"]){gap:var(--ui-block-gap) 0 !important;row-gap:var(--ui-block-gap) !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="spacing"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="spacing"]),html.nativeShell body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="spacing"]){padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important;padding-right:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .searchBox.catalogOnly:not([data-ui-owned~="margin"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly:not([data-ui-owned~="margin"]),html.nativeShell body:not(.sectionMode) .catalogSticky .chips.catalogOnly:not([data-ui-owned~="margin"]){margin:0 !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow:not([data-ui-owned~="size"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="size"]){width:100% !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow:not([data-ui-owned~="margin"]),html.nativeShell body:not(.sectionMode) .catalogSticky #groups.catalogOnly .singleCategoryToolbar:not([data-ui-owned~="margin"]){margin:0 !important;} html.nativeShell body.sectionMode .sitePage:not(.hidden):not([data-ui-owned~="layout"]),html.nativeShell body:not(.sectionMode) .catalogScroll:not([data-ui-owned~="layout"]){box-sizing:border-box !important;} /* v2.0.93: final regression guards. Keep native catalog/sections in their own viewport contract. */ html.nativeShell body:not(.sectionMode) .catalogScroll #products.grid.catalogOnly:not([data-ui-owned~="spacing"]){padding-top:0 !important;}html.nativeShell body:not(.sectionMode) .catalogScroll #products.grid.catalogOnly:not([data-ui-owned~="margin"]){margin-top:0 !important;} html.nativeShell body.sectionMode #cartPanel.sitePage:not(.hidden),html.nativeShell body.sectionMode #infoPanel.sitePage:not(.hidden){left:var(--ui-shell-side-gap,1mm) !important;right:var(--ui-shell-side-gap,1mm) !important;}html.nativeShell body.sectionMode #cartPanel.sitePage:not(.hidden):not([data-ui-owned~="size"]),html.nativeShell body.sectionMode #infoPanel.sitePage:not(.hidden):not([data-ui-owned~="size"]){width:auto !important;min-width:0 !important;max-width:none !important;}html.nativeShell body.sectionMode #cartPanel.sitePage:not(.hidden):not([data-ui-owned~="margin"]),html.nativeShell body.sectionMode #infoPanel.sitePage:not(.hidden):not([data-ui-owned~="margin"]){margin:0 !important;}html.nativeShell body.sectionMode #cartPanel.sitePage:not(.hidden):not([data-ui-owned~="effect"]),html.nativeShell body.sectionMode #infoPanel.sitePage:not(.hidden):not([data-ui-owned~="effect"]){transform:none !important;}html.nativeShell body.sectionMode #cartPanel.sitePage:not(.hidden):not([data-ui-owned~="layout"]),html.nativeShell body.sectionMode #infoPanel.sitePage:not(.hidden):not([data-ui-owned~="layout"]){box-sizing:border-box !important;} .orderMessengerOverlay.messengerViewportManaged{inset:auto !important;top:0 !important;left:0 !important;right:auto !important;bottom:auto !important;will-change:transform,height !important;}.orderMessengerOverlay.messengerViewportManaged:not([data-ui-owned~="size"]){width:var(--messenger-visual-width,100vw) !important;}.orderMessengerOverlay.messengerViewportManaged:not([data-ui-owned~="height"]){height:var(--messenger-visual-height,100dvh) !important;max-height:var(--messenger-visual-height,100dvh) !important;}.orderMessengerOverlay.messengerViewportManaged:not([data-ui-owned~="effect"]){transform:translate3d(var(--messenger-fix-x,0px),var(--messenger-fix-y,0px),0) !important;} /* v2.0.94: client geometry and text-button normalization. Mobile PWA pages use physical side insets instead of centering transforms; desktop centering is handled only by the media rule above. */ .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="border"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="border"]){border:0 !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="radius"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="radius"]){border-radius:13px !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="paint"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="paint"]){background:var(--accent,#0a93d5) !important;color:#fff !important;box-shadow:none !important;}.singleCategoryToolbar .categoryToggle:not([data-ui-owned~="font"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle:not([data-ui-owned~="font"]){font-weight:900 !important;} .unifiedInterfaceChooserBtn:not([data-ui-owned~="layout"]){justify-content:center !important;}.unifiedInterfaceChooserBtn:not([data-ui-owned~="font"]){text-align:center !important;} .unifiedInterfaceChooserIcon{display:none !important;} /* v2.0.95: confirmed v2.0.94 geometry stays intact; scanner/search and icon polish only. */ .searchInputWrap input:not([data-ui-owned~="spacing"]){padding-right:88px !important;} .searchScanBtn{position:absolute !important;right:7px !important;top:50% !important;z-index:3 !important;}.searchScanBtn:not([data-ui-owned~="effect"]){transform:translateY(-50%) !important;}.searchScanBtn:not([data-ui-owned~="size"]){width:36px !important;min-width:36px !important;}.searchScanBtn:not([data-ui-owned~="height"]){height:36px !important;min-height:36px !important;}.searchScanBtn:not([data-ui-owned~="spacing"]){padding:0 !important;}.searchScanBtn:not([data-ui-owned~="border"]){border:0 !important;}.searchScanBtn:not([data-ui-owned~="radius"]){border-radius:10px !important;}.searchScanBtn:not([data-ui-owned~="paint"]){background:transparent !important;color:#334155 !important;box-shadow:none !important;}.searchScanBtn:not([data-ui-owned~="layout"]){display:grid !important;place-items:center !important;} .searchScanBtn svg:not([data-ui-owned~="size"]){width:27px !important;}.searchScanBtn svg:not([data-ui-owned~="height"]){height:27px !important;}.searchScanBtn svg{fill:none !important;stroke:currentColor !important;stroke-width:1.75 !important;stroke-linecap:round !important;stroke-linejoin:round !important;} .searchScanBtn:active:not([data-ui-owned~="paint"]){background:rgba(15,23,42,.07) !important;} .clearSearchBtn{position:absolute !important;left:auto !important;right:47px !important;top:50% !important;bottom:auto !important;margin:0 !important;transform:translateY(-50%) !important;}.clearSearchBtn:not([data-ui-owned~="size"]){width:30px !important;min-width:30px !important;}.clearSearchBtn:not([data-ui-owned~="height"]){height:30px !important;min-height:30px !important;}.clearSearchBtn:not([data-ui-owned~="spacing"]){padding:0 !important;}.clearSearchBtn:not([data-ui-owned~="border"]){border:0 !important;border-radius:0 !important;}.clearSearchBtn:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;color:var(--muted,#64748b) !important;-webkit-text-fill-color:currentColor !important;}.clearSearchBtn:not([data-ui-owned~="font"]){font:500 24px/30px system-ui !important;text-align:center !important;} html[data-native-theme="dark"] .searchScanBtn:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} /* One clean symmetrical heart path everywhere: top favourite and product cards. */ .favoriteTop::before,.favoriteBtn::before{content:"" !important;}.favoriteTop:not([data-ui-owned~="layout"])::before,.favoriteBtn:not([data-ui-owned~="layout"])::before{display:block !important;}.favoriteTop:not([data-ui-owned~="paint"])::before,.favoriteBtn:not([data-ui-owned~="paint"])::before{background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28C14.3 26.5 5 20.7 3.3 13.7C2.1 8.8 5.1 4.5 9.7 4.5C12.2 4.5 14.4 5.7 16 7.8C17.6 5.7 19.8 4.5 22.3 4.5C26.9 4.5 29.9 8.8 28.7 13.7C27 20.7 17.7 26.5 16 28Z' fill='white' stroke='%231f2937' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;} .favoriteTop.active:not([data-ui-owned~="paint"])::before,.favoriteBtn.active:not([data-ui-owned~="paint"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28C14.3 26.5 5 20.7 3.3 13.7C2.1 8.8 5.1 4.5 9.7 4.5C12.2 4.5 14.4 5.7 16 7.8C17.6 5.7 19.8 4.5 22.3 4.5C26.9 4.5 29.9 8.8 28.7 13.7C27 20.7 17.7 26.5 16 28Z' fill='%23ef4444' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;} .favoriteTop:not([data-ui-owned~="size"])::before{width:28px !important;}.favoriteTop:not([data-ui-owned~="height"])::before{height:28px !important;} .favoriteBtn:not([data-ui-owned~="font"]){font-size:0 !important;} .favoriteBtn:not([data-ui-owned~="size"])::before{width:31px !important;}.favoriteBtn:not([data-ui-owned~="height"])::before{height:31px !important;} html[data-native-theme="dark"] .favoriteTop:not(.active):not([data-ui-owned~="paint"])::before,html[data-native-theme="dark"] .favoriteBtn:not(.active):not([data-ui-owned~="paint"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28C14.3 26.5 5 20.7 3.3 13.7C2.1 8.8 5.1 4.5 9.7 4.5C12.2 4.5 14.4 5.7 16 7.8C17.6 5.7 19.8 4.5 22.3 4.5C26.9 4.5 29.9 8.8 28.7 13.7C27 20.7 17.7 26.5 16 28Z' fill='%230f172a' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;} /* iOS messenger: absolute visual-viewport anchoring, no fixed-layer keyboard pan. */ .orderMessengerOverlay.iosMessengerViewport:not([data-ui-owned~="effect"]){transform:none !important;}.orderMessengerOverlay.iosMessengerViewport{will-change:top,left,width,height !important;}.orderMessengerOverlay.iosMessengerViewport:not([data-ui-owned~="spacing"]){padding:8px 8px max(8px, env(safe-area-inset-bottom)) !important;}.orderMessengerOverlay.iosMessengerViewport:not([data-ui-owned~="layout"]){box-sizing:border-box !important;place-items:end center !important;} .orderMessengerOverlay.iosMessengerViewport .orderMessengerBox:not([data-ui-owned~="size"]){width:min(calc(var(--messenger-visual-width, 100vw) - 16px), 520px) !important;}.orderMessengerOverlay.iosMessengerViewport .orderMessengerBox:not([data-ui-owned~="height"]){height:var(--messenger-box-height, min(72vh,620px)) !important;max-height:var(--messenger-box-height, min(72vh,620px)) !important;} .orderMessengerOverlay.iosMessengerViewport .orderMessengerForm textarea:not([data-ui-owned~="font"]){font-size:16px !important;} /* v2.0.95 iOS 26 keyboard guard: when the visual viewport shrinks, anchor the conversation to its top edge and let only the messages list scroll. */ .orderMessengerOverlay.iosMessengerViewport.iosKeyboardVisible{place-items:start center !important;padding:6px 8px 6px !important;} .orderMessengerOverlay.iosMessengerViewport.iosKeyboardVisible .orderMessengerBox{height:var(--messenger-box-height) !important;max-height:var(--messenger-box-height) !important;} /* v2.0.95: final heart guard — one symmetric vector, no legacy glyph/pseudo tails. */ .favoriteTop:not([data-ui-owned~="paint"]),.favoriteBtn:not([data-ui-owned~="paint"]){text-shadow:none !important;} .favoriteTop::after,.favoriteBtn::after{content:none !important;display:none !important;} .favoriteTop:not([data-ui-owned~="paint"])::before,.favoriteBtn:not([data-ui-owned~="paint"])::before{filter:none !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28.25C14.15 26.58 4 20.35 4 12.05C4 7.75 7.13 4.5 11.22 4.5C13.35 4.5 15.12 5.48 16 7.08C16.88 5.48 18.65 4.5 20.78 4.5C24.87 4.5 28 7.75 28 12.05C28 20.35 17.85 26.58 16 28.25Z' fill='white' stroke='%231f2937' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;}.favoriteTop:not([data-ui-owned~="effect"])::before,.favoriteBtn:not([data-ui-owned~="effect"])::before{transform:none !important;} .favoriteTop.active:not([data-ui-owned~="paint"])::before,.favoriteBtn.active:not([data-ui-owned~="paint"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28.25C14.15 26.58 4 20.35 4 12.05C4 7.75 7.13 4.5 11.22 4.5C13.35 4.5 15.12 5.48 16 7.08C16.88 5.48 18.65 4.5 20.78 4.5C24.87 4.5 28 7.75 28 12.05C28 20.35 17.85 26.58 16 28.25Z' fill='%23ef4444' stroke='%23ef4444' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;} html[data-native-theme="dark"] .favoriteTop:not(.active):not([data-ui-owned~="paint"])::before,html[data-native-theme="dark"] .favoriteBtn:not(.active):not([data-ui-owned~="paint"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28.25C14.15 26.58 4 20.35 4 12.05C4 7.75 7.13 4.5 11.22 4.5C13.35 4.5 15.12 5.48 16 7.08C16.88 5.48 18.65 4.5 20.78 4.5C24.87 4.5 28 7.75 28 12.05C28 20.35 17.85 26.58 16 28.25Z' fill='%230f172a' stroke='%23e2e8f0' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;} /* v2.0.96: preserve the confirmed v2.0.94 geometry; only new surfaces below. */ /* Search scanner exactly follows the supplied four-corner + two-row barcode reference. */ .searchScanBtn:not([data-ui-owned~="paint"]){color:#050505 !important;} .searchScanBtn svg:not([data-ui-owned~="size"]){width:29px !important;}.searchScanBtn svg:not([data-ui-owned~="height"]){height:29px !important;}.searchScanBtn svg{stroke-width:2.45 !important;} .searchScanBtn .scanCorner{stroke-linecap:round !important;stroke-linejoin:round !important;} .searchScanBtn .scanBars{stroke-linecap:butt !important;stroke-linejoin:miter !important;} html[data-native-theme="dark"] .searchScanBtn:not([data-ui-owned~="paint"]){color:#f8fafc !important;} /* Favorite count is intentionally retired; the heart itself is the only top action. */ #favCount,.favoriteTop > b{display:none !important;} /* Category-first catalogue. Photos are owned by the platform, not 1C. */ .categoryGrid:not([data-ui-owned~="layout"]){display:grid;gap:var(--ui-block-gap,.5mm);}.categoryGrid:not([data-ui-owned~="columns"]){grid-template-columns:repeat(2,minmax(0,1fr));}.categoryGrid:not([data-ui-owned~="spacing"]){padding:0 1mm var(--ui-block-gap,.5mm);}.categoryGrid{align-content:start;} .categoryGrid.hidden{display:none !important;} .categoryCard:not([data-ui-owned~="size"]){min-width:0;}.categoryCard:not([data-ui-owned~="height"]){min-height:154px;}.categoryCard:not([data-ui-owned~="spacing"]){padding:7px;}.categoryCard:not([data-ui-owned~="border"]){border:1px solid var(--border,#e5e7eb);}.categoryCard:not([data-ui-owned~="radius"]){border-radius:16px;}.categoryCard:not([data-ui-owned~="paint"]){background:var(--card,#fff);color:var(--text,#111827);box-shadow:0 2px 8px rgba(15,23,42,.05);}.categoryCard:not([data-ui-owned~="layout"]){display:grid;grid-template-rows:minmax(112px,1fr) auto;gap:7px;overflow:hidden;}.categoryCard:not([data-ui-owned~="font"]){text-align:left;} .categoryCardMedia:not([data-ui-owned~="size"]){width:100%;}.categoryCardMedia:not([data-ui-owned~="height"]){min-height:112px;}.categoryCardMedia:not([data-ui-owned~="radius"]){border-radius:12px;}.categoryCardMedia:not([data-ui-owned~="layout"]){overflow:hidden;display:grid;place-items:center;}.categoryCardMedia:not([data-ui-owned~="paint"]){background:#f1f5f9;} .categoryCardMedia img:not([data-ui-owned~="size"]){width:100%;}.categoryCardMedia img:not([data-ui-owned~="height"]){height:100%;min-height:112px;}.categoryCardMedia img:not([data-ui-owned~="image"]){object-fit:cover;}.categoryCardMedia img:not([data-ui-owned~="layout"]){display:block;} .categoryCardMedia svg:not([data-ui-owned~="size"]){width:54px;}.categoryCardMedia svg:not([data-ui-owned~="height"]){height:54px;}.categoryCardMedia svg{fill:none;stroke:#94a3b8;stroke-width:2;} .categoryCard b:not([data-ui-owned~="font"]){font-size:15px;line-height:1.2;}.categoryCard b:not([data-ui-owned~="layout"]){overflow-wrap:anywhere;} html[data-native-theme="dark"] .categoryCard:not([data-ui-owned~="paint"]){background:#111827;color:#f8fafc;}html[data-native-theme="dark"] .categoryCard:not([data-ui-owned~="border"]){border-color:#334155;} html[data-native-theme="dark"] .categoryCardMedia:not([data-ui-owned~="paint"]){background:#0f172a;} /* Saved apartment metadata belongs to the address itself and is reused at checkout. */ .addressLiftCheck:not([data-ui-owned~="margin"]){margin:0 !important;} .addressPick small:not([data-ui-owned~="layout"]){display:block;}.addressPick small:not([data-ui-owned~="margin"]){margin-top:3px;}.addressPick small:not([data-ui-owned~="paint"]){color:var(--muted,#64748b);}.addressPick small:not([data-ui-owned~="font"]){font-size:12px;line-height:1.25;} /* All bottom sheets reserve the measured navigation height plus the standard 0.5 mm gap. This removes the hard-coded 66/70 px race that allowed “Способ получения” to touch nav. */ #cartPanel .checkoutEditorOverlay:not([data-ui-owned~="spacing"]),.profileActionSheet:not([data-ui-owned~="spacing"]),.clientPaymentOverlay:not([data-ui-owned~="spacing"]){padding-bottom:calc(var(--client-bottom-nav-height,64px) + var(--ui-bottom-gap,.5mm)) !important;} #cartPanel .checkoutEditorSheet:not([data-ui-owned~="margin"]),.profileActionSheet .profileSheetBox:not([data-ui-owned~="margin"]),.clientPaymentOverlay .clientPaymentSheet:not([data-ui-owned~="margin"]){margin-bottom:0 !important;} /* Placeholder home is intentionally simple until ads/promotions are implemented. */ #infoPanel.homeMode #infoBody:not([data-ui-owned~="height"]){height:100%;} .homePlaceholder:not([data-ui-owned~="height"]){min-height:100%;}.homePlaceholder:not([data-ui-owned~="layout"]){display:grid;gap:8px;}.homePlaceholder{place-content:center;justify-items:center;}.homePlaceholder:not([data-ui-owned~="font"]){text-align:center;}.homePlaceholder:not([data-ui-owned~="spacing"]){padding:18px;}.homePlaceholder:not([data-ui-owned~="paint"]){color:var(--muted,#64748b);} .homePlaceholderMark:not([data-ui-owned~="size"]){width:66px;}.homePlaceholderMark:not([data-ui-owned~="height"]){height:66px;}.homePlaceholderMark:not([data-ui-owned~="radius"]){border-radius:20px;}.homePlaceholderMark:not([data-ui-owned~="paint"]){background:color-mix(in srgb,var(--accent,#0a93d5) 14%,transparent);}.homePlaceholderMark{position:relative;} .homePlaceholderMark::before{content:"";position:absolute;inset:19px 15px 17px;}.homePlaceholderMark:not([data-ui-owned~="border"])::before{border:3px solid var(--accent,#0a93d5);}.homePlaceholderMark:not([data-ui-owned~="radius"])::before{border-radius:7px;} .homePlaceholderMark::after{content:"";position:absolute;left:20px;right:20px;top:25px;}.homePlaceholderMark:not([data-ui-owned~="height"])::after{height:3px;}.homePlaceholderMark:not([data-ui-owned~="paint"])::after{background:var(--accent,#0a93d5);box-shadow:0 8px 0 var(--accent,#0a93d5);} .homePlaceholder h3:not([data-ui-owned~="margin"]){margin:0;}.homePlaceholder h3:not([data-ui-owned~="paint"]){color:var(--text,#111827);}.homePlaceholder h3:not([data-ui-owned~="font"]){font-size:20px;} .homePlaceholder p:not([data-ui-owned~="margin"]){margin:0;}.homePlaceholder p:not([data-ui-owned~="size"]){max-width:330px;}.homePlaceholder p:not([data-ui-owned~="font"]){line-height:1.45;} /* v2.0.97: iOS refresh/chat stability + compact catalogue controls. Do not alter the confirmed v2.0.94 order geometry or pinned totals. */ /* Exact symmetric four-corner barcode glyph supplied by the user. */ /* v2.0.98: the search glyph is the user-supplied reference bitmap, cropped only to remove its white canvas. */ .searchScanBtn img:not([data-ui-owned~="size"]){width:30px !important;}.searchScanBtn img:not([data-ui-owned~="height"]){height:30px !important;}.searchScanBtn img:not([data-ui-owned~="image"]){object-fit:contain !important;}.searchScanBtn img:not([data-ui-owned~="layout"]){display:block !important;}.searchScanBtn img{pointer-events:none !important;} html[data-native-theme="dark"] .searchScanBtn img:not([data-ui-owned~="paint"]){filter:invert(1) !important;} /* Category control is the same four-block pictogram as the category fallback. */ .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="size"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="size"]){width:38px !important;min-width:38px !important;max-width:38px !important;}.singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="height"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="height"]){height:35px !important;min-height:35px !important;}.singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="spacing"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="spacing"]){padding:0 !important;}.singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="layout"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="layout"]){display:grid !important;place-items:center !important;}.singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="font"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="font"]){font-size:0 !important;line-height:0 !important;}.singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="border"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="border"]){border:0 !important;}.singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="radius"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="radius"]){border-radius:0 !important;}.singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="paint"]),body:not(.sectionMode) .catalogSticky .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="paint"]){outline:0 !important;background:transparent !important;color:#000 !important;box-shadow:none !important;} .singleCategoryToolbar .categoryToggle.categoryIconToggle:hover:not([data-ui-owned~="border"]),.singleCategoryToolbar .categoryToggle.categoryIconToggle:focus:not([data-ui-owned~="border"]),.singleCategoryToolbar .categoryToggle.categoryIconToggle:active:not([data-ui-owned~="border"]){border:0 !important;}.singleCategoryToolbar .categoryToggle.categoryIconToggle:hover:not([data-ui-owned~="paint"]),.singleCategoryToolbar .categoryToggle.categoryIconToggle:focus:not([data-ui-owned~="paint"]),.singleCategoryToolbar .categoryToggle.categoryIconToggle:active:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;} .categoryMenuIcon:not([data-ui-owned~="size"]){width:22px !important;}.categoryMenuIcon:not([data-ui-owned~="height"]){height:22px !important;}.categoryMenuIcon{fill:none !important;stroke:currentColor !important;stroke-width:2 !important;} html[data-native-theme="dark"] .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="paint"]){color:#fff !important;} .categoryBackIcon:not([data-ui-owned~="size"]){width:24px !important;}.categoryBackIcon:not([data-ui-owned~="height"]){height:24px !important;}.categoryBackIcon{fill:none !important;stroke:currentColor !important;stroke-width:2.3 !important;stroke-linecap:round !important;stroke-linejoin:round !important;} /* .deliveryCheck has display:flex!important earlier, so a plain .hidden class was unable to hide the saved lift line. This explicit guard restores the expected "Нет квартиры" contract. */ .deliveryCheck.hidden,#deliverySavedLiftField.hidden{display:none !important;} /* Bottom sheets are viewport portals and keep a visible 1 mm gap above the measured client navigation. Messenger is deliberately excluded. */ .checkoutEditorOverlay:not([data-ui-owned~="spacing"]),.profileActionSheet:not([data-ui-owned~="spacing"]),.clientPaymentOverlay:not(.orderMessengerOverlay):not([data-ui-owned~="spacing"]){padding-bottom:calc(var(--client-bottom-nav-height,64px) + 1mm) !important;} .checkoutEditorSheet:not([data-ui-owned~="margin"]),.profileActionSheet .profileSheetBox:not([data-ui-owned~="margin"]),.clientPaymentOverlay:not(.orderMessengerOverlay) .clientPaymentSheet:not([data-ui-owned~="margin"]){margin-bottom:0 !important;} /* v2.0.96 applied the generic payment-sheet nav reserve to messenger too. Restore the confirmed normal chat spacing on Android/desktop; iOS gets its visual-viewport padding in the more specific rule below. */ .clientPaymentOverlay.orderMessengerOverlay:not([data-ui-owned~="spacing"]){padding-bottom:10px !important;} /* v2.0.98 iOS messenger: freeze the app shell at the pre-keyboard pixel height. Only this portal follows visualViewport. This prevents flex bottom navigation and the underlying order screen from being pulled upward by the keyboard. */ html.messengerViewportLocked:not([data-ui-owned~="height"]){height:var(--messenger-layout-height,100lvh) !important;min-height:var(--messenger-layout-height,100lvh) !important;max-height:var(--messenger-layout-height,100lvh) !important;}html.messengerViewportLocked:not([data-ui-owned~="layout"]){overflow:hidden !important;}html.messengerViewportLocked{overscroll-behavior:none !important;} html.messengerViewportLocked body:not([data-ui-owned~="height"]){height:var(--messenger-layout-height,100lvh) !important;min-height:var(--messenger-layout-height,100lvh) !important;max-height:var(--messenger-layout-height,100lvh) !important;}html.messengerViewportLocked body:not([data-ui-owned~="layout"]){overflow:hidden !important;}html.messengerViewportLocked body{overscroll-behavior:none !important;} .orderMessengerOverlay.iosMessengerViewport{position:fixed !important;inset:auto !important;z-index:9900 !important;}.orderMessengerOverlay.iosMessengerViewport:not([data-ui-owned~="layout"]){display:flex !important;align-items:flex-end !important;justify-content:center !important;overflow:hidden !important;box-sizing:border-box !important;}.orderMessengerOverlay.iosMessengerViewport:not([data-ui-owned~="spacing"]){padding:8px 8px max(8px, env(safe-area-inset-bottom)) !important;}.orderMessengerOverlay.iosMessengerViewport:not([data-ui-owned~="effect"]){transform:none !important;} .orderMessengerOverlay.iosMessengerViewport.iosKeyboardVisible{align-items:flex-end !important;justify-content:center !important;padding:6px 8px 6px !important;} .orderMessengerOverlay.iosMessengerViewport .orderMessengerBox,.orderMessengerOverlay.iosMessengerViewport.iosKeyboardVisible .orderMessengerBox{width:min(calc(var(--messenger-visual-width,100vw) - 16px),520px) !important;height:var(--messenger-box-height,min(72vh,620px)) !important;max-height:var(--messenger-box-height,min(72vh,620px)) !important;min-height:220px !important;} /* Native iOS rubber-band is replaced by a deterministic pull-to-refresh. */ html.iosPullRefreshEnabled,html.iosPullRefreshEnabled body{overscroll-behavior-y:none !important;} .iosPullRefreshIndicator{--pull-distance:0px;position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 5px);z-index:8800;pointer-events:none;}.iosPullRefreshIndicator:not([data-ui-owned~="height"]){min-height:34px;}.iosPullRefreshIndicator:not([data-ui-owned~="spacing"]){padding:7px 12px;}.iosPullRefreshIndicator:not([data-ui-owned~="border"]){border:1px solid var(--border,#e5e7eb);}.iosPullRefreshIndicator:not([data-ui-owned~="radius"]){border-radius:999px;}.iosPullRefreshIndicator:not([data-ui-owned~="paint"]){background:rgba(255,255,255,.96);color:var(--text,#111827);box-shadow:0 6px 22px rgba(15,23,42,.16);transition:opacity .12s ease, transform .12s ease;}.iosPullRefreshIndicator:not([data-ui-owned~="layout"]){display:flex;align-items:center;gap:8px;}.iosPullRefreshIndicator:not([data-ui-owned~="effect"]){opacity:0;transform:translate(-50%, calc(-58px + min(var(--pull-distance),68px)));} .iosPullRefreshIndicator.visible:not([data-ui-owned~="effect"]){opacity:1;} .iosPullRefreshIndicator b:not([data-ui-owned~="font"]){font-size:12px;}.iosPullRefreshIndicator b{white-space:nowrap;} .iosPullRefreshSpinner:not([data-ui-owned~="size"]){width:15px;}.iosPullRefreshSpinner:not([data-ui-owned~="height"]){height:15px;}.iosPullRefreshSpinner:not([data-ui-owned~="border"]){border:2px solid #cbd5e1;border-top-color:var(--accent,#0a93d5);}.iosPullRefreshSpinner:not([data-ui-owned~="radius"]){border-radius:50%;}.iosPullRefreshSpinner:not([data-ui-owned~="layout"]){flex:0 0 auto;} .iosPullRefreshIndicator.ready .iosPullRefreshSpinner,.iosPullRefreshIndicator.refreshing .iosPullRefreshSpinner{animation:iosPullSpin .7s linear infinite;} @keyframes iosPullSpin { to { transform:rotate(360deg); } } html[data-native-theme="dark"] .iosPullRefreshIndicator:not([data-ui-owned~="paint"]){background:#111827;color:#f8fafc;}html[data-native-theme="dark"] .iosPullRefreshIndicator:not([data-ui-owned~="border"]){border-color:#334155;} /* v2.0.99: explicit close control inside product scan result. */ #infoPanel.productScanMode #infoBody{position: relative;} .productScanResultCloseRow:not([data-ui-owned~="layout"]){display:flex;justify-content:flex-end;align-items:center;}.productScanResultCloseRow:not([data-ui-owned~="margin"]){margin:0 0 4px;} .productScanResultClose:not([data-ui-owned~="paint"]){appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;color:var(--text);}.productScanResultClose:not([data-ui-owned~="border"]){border:0;}.productScanResultClose:not([data-ui-owned~="size"]){width:36px;min-width:36px;}.productScanResultClose:not([data-ui-owned~="height"]){height:36px;}.productScanResultClose:not([data-ui-owned~="spacing"]){padding:0;}.productScanResultClose:not([data-ui-owned~="margin"]){margin:0;}.productScanResultClose:not([data-ui-owned~="radius"]){border-radius:50%;}.productScanResultClose:not([data-ui-owned~="layout"]){display:grid;place-items:center;}.productScanResultClose:not([data-ui-owned~="font"]){font:500 28px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;} .productScanResultClose:active:not([data-ui-owned~="effect"]){opacity:.55;transform:scale(.96);} /* v2.0.116: native client micro-polish. Preserve v2.0.94/v2.0.98 confirmed geometry elsewhere. */ /* Give the first catalog row a little more air below the native toolbar without changing its lower spacing. */ html.nativeShell body:not(.sectionMode) .catalogSticky:not([data-ui-owned~="spacing"]){padding-top:2mm !important;} /* Favorite is a real peer control again: same height as search, framed and centred. */ html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="layout"]),html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="layout"]){box-sizing:border-box !important;display:grid !important;place-items:center !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="size"]),html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="size"]){width:42px !important;min-width:42px !important;max-width:42px !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="height"]),html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="height"]){height:42px !important;min-height:42px !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="spacing"]),html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="spacing"]){padding:0 !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="border"]),html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="border"]){border:1px solid var(--border) !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="radius"]),html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="radius"]){border-radius:14px !important;}html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="paint"]),html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="paint"]){background:var(--card) !important;box-shadow:none !important;} html.nativeShell body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="margin"])::before{margin:0 !important;} html[data-native-theme="dark"] body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="paint"]){background:#0f172a !important;}html[data-native-theme="dark"] body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body:not(.sectionMode) .catalogSticky .catalogSearchRow .catalogFavorite.active:not([data-ui-owned~="border"]){border-color:#475569 !important;} /* Manual barcode input uses the same rounded accent action style as the rest of the client UI. */ .siteInputSheet .scannerActions .siteInputSubmit:not([data-ui-owned~="size"]){width:auto !important;}.siteInputSheet .scannerActions .siteInputSubmit:not([data-ui-owned~="layout"]){flex:1 1 0 !important;}.siteInputSheet .scannerActions .siteInputSubmit:not([data-ui-owned~="height"]){min-height:44px !important;}.siteInputSheet .scannerActions .siteInputSubmit:not([data-ui-owned~="radius"]){border-radius:13px !important;} .siteInputSheet .scannerActions .secondaryBtn:not([data-ui-owned~="height"]){min-height:44px !important;}.siteInputSheet .scannerActions .secondaryBtn:not([data-ui-owned~="radius"]){border-radius:13px !important;} /* v2.0.120: keyboard-safe auth + clean native dark surfaces. Scoped final overrides only. */ .authGateOverlay{inset:auto 0 auto 0 !important;top:var(--auth-vv-top, 0px) !important;}.authGateOverlay:not([data-ui-owned~="height"]){height:var(--auth-vv-height, 100dvh) !important;max-height:var(--auth-vv-height, 100dvh) !important;}.authGateOverlay:not([data-ui-owned~="layout"]){box-sizing:border-box !important;overflow:hidden !important;}.authGateOverlay:not([data-ui-owned~="spacing"]){padding:12px 18px !important;} .authGateBox:not([data-ui-owned~="height"]){max-height:calc(var(--auth-vv-height, 100dvh) - 24px) !important;}.authGateBox:not([data-ui-owned~="layout"]){overflow-y:auto !important;}.authGateBox{overscroll-behavior:contain !important;} .profilePrivacyActions #deleteAccountBtn:not([data-ui-owned~="layout"]){display:grid !important;gap:3px !important;}.profilePrivacyActions #deleteAccountBtn:not([data-ui-owned~="font"]){text-align:left !important;} .profilePrivacyActions #deleteAccountBtn .profileDeleteStoreName:not([data-ui-owned~="layout"]){display:block !important;}.profilePrivacyActions #deleteAccountBtn .profileDeleteStoreName:not([data-ui-owned~="paint"]){color:inherit !important;}.profilePrivacyActions #deleteAccountBtn .profileDeleteStoreName:not([data-ui-owned~="effect"]){opacity:.78 !important;}.profilePrivacyActions #deleteAccountBtn .profileDeleteStoreName:not([data-ui-owned~="font"]){font-size:12px !important;font-weight:700 !important;line-height:1.2 !important;} .clientOrderContactIcon:not([data-ui-owned~="paint"]),.clientOrderContactIcon.active:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;outline:0 !important;}.clientOrderContactIcon:not([data-ui-owned~="border"]),.clientOrderContactIcon.active:not([data-ui-owned~="border"]){border:0 !important;} html[data-native-theme="dark"] #cartPanel:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .panelBody:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .panelBottom:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .checkoutBox:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .checkoutQuick:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .cartTotalsBox.totalsPanel:not([data-ui-owned~="paint"]){background:transparent !important;box-shadow:none !important;} html[data-native-theme="dark"] #cartPanel .cartLine:not([data-ui-owned~="paint"]){background:transparent !important;color:#f8fafc !important;box-shadow:none !important;}html[data-native-theme="dark"] #cartPanel .cartLine:not([data-ui-owned~="border"]){border:1px solid #334155 !important;}html[data-native-theme="dark"] #cartPanel .cartLine:not([data-ui-owned~="radius"]){border-radius:14px !important;} html[data-native-theme="dark"] #cartPanel .cartLineMain > b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #cartPanel .cartLineMain > strong:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] #cartPanel .cartLineMain small:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} html[data-native-theme="dark"] body.sectionMode .supportTicketCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportTicketCard:not([data-ui-owned~="paint"]){background:transparent !important;color:#f8fafc !important;box-shadow:none !important;}html[data-native-theme="dark"] body.sectionMode .supportTicketCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportTicketCard:not([data-ui-owned~="border"]){border:1px solid #475569 !important;} html[data-native-theme="dark"] .supportTicketCard b:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] .supportTicketCard small:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} /* v2.0.121: final dark-theme consistency + profile deletion context. Client cart is the visual reference: transparent surfaces, outline cards, semantic accent only for real actions. */ .accountDeleteStore:not([data-ui-owned~="layout"]){display:grid !important;gap:3px !important;}.accountDeleteStore:not([data-ui-owned~="margin"]){margin:0 0 10px !important;}.accountDeleteStore:not([data-ui-owned~="spacing"]){padding:10px 12px !important;}.accountDeleteStore:not([data-ui-owned~="border"]){border:1px solid var(--border,#e5e7eb) !important;}.accountDeleteStore:not([data-ui-owned~="radius"]){border-radius:12px !important;}.accountDeleteStore:not([data-ui-owned~="paint"]){background:var(--soft,#f8fafc) !important;color:var(--text,#111827) !important;} .accountDeleteStore span:not([data-ui-owned~="paint"]){color:var(--muted,#6b7280) !important;}.accountDeleteStore span:not([data-ui-owned~="font"]){font-size:12px !important;font-weight:700 !important;} .accountDeleteStore b:not([data-ui-owned~="paint"]){color:var(--text,#111827) !important;}.accountDeleteStore b:not([data-ui-owned~="font"]){font-size:15px !important;}.accountDeleteStore b:not([data-ui-owned~="layout"]){overflow-wrap:anywhere !important;} html[data-native-theme="dark"] .accountDeleteStore:not([data-ui-owned~="paint"]){background:transparent !important;color:#f8fafc !important;}html[data-native-theme="dark"] .accountDeleteStore:not([data-ui-owned~="border"]){border-color:#334155 !important;} html[data-native-theme="dark"] .accountDeleteStore span:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;} html[data-native-theme="dark"] .accountDeleteStore b:not([data-ui-owned~="paint"]){color:#f8fafc !important;} /* Support uses the same clean outlined language as the dark client cart. */ html[data-native-theme="dark"] .supportList:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportCreate:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportDialog:not([data-ui-owned~="paint"]){background:transparent !important;color:#f8fafc !important;box-shadow:none !important;} html[data-native-theme="dark"] .supportTicketCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportTicketCard:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] body.sectionMode .supportTicketCard:not([data-ui-owned~="paint"]){background:transparent !important;background-color:transparent !important;color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;box-shadow:none !important;}html[data-native-theme="dark"] .supportTicketCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportTicketCard:not([data-ui-owned~="border"]),html[data-native-theme="dark"] body.sectionMode .supportTicketCard:not([data-ui-owned~="border"]){border:1px solid #334155 !important;} html[data-native-theme="dark"] .supportTicketCard b:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportTicketCard b:not([data-ui-owned~="paint"]){color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;} html[data-native-theme="dark"] .supportTicketCard small:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportTicketCard small:not([data-ui-owned~="paint"]){color:#cbd5e1 !important;-webkit-text-fill-color:#cbd5e1 !important;} html[data-native-theme="dark"] .supportMessage:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .supportMessage.client:not([data-ui-owned~="paint"]){background:transparent !important;color:#f8fafc !important;box-shadow:none !important;}html[data-native-theme="dark"] .supportMessage:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .supportMessage.client:not([data-ui-owned~="border"]){border:1px solid #334155 !important;} html[data-native-theme="dark"] .supportStatus:not([data-ui-owned~="paint"]){background:#172554 !important;color:#bfdbfe !important;} html[data-native-theme="dark"] .supportStatus.in_progress:not([data-ui-owned~="paint"]){background:#422006 !important;color:#fde68a !important;} html[data-native-theme="dark"] .supportStatus.closed:not([data-ui-owned~="paint"]){background:#0f172a !important;color:#cbd5e1 !important;} /* v2.0.228: deterministic catalogue geometry without row collapse. Exactly three category rows (six cards) fit the visible catalogue viewport. The fourth and later rows keep the same height and extend the grid, so the existing .catalogScroll vertical scroller handles 7+ categories naturally. */ body:not(.sectionMode) .catalogScroll .categoryGrid:not(.hidden):not([data-ui-owned~="size"]){width:100% !important;}body:not(.sectionMode) .catalogScroll .categoryGrid:not(.hidden):not([data-ui-owned~="height"]){height:auto !important;min-height:100% !important;}body:not(.sectionMode) .catalogScroll .categoryGrid:not(.hidden):not([data-ui-owned~="margin"]){margin:0 !important;}body:not(.sectionMode) .catalogScroll .categoryGrid:not(.hidden):not([data-ui-owned~="spacing"]){padding:0 !important;}body:not(.sectionMode) .catalogScroll .categoryGrid:not(.hidden):not([data-ui-owned~="columns"]){grid-template-columns:repeat(2,minmax(0,1fr)) !important;}body:not(.sectionMode) .catalogScroll .categoryGrid:not(.hidden):not([data-ui-owned~="layout"]){grid-template-rows:none !important;grid-auto-rows:var(--category-row-height,154px) !important;gap:var(--ui-block-gap,.5mm) !important;}body:not(.sectionMode) .catalogScroll .categoryGrid:not(.hidden){align-content:start !important;} body:not(.sectionMode) .catalogScroll .categoryCard:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}body:not(.sectionMode) .catalogScroll .categoryCard:not([data-ui-owned~="spacing"]){padding:5px !important;}body:not(.sectionMode) .catalogScroll .categoryCard:not([data-ui-owned~="layout"]){grid-template-rows:minmax(0,1fr) auto !important;gap:4px !important;}body:not(.sectionMode) .catalogScroll .categoryCard:not([data-ui-owned~="radius"]){border-radius:14px !important;} body:not(.sectionMode) .catalogScroll .categoryCardMedia:not([data-ui-owned~="height"]){min-height:0 !important;height:100% !important;}body:not(.sectionMode) .catalogScroll .categoryCardMedia:not([data-ui-owned~="radius"]){border-radius:10px !important;} body:not(.sectionMode) .catalogScroll .categoryCardMedia img:not([data-ui-owned~="size"]){width:100% !important;}body:not(.sectionMode) .catalogScroll .categoryCardMedia img:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;}body:not(.sectionMode) .catalogScroll .categoryCardMedia img:not([data-ui-owned~="image"]){object-fit:contain !important;object-position:center !important;} body:not(.sectionMode) .catalogScroll .categoryCard b:not([data-ui-owned~="font"]){font-size:clamp(12px,3.6vw,15px) !important;line-height:1.12 !important;}body:not(.sectionMode) .catalogScroll .categoryCard b:not([data-ui-owned~="height"]){max-height:2.24em !important;}body:not(.sectionMode) .catalogScroll .categoryCard b:not([data-ui-owned~="layout"]){overflow:hidden !important;} /* v2.0.128: category photos use a white canvas while object-fit:contain keeps the whole uploaded image visible. This is visual-only and does not touch viewport/safe-area/iOS interaction rules. */ body:not(.sectionMode) .catalogScroll .categoryCardMedia:not([data-ui-owned~="paint"]){background:#fff !important;} body:not(.sectionMode) .catalogScroll .categoryCardMedia img:not([data-ui-owned~="paint"]){background:#fff !important;} /* v2.0.132: cart product previews use the same clean framed canvas as quantity controls. Keep transparent product PNGs on white and never crop the image. */ #cartPanel .cartLineImg img:not([data-ui-owned~="size"]){width:100% !important;}#cartPanel .cartLineImg img:not([data-ui-owned~="height"]){height:100% !important;}#cartPanel .cartLineImg img:not([data-ui-owned~="image"]){object-fit:contain !important;object-position:center !important;}#cartPanel .cartLineImg img:not([data-ui-owned~="paint"]){background:#fff !important;} /* v2.0.144: unread support replies. Native toolbar shows only a dot; the support list shows the actual unread count. */ .supportTicketMeta:not([data-ui-owned~="layout"]){display:flex;align-items:center;gap:7px;flex:0 0 auto;} .supportUnreadBadge:not([data-ui-owned~="layout"]){display:inline-flex;align-items:center;justify-content:center;}.supportUnreadBadge:not([data-ui-owned~="size"]){min-width:22px;}.supportUnreadBadge:not([data-ui-owned~="height"]){height:22px;}.supportUnreadBadge:not([data-ui-owned~="spacing"]){padding:0 6px;}.supportUnreadBadge:not([data-ui-owned~="radius"]){border-radius:999px;}.supportUnreadBadge:not([data-ui-owned~="paint"]){background:#ef4444;color:#fff;box-shadow:0 0 0 2px var(--card,#fff);}.supportUnreadBadge:not([data-ui-owned~="font"]){font-size:12px;font-weight:900;line-height:1;} /* v2.0.144: unread support replies. Native toolbar shows only a dot; the support list shows the actual unread count. */ .supportTicketMeta:not([data-ui-owned~="layout"]){display:flex;align-items:center;gap:7px;flex:0 0 auto;} .supportUnreadBadge:not([data-ui-owned~="layout"]){display:inline-flex;align-items:center;justify-content:center;}.supportUnreadBadge:not([data-ui-owned~="size"]){min-width:22px;}.supportUnreadBadge:not([data-ui-owned~="height"]){height:22px;}.supportUnreadBadge:not([data-ui-owned~="spacing"]){padding:0 6px;}.supportUnreadBadge:not([data-ui-owned~="radius"]){border-radius:999px;}.supportUnreadBadge:not([data-ui-owned~="paint"]){background:#ef4444;color:#fff;box-shadow:0 0 0 2px var(--card,#fff);}.supportUnreadBadge:not([data-ui-owned~="font"]){font-size:12px;font-weight:900;line-height:1;} /* v2.0.157: order-detail product photos use the same clean, non-cropping canvas as catalog/cart previews. Portrait and transparent product images keep their original aspect ratio instead of visually filling/cropping the order thumb. */ #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="paint"]){background:#fff !important;box-shadow:none !important;}#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="border"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="border"]){border:1px solid #d1d5db !important;}#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="layout"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="layout"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="layout"]){box-sizing:border-box !important;}#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="spacing"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="spacing"]){padding:2px !important;} #infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="layout"]){display:block !important;}#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="size"]){width:100% !important;max-width:100% !important;}#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="height"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="height"]){height:100% !important;max-height:100% !important;}#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="image"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="image"]){object-fit:contain !important;object-position:center !important;}#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="paint"]){background:#fff !important;} /* v2.0.160: order thumbnails must never crop portrait product photos. v2.0.157 covered the current unified renderer; keep the legacy renderer protected too because an already-open native WebView may briefly use its previously cached DOM/JS while CSS is revalidated. */ .clientOrderItemThumb:not([data-ui-owned~="paint"]),#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientOrderItemThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="paint"]){background:#fff !important;box-shadow:none !important;}.clientOrderItemThumb:not([data-ui-owned~="border"]),#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="border"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .clientOrderItemThumb:not([data-ui-owned~="border"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="border"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="border"]){border:1px solid #d1d5db !important;}.clientOrderItemThumb:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="layout"]),html[data-native-theme="dark"] .clientOrderItemThumb:not([data-ui-owned~="layout"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="layout"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="layout"]){box-sizing:border-box !important;}.clientOrderItemThumb:not([data-ui-owned~="spacing"]),#infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="spacing"]),.orderDetail .unifiedOrderThumb:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] .clientOrderItemThumb:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] #infoPanel.orderDetailMode .unifiedOrderThumb:not([data-ui-owned~="spacing"]),html[data-native-theme="dark"] .orderDetail .unifiedOrderThumb:not([data-ui-owned~="spacing"]){padding:2px !important;} .clientOrderItemThumb img:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="layout"]){display:block !important;}.clientOrderItemThumb img:not([data-ui-owned~="size"]),#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="size"]){width:100% !important;max-width:100% !important;}.clientOrderItemThumb img:not([data-ui-owned~="height"]),#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="height"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="height"]){height:100% !important;max-height:100% !important;}.clientOrderItemThumb img:not([data-ui-owned~="image"]),#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="image"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="image"]){object-fit:contain !important;object-position:center center !important;}.clientOrderItemThumb img:not([data-ui-owned~="paint"]),#infoPanel.orderDetailMode .unifiedOrderThumb img:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderThumb img:not([data-ui-owned~="paint"]){background:#fff !important;} /* v2.0.161: native Android geometry and order-photo hardening. The Android activity already applies the physical system-bar inset to the WebView container. Do not reserve the same bottom safe-area a second time inside the native client. PWA/iOS safe-area behaviour is intentionally untouched. */ html.nativeShell,html.nativeShell body{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;} html.nativeShell body nav.bottomNav:not([data-ui-owned~="spacing"]){padding-bottom:7px !important;} html.nativeShell body nav.bottomNav > button span:last-child:not([data-ui-owned~="font"]){font-size:10px !important;line-height:1.05 !important;} /* Category labels must remain inside the fixed four-row landing grid even on OEMs that apply aggressive display/font scaling. Keep at most two lines and let the image track surrender space instead of clipping the text. */ html.nativeShell body:not(.sectionMode) .catalogScroll .categoryCard b:not([data-ui-owned~="layout"]){display:-webkit-box !important;overflow:hidden !important;overflow-wrap:anywhere !important;}html.nativeShell body:not(.sectionMode) .catalogScroll .categoryCard b{-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;word-break:normal !important;}html.nativeShell body:not(.sectionMode) .catalogScroll .categoryCard b:not([data-ui-owned~="font"]){font-size:clamp(11px,3.3vw,14px) !important;line-height:1.08 !important;}html.nativeShell body:not(.sectionMode) .catalogScroll .categoryCard b:not([data-ui-owned~="height"]){max-height:none !important;min-height:0 !important;} /* The previous 100% x 100% image box still allowed some Android WebViews to make very tall product photos look squashed in order details. Use the image's natural aspect ratio and only cap its maximum dimensions. This does not rely on object-fit for geometry, while object-fit:contain remains as a fallback. */ .clientOrderItemThumb > img.orderProductPhoto:not([data-ui-owned~="layout"]),#infoPanel.orderDetailMode .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="layout"]),.orderDetail .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="layout"]){display:block !important;}.clientOrderItemThumb > img.orderProductPhoto:not([data-ui-owned~="size"]),#infoPanel.orderDetailMode .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="size"]),.orderDetail .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="size"]){width:auto !important;max-width:100% !important;aspect-ratio:auto !important;}.clientOrderItemThumb > img.orderProductPhoto:not([data-ui-owned~="height"]),#infoPanel.orderDetailMode .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="height"]),.orderDetail .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="height"]){height:auto !important;max-height:100% !important;}.clientOrderItemThumb > img.orderProductPhoto:not([data-ui-owned~="image"]),#infoPanel.orderDetailMode .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="image"]),.orderDetail .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="image"]){object-fit:contain !important;object-position:center center !important;}.clientOrderItemThumb > img.orderProductPhoto:not([data-ui-owned~="margin"]),#infoPanel.orderDetailMode .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="margin"]),.orderDetail .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="margin"]){margin:auto !important;}.clientOrderItemThumb > img.orderProductPhoto:not([data-ui-owned~="paint"]),#infoPanel.orderDetailMode .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="paint"]),.orderDetail .unifiedOrderThumb > img.orderProductPhoto:not([data-ui-owned~="paint"]){background:#fff !important;} /* v2.0.162: order product thumbnails now use the cart image model directly. Previous releases kept a separate order-thumb renderer and tried to override its historical CSS. That left room for old order-specific rules/cached DOM to win. This frame is isolated from those selectors and copies the working cart behaviour: fixed white canvas + full-size img + object-fit:contain. */ .orderItemLine > .orderCartThumb:not([data-ui-owned~="size"]){width:42px !important;min-width:42px !important;max-width:42px !important;aspect-ratio:1 / 1 !important;}.orderItemLine > .orderCartThumb:not([data-ui-owned~="height"]){height:42px !important;min-height:42px !important;max-height:42px !important;}.orderItemLine > .orderCartThumb{align-self:start !important;}.orderItemLine > .orderCartThumb:not([data-ui-owned~="layout"]){display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;box-sizing:border-box !important;}.orderItemLine > .orderCartThumb:not([data-ui-owned~="spacing"]){padding:0 !important;}.orderItemLine > .orderCartThumb:not([data-ui-owned~="border"]){border:1px solid #d1d5db !important;}.orderItemLine > .orderCartThumb:not([data-ui-owned~="radius"]){border-radius:11px !important;}.orderItemLine > .orderCartThumb:not([data-ui-owned~="paint"]){background:#fff !important;box-shadow:none !important;}.orderItemLine > .orderCartThumb:not([data-ui-owned~="font"]){font-size:20px !important;} .orderItemLine > .orderCartThumb > img:not([data-ui-owned~="layout"]){display:block !important;}.orderItemLine > .orderCartThumb > img:not([data-ui-owned~="size"]){width:100% !important;min-width:0 !important;max-width:100% !important;}.orderItemLine > .orderCartThumb > img:not([data-ui-owned~="height"]){height:100% !important;min-height:0 !important;max-height:100% !important;}.orderItemLine > .orderCartThumb > img:not([data-ui-owned~="image"]){object-fit:contain !important;object-position:center center !important;}.orderItemLine > .orderCartThumb > img:not([data-ui-owned~="margin"]){margin:0 !important;}.orderItemLine > .orderCartThumb > img:not([data-ui-owned~="spacing"]){padding:0 !important;}.orderItemLine > .orderCartThumb > img:not([data-ui-owned~="paint"]){background:#fff !important;}.orderItemLine > .orderCartThumb > img:not([data-ui-owned~="effect"]){transform:none !important;} .clientOrderItemCard > .orderCartThumbLegacy:not([data-ui-owned~="size"]){width:54px !important;min-width:54px !important;max-width:54px !important;}.clientOrderItemCard > .orderCartThumbLegacy:not([data-ui-owned~="height"]){height:54px !important;min-height:54px !important;max-height:54px !important;}.clientOrderItemCard > .orderCartThumbLegacy:not([data-ui-owned~="radius"]){border-radius:13px !important;} @media (max-width:430px){ .clientOrderItemCard > .orderCartThumbLegacy:not([data-ui-owned~="size"]){width:50px !important;min-width:50px !important;max-width:50px !important;}.clientOrderItemCard > .orderCartThumbLegacy:not([data-ui-owned~="height"]){height:50px !important;min-height:50px !important;max-height:50px !important;} } html[data-native-theme="dark"] .orderItemLine > .orderCartThumb:not([data-ui-owned~="paint"]){background:#fff !important;}html[data-native-theme="dark"] .orderItemLine > .orderCartThumb:not([data-ui-owned~="border"]){border-color:#d1d5db !important;} /* v2.0.163: final light/dark icon audit. Controls use currentColor instead of black/default SVG paint so theme changes are immediate and do not rely on browser-specific SVG defaults. */ .categoryMenuIcon rect{fill:none !important;stroke:currentColor !important;stroke-width:2 !important;} .categoryBackIcon path{fill:none !important;stroke:currentColor !important;} html[data-native-theme="light"] .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="paint"]){color:#111827 !important;} html[data-native-theme="dark"] .singleCategoryToolbar .categoryToggle.categoryIconToggle:not([data-ui-owned~="paint"]){color:#f8fafc !important;} /* Order phone/chat shortcuts are true borderless glyph controls. Older rules used .active to paint an accent frame; the active visual state is retired. */ .clientOrderContactIcon:not([data-ui-owned~="paint"]),.clientOrderContactIcon.active:not([data-ui-owned~="paint"]),.clientOrderContactIcon:focus:not([data-ui-owned~="paint"]),.clientOrderContactIcon:focus-visible:not([data-ui-owned~="paint"]),.clientOrderContactIcon:hover:not([data-ui-owned~="paint"]),.clientOrderContactIcon:active:not([data-ui-owned~="paint"]){-webkit-appearance:none !important;appearance:none !important;outline:0 !important;box-shadow:none !important;background:transparent !important;color:var(--text,#111827) !important;}.clientOrderContactIcon:not([data-ui-owned~="border"]),.clientOrderContactIcon.active:not([data-ui-owned~="border"]),.clientOrderContactIcon:focus:not([data-ui-owned~="border"]),.clientOrderContactIcon:focus-visible:not([data-ui-owned~="border"]),.clientOrderContactIcon:hover:not([data-ui-owned~="border"]),.clientOrderContactIcon:active:not([data-ui-owned~="border"]){border:0 !important;}.clientOrderContactIcon,.clientOrderContactIcon.active,.clientOrderContactIcon:focus,.clientOrderContactIcon:focus-visible,.clientOrderContactIcon:hover,.clientOrderContactIcon:active{-webkit-tap-highlight-color:transparent !important;} .clientOrderContactIcon svg.clientContactSvg:not([data-ui-owned~="layout"]){display:block !important;}.clientOrderContactIcon svg.clientContactSvg:not([data-ui-owned~="size"]){width:1.05em !important;}.clientOrderContactIcon svg.clientContactSvg:not([data-ui-owned~="height"]){height:1.05em !important;}.clientOrderContactIcon svg.clientContactSvg{fill:none !important;stroke:currentColor !important;stroke-width:1.85 !important;stroke-linecap:round !important;stroke-linejoin:round !important;} html[data-native-theme="dark"] .clientOrderContactIcon:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .clientOrderContactIcon:not([data-ui-owned~="paint"]){color:#f8fafc !important;} html[data-native-theme="dark"] .clearSearchBtn:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .productScanResultClose:not([data-ui-owned~="paint"]),html[data-native-theme="dark"] .panelHead button:not([data-ui-owned~="paint"]){color:#e2e8f0 !important;} /* v2.0.166: cold-start masking and final dark-theme control audit. */ /* index.html marks a native open=home request before the body is painted. Hide only the static catalogue fallback and its nav until openHome() has established the actual Home view. Auth/privacy overlays remain available. */ html.nativeColdHomeBoot .catalogSticky,html.nativeColdHomeBoot .catalogScroll,html.nativeColdHomeBoot nav.bottomNav{visibility:hidden !important;} /* Do not rely on currentColor propagation through OEM WebView SVG engines. Paint the existing category/back glyphs explicitly for each native theme. */ html[data-native-theme="light"] .categoryMenuIcon rect,html.nativeShell[data-native-theme="light"] .categoryMenuIcon rect,html[data-native-theme="light"] .categoryBackIcon path,html.nativeShell[data-native-theme="light"] .categoryBackIcon path{fill:none !important;stroke:#111827 !important;} html[data-native-theme="dark"] .categoryMenuIcon rect,html[data-native-theme="dark"] .categoryMenuIcon rect,html[data-native-theme="dark"] .categoryBackIcon path,html[data-native-theme="dark"] .categoryBackIcon path{fill:none !important;stroke:#f8fafc !important;} /* Restore the established emoji contact glyphs without a button backing. The chat control is a