.pc-site-tools { position:fixed; z-index:980; right:14px; top:50%; transform:translateY(-50%); font-family:inherit; }
.pc-site-tools nav { display:grid; gap:1px; width:64px; padding:5px; border:1px solid #e0e3e6; border-radius:12px; background:#fff; box-shadow:0 8px 28px rgba(30,39,49,.13); }
.pc-site-tools-toggle { display:none; }
.pc-site-tool { appearance:none; display:grid; place-items:center; align-content:center; gap:1px; min-width:0; min-height:55px; margin:0; padding:4px; border:0; border-radius:7px; background:transparent; color:#2c3239; text-align:center; text-decoration:none; font:inherit; cursor:pointer; }
.pc-site-tool:hover, .pc-site-tool:focus-visible, .pc-site-tool:focus-within { background:#f0f3f5; color:#1d252b; text-decoration:none; }
.pc-site-tool:focus-visible, .pc-site-tool button:focus-visible { outline:2px solid #235f93; outline-offset:2px; }
.pc-site-tool > span:first-child, .pc-site-tool > button > span:first-child { font-size:25px; line-height:1; }
.pc-site-tool small { display:block; font-size:11px; font-weight:600; line-height:1.2; white-space:nowrap; }
.pc-site-tool.has-popover { position:relative; padding:0; }
.pc-site-tool.has-popover > button { appearance:none; display:grid; place-items:center; align-content:center; gap:1px; width:100%; min-height:55px; padding:4px; border:0; border-radius:7px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.pc-site-tool.is-service > button, .pc-site-tool.is-service:hover > button, .pc-site-tool.is-service:focus-within > button { background:#ffeb64; color:#262d31; }
.pc-site-tool-popover { position:absolute; right:calc(100% + 15px); top:50%; display:grid; gap:9px; width:max-content; max-width:min(270px,calc(100vw - 104px)); padding:14px; border:1px solid #e0e3e6; border-radius:9px; background:#fff; box-shadow:0 8px 28px rgba(30,39,49,.16); opacity:0; visibility:hidden; transform:translate(4px,-50%); transition:opacity .16s,transform .16s,visibility .16s; text-align:left; pointer-events:none; }
.pc-site-tool-popover::after { content:""; position:absolute; left:100%; top:calc(50% - 7px); border:7px solid transparent; border-left-color:#fff; }
.pc-site-tool-popover strong { font-size:13px; }
.pc-site-tool-popover img { width:155px; height:155px; object-fit:contain; }
.pc-site-tool-popover a { font-size:14px; overflow-wrap:anywhere; }
.pc-site-tool.has-popover:hover .pc-site-tool-popover, .pc-site-tool.has-popover:focus-within .pc-site-tool-popover { opacity:1; visibility:visible; transform:translate(0,-50%); pointer-events:auto; }
.pc-quote-history { position:fixed; inset:0 0 0 auto; width:min(520px,100vw); max-width:100vw; height:100dvh; max-height:100dvh; margin:0; padding:0; border:0; background:#fff; box-shadow:-20px 0 54px rgba(20,29,39,.2); color:#26313a; }
.pc-quote-history[open] { display:flex; flex-direction:column; }
.pc-quote-history::backdrop { background:rgba(20,29,39,.5); }
.pc-quote-history-heading { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; border-bottom:1px solid #e7eaed; background:#fff; }
.pc-quote-history h2 { margin:0; font-size:17px; line-height:1.2; }
.pc-quote-history-heading button { width:32px; height:32px; border:0; background:transparent; color:#26313a; font-size:24px; line-height:1; cursor:pointer; }
.pc-quote-history-body { min-height:0; overflow-y:auto; padding:14px 16px 22px; overscroll-behavior:contain; }
.pc-quote-history-search { display:block; }
.pc-quote-history .pc-quote-history-search input[type="search"] { box-sizing:border-box; width:100%; height:36px; min-height:36px; padding:0 8px; border:1px solid #d8dee3; border-radius:5px; background:#fff; color:#000; font:inherit; font-size:14px; line-height:normal; }
.pc-quote-history-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 13px; }
.pc-quote-history-toolbar p { margin:0; color:#63707c; font-size:13px; line-height:1.4; }
.pc-quote-history-toolbar button { flex:none; min-height:34px; padding:6px 12px; border:1px solid #d8dee3; border-radius:5px; background:#fff; color:#26313a; font:inherit; font-size:13px; cursor:pointer; }
.pc-quote-history-toolbar button:disabled { opacity:.5; cursor:wait; }
.pc-quote-history [data-pc-history-results] { display:grid; gap:12px; }
.pc-quote-history-item { padding:16px; border:1px solid #eceef0; border-radius:9px; background:#f6f7f8; }
.pc-quote-history-item-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.pc-quote-history-item-heading strong { font-size:15px; }
.pc-quote-history-total { white-space:nowrap; color:#b9322b; }
.pc-quote-history-summary { margin:8px 0 4px; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.pc-quote-history-date { display:block; color:#66737d; font-size:12px; }
.pc-quote-history-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.pc-quote-history-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 13px; border:1px solid #29333b; border-radius:5px; font-size:13px; font-weight:650; text-decoration:none; }
.pc-quote-history .pc-quote-history-order { border-color:#fc5e44; background:#fc5e44; color:#fff; }
.pc-quote-history-edit { background:#fff; color:#29333b; }
.pc-quote-history-actions a:hover { text-decoration:none; filter:brightness(.94); }
.pc-quote-history :focus-visible { outline:2px solid #225e8f; outline-offset:2px; }
.pc-product-favorite-form { margin:0 0 12px; }
.pc-product-favorite { display:inline-flex; align-items:center; min-height:34px; padding:6px 10px; border:1px solid #d5d9de; border-radius:5px; background:#fff; color:#303943; font:inherit; font-size:13px; text-decoration:none; cursor:pointer; }
.pc-product-favorite:hover, .pc-product-favorite[aria-pressed=true] { border-color:#bd4942; color:#a6322e; }
.pc-favorites-page h2 { margin:0 0 14px; font-size:21px; }
.pc-favorite-row { display:flex; align-items:center; gap:13px; padding:12px 0; border-top:1px solid #e5e8eb; }
.pc-favorite-row > img { width:58px; height:58px; flex:none; object-fit:cover; border-radius:4px; }
.pc-favorite-row > div { display:grid; gap:4px; flex:1; min-width:0; }
.pc-favorite-row strong { font-size:14px; }
.pc-favorite-row a, .pc-favorite-row button { font-size:13px; }
.pc-favorite-row button { padding:6px 9px; border:1px solid #d5d9de; border-radius:4px; background:#fff; cursor:pointer; }
@media (max-width:680px) {
  .pc-site-tools { right:8px; top:auto; bottom:14px; transform:none; }
  .pc-site-tools nav { width:48px; padding:3px; border-radius:9px; }
  .pc-site-tools nav .pc-site-tool { display:none; }
  .pc-site-tools.is-open nav .pc-site-tool { display:grid; }
  .pc-site-tools-toggle { appearance:none; display:grid; place-items:center; gap:1px; width:100%; min-height:42px; padding:4px; border:0; border-radius:6px; background:#29333b; color:#fff; font:inherit; cursor:pointer; }
  .pc-site-tools-toggle span { font-size:18px; line-height:1; }
  .pc-site-tools-toggle small { font-size:9px; }
  .pc-site-tools-toggle:focus-visible { outline:2px solid #225e8f; outline-offset:2px; }
  .pc-site-tool, .pc-site-tool.has-popover > button { min-height:42px; }
  .pc-site-tool > span:first-child, .pc-site-tool > button > span:first-child { font-size:19px; }
  .pc-site-tool small { font-size:9px; }
  .pc-site-tool-popover { right:calc(100% + 8px); }
}
@media (prefers-reduced-motion:reduce) { .pc-site-tool-popover { transition:none; } }

/* Customer shortcut artwork supplied for the store. */
.pc-tool-icon { display:block; width:30px; height:30px; flex:none; background:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; }
.pc-tool-icon-service { -webkit-mask-image:url('icons/serviceicon.svg'); mask-image:url('icons/serviceicon.svg'); }
.pc-tool-icon-phone { -webkit-mask-image:url('icons/lianxi.svg'); mask-image:url('icons/lianxi.svg'); }
.pc-tool-icon-favorite, .pc-tool-icon-favorites { background:transparent url('icons/shoucang.svg') center / contain no-repeat; -webkit-mask-image:none; mask-image:none; }
.pc-tool-icon-history { -webkit-mask-image:url('icons/rizhi.svg'); mask-image:url('icons/rizhi.svg'); }
.pc-tool-icon-top { -webkit-mask-image:url('icons/fanhuitop.svg'); mask-image:url('icons/fanhuitop.svg'); }
.pc-tool-icon-orders { -webkit-mask-image:url('icons/dingdan.svg'); mask-image:url('icons/dingdan.svg'); }
.pc-site-tools { right:8px; }
.pc-site-tools nav { width:64px; gap:0; padding:4px; border:0; border-radius:10px; box-shadow:0 10px 28px rgba(29,37,45,.16); }
.pc-site-tools nav > .pc-site-tool { margin-block:3px; }
.pc-site-tool, .pc-site-tool.has-popover > button { min-height:51px; gap:2px; border-radius:7px; }
.pc-site-tool.has-popover { border-radius:7px; }
.pc-site-tool.is-service > button { background:#ffe859; }
.pc-site-tool.is-phone:hover > button, .pc-site-tool.is-phone:focus-within > button { background:#eef0f2; }
.pc-site-tool .pc-tool-icon { width:22px; height:22px; font-size:0; }
.pc-site-tool small { font-size:11px; font-weight:600; line-height:1.1; }
.pc-site-tool-top, .pc-site-tool-top:hover, .pc-site-tool-top:focus-visible { background:#252b31; color:#fff; }
.pc-site-tool-popover { right:calc(100% + 16px); max-width:min(370px,calc(100vw - 150px)); padding:18px 20px; border:0; border-radius:14px; box-shadow:0 15px 44px rgba(27,36,45,.2); }
.pc-site-tool-popover::after { top:calc(50% - 11px); border-width:11px; }
.pc-site-tool-popover strong { font-size:16px; font-weight:650; line-height:1.25; }
.pc-site-tool.is-phone .pc-site-tool-popover { gap:12px; min-width:250px; padding:18px 20px; }
.pc-site-tool.is-phone .pc-site-tool-popover strong { font-size:16px; }
.pc-site-tool.is-phone .pc-site-tool-popover a { display:inline-flex; align-items:center; gap:8px; width:max-content; color:#26353c; font-size:17px; font-weight:600; line-height:1.25; text-decoration:none; white-space:nowrap; }
.pc-site-tool.is-phone .pc-site-tool-popover a:hover, .pc-site-tool.is-phone .pc-site-tool-popover a:focus-visible { color:#167a51; text-decoration:none; }
.pc-site-tool.is-phone .pc-whatsapp-icon { width:19px; height:19px; flex:none; color:#18a567; }
.pc-product-favorite-form { display:none; }
.pc-product-favorite { display:inline-grid; place-items:center; width:44px; height:44px; min-height:44px; margin:0; padding:8px; border:0; border-radius:50%; background:transparent; white-space:nowrap; }
.pc-product-favorite:hover, .pc-product-favorite:focus-visible, .pc-product-favorite[aria-pressed=true] { border:0; background:#fff; color:#303943; }
.pc-product-favorite .pc-tool-icon { width:26px; height:26px; }
.pc-favorite-row { display:flex; gap:14px; min-height:70px; padding:10px 0; }
.pc-favorite-row > strong { flex:1; min-width:0; font-size:15px; }
.pc-favorite-row > form { flex:none; order:1; }
.pc-favorite-row .pc-favorite-view { order:2; display:inline-flex; align-items:center; justify-content:center; min-width:100px; min-height:36px; padding:5px 12px; border:1px solid #d7d7dc; border-radius:6px; color:#273139; font-weight:600; text-decoration:none; }
.pc-favorite-row .pc-favorite-remove { display:grid; place-items:center; width:37px; height:37px; padding:5px; color:#d84543; }
.pc-favorite-row .pc-favorite-remove .pc-tool-icon { width:22px; height:22px; }
@media (max-width:680px) {
  .pc-site-tools { right:8px; }
  .pc-site-tools nav { width:58px; padding:4px; border-radius:11px; }
  .pc-site-tools.is-open nav { width:68px; }
  .pc-site-tool, .pc-site-tool.has-popover > button { min-height:53px; gap:2px; border-radius:8px; }
  .pc-site-tool .pc-tool-icon { width:22px; height:22px; }
  .pc-site-tool small { font-size:10px; }
  .pc-site-tool.is-phone .pc-site-tool-popover { min-width:0; width:max-content; max-width:min(300px,calc(100vw - 94px)); padding:17px; }
  .pc-site-tool.is-phone .pc-site-tool-popover a { font-size:15px; }
  .pc-site-tool-popover strong { font-size:15px; }
  .pc-favorite-row { flex-wrap:wrap; }
  .pc-favorite-row > strong { flex-basis:calc(100% - 77px); }
  .pc-favorite-row > form { margin-left:auto; }
  .pc-quote-history { width:100vw; }
  .pc-quote-history-heading { padding:10px 14px; }
  .pc-quote-history-body { padding:12px; }
  .pc-quote-history .pc-quote-history-search input[type="search"] { height:44px; min-height:44px; }
}
.pc-site-tools { touch-action:none; }
.pc-site-tools-drag-handle { position:absolute; z-index:1; right:26px; bottom:calc(100% - 20px); display:block; width:92px; height:65px; margin:0 0 -27px; padding:0; border:0; background:transparent; box-shadow:none; cursor:ns-resize; touch-action:none; pointer-events:none; }
.pc-site-tools .pc-site-tools-drag-handle:hover, .pc-site-tools .pc-site-tools-drag-handle:focus, .pc-site-tools .pc-site-tools-drag-handle:active { border:0; background:transparent; box-shadow:none; }
.pc-site-tools-drag-handle img { display:block; width:auto; height:100%; max-width:100%; margin:0 auto; object-fit:contain; pointer-events:auto; user-select:none; -webkit-user-drag:none; }
.pc-site-tools-drag-handle:focus-visible { outline:2px solid #225e8f; outline-offset:2px; border-radius:12px; }
.pc-site-tools.is-dragging, .pc-site-tools.is-dragging * { cursor:ns-resize !important; user-select:none; }
.pc-site-tools.is-dragging .pc-site-tool-popover { display:none !important; }
@media (max-width:680px) {
  .pc-site-tools-drag-handle { right:23px; bottom:calc(100% - 15px); width:78px; height:58px; margin-bottom:-22px; }
}
