#jj-commerce{position:fixed;inset:0;margin:auto;width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #d7e0e5;border-radius:18px;background:#fff;color:#263d4c;box-sizing:border-box;font:14px/1.6 system-ui,sans-serif;overflow:auto}
#jj-commerce::backdrop{background:#172a3a99}#jj-commerce>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f7f9fa;z-index:3;border-bottom:1px solid #dce4e8}#jj-commerce h2{font-size:21px;margin:0}#jj-commerce small{color:#607481}#jj-commerce .jc-body{padding:20px}#jj-commerce button,.jc-section button,.jc-product-figure>button,#jc-dock button{font:inherit;min-height:44px;padding:10px 14px;background:#fff;border:1px solid #ccd8df;border-radius:9px;color:#274253;cursor:pointer}#jj-commerce button:focus-visible,.jc-hotspot:focus-visible{outline:3px solid #e8890a;outline-offset:2px}#jj-commerce button:disabled{opacity:.5;cursor:wait}.jc-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}#jj-commerce .jc-actions>button:first-child,#jj-commerce [data-jc=save],#jj-commerce [data-jc=set-save]{background:#c76e05;color:white;border-color:#c76e05}#jj-commerce label{display:block;font-weight:600;margin:10px 0}#jj-commerce input:not([type=checkbox]),#jj-commerce select,#jj-commerce textarea{display:block;width:100%;box-sizing:border-box;font:inherit;font-weight:400;min-height:46px;border:1px solid #cbd8df;border-radius:8px;padding:10px;background:white;color:#223b4b;margin-top:5px}#jj-commerce input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.jc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.jc-item-editor,.jc-cart-row{border:1px solid #dbe4e8;border-radius:14px;padding:16px;margin:14px 0}.jc-item-head{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.jc-item-head b{font-size:18px}.jc-preview{display:block;width:150px;height:150px;background:white!important;padding:8px!important;overflow:hidden}.jc-preview svg,.jc-preview img{display:block;width:100%;height:100%;object-fit:contain}.jc-note{font-size:13px;color:#6b5535;background:#fff6e8;padding:12px;border-radius:8px}.jc-total{color:#9b5503;font-weight:750}.jc-error{color:#8d3e12;white-space:pre-wrap;min-height:24px}.jc-summary{font:12px/1.7 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8fa;padding:16px;max-height:320px;overflow:auto;border-radius:10px}.jc-section{padding:24px 0;border-top:1px solid #d9e2e7;color:#274253}.jc-kicker{font-size:12px;color:#9b5503}.jc-component-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jc-component-list>div{border:1px solid #d7e1e7;border-radius:12px;padding:10px;background:#fff}.jc-component-list label{display:flex;align-items:center;gap:8px;font-size:12px;color:#607481;margin-bottom:6px}.jc-component-list input{width:20px;height:20px}.jc-component-list button{display:block;width:100%;text-align:left;border:0;padding:4px;min-height:70px}.jc-component-list button span,.jc-component-list button small{display:block}.jc-component-list small{font-size:11px;color:#627783}.jc-sheet{position:relative;width:100%;margin:0;background:white;line-height:0}.jc-sheet>img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain}.jc-sheet .jc-hotspot{position:absolute;display:block;min-height:0;min-width:0;border:1px solid #cc77005c;border-radius:4px;background:#ff98000a;padding:0;cursor:pointer}.jc-hotspot:hover,.jc-hotspot.is-selected{background:#e8890a26;border:2px solid #ca7209}.jc-hotspot>span{position:absolute;left:0;top:0;background:#a65700;color:white;border-radius:3px;padding:3px;font:10px/1 system-ui}.jc-product-figure{margin:0;background:white}.jc-product-figure figcaption{font-size:12px;padding:8px}.jc-drawing-scroll{max-height:65dvh;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;border:1px solid #dce4e8}.jc-drawing-scroll .jc-product-figure{min-width:100%;}.jc-full-drawing{width:100%;height:auto}#jj-commerce .jc-drawing-scroll .jc-hotspot{min-height:0;padding:0}#jc-dock{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:1190;display:flex;gap:8px;padding:8px;background:#ffffffed;border:1px solid #d5dfe5;border-radius:14px;box-shadow:0 5px 25px #142a3b20}#jc-dock[hidden]{display:none}.jc-open #jc-dock,.jc-open #jjai_fab,.jc-open #jjai_min,.jc-open #jjai_mini{display:none!important}body.jc-has-items #jjai_fab{bottom:150px!important}body.jc-has-items #jjai_min{bottom:199px!important}.jc-has-items:has(#jjai_panel.open) #jc-dock{display:none}.jc-has-items{padding-bottom:160px!important}.jc-location-link{white-space:nowrap}#location{scroll-margin-top:180px}.jc-directions-tools{display:flex;gap:8px;flex-wrap:wrap}.jc-directions-tools button{font:inherit;padding:10px 15px;min-height:44px;border:1px solid #d5dfe5;border-radius:6px;background:white}.jc-address-feedback{font-size:13px;color:#785127}
@media(max-width:600px){#jj-commerce{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:14px}#jj-commerce>header{padding:12px}#jj-commerce h2{font-size:18px}#jj-commerce .jc-body{padding:12px}.jc-fields{grid-template-columns:1fr 1fr}.jc-fields>label:last-child{grid-column:1/-1}.jc-item-head{grid-template-columns:112px 1fr;gap:10px}.jc-preview{width:112px;height:125px}.jc-item-head b{font-size:15px}.jc-item-editor,.jc-cart-row{padding:12px}.jc-component-list{grid-template-columns:1fr}.jc-drawing-scroll{max-height:62dvh}#jc-dock{bottom:72px;width:calc(100vw - 16px);box-sizing:border-box;gap:4px;padding:6px}#jc-dock button{flex:1;padding:8px 4px;font-size:12px}.jc-summary{max-height:230px}.jc-actions button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){#jj-commerce *,#jc-dock *{scroll-behavior:auto;transition:none;animation:none}}

#jj-commerce .jc-body>.jc-actions{position:sticky;bottom:-20px;background:#fff;padding:12px 0;z-index:2;border-top:1px solid #e0e6eb}.jc-first-parts{max-width:680px;margin:auto}.jc-first-parts>figure{width:100%} .jc-first-parts~details{margin:16px 0;padding:12px;background:#f6f8fa}.jc-first-parts~details img{width:100%;height:auto}

body:has(#app_modal.open) #jjai_fab,body:has(#app_modal.open) #jjai_min,body:has(#app_modal.open) #jjai_mini{display:none!important}body.jc-has-items #app_modal .am_bd{padding-bottom:155px}