/**handles:soc-style,soc-viewer-layout**/
.soc-filters{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 24px}.soc-filters label{display:flex;flex-direction:column;font-size:13px;gap:4px}.soc-filters select{min-width:150px;padding:9px;border:1px solid #ccc;border-radius:6px;background:#fff}.soc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px}.soc-card{position:relative;min-width:0;border:1px solid #e2e5e8;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 12px #0000000a;color:#20252a;max-width:340px}.soc-card[hidden],.soc-empty[hidden],.soc-modal[hidden]{display:none!important}.soc-cover{display:block;width:100%;aspect-ratio:210/297;border:0;background:#f2f3f4;cursor:pointer;padding:0;overflow:hidden}.soc-cover canvas,.soc-cover img{width:100%;height:100%;object-fit:contain;display:block}.soc-preview-fallback{display:flex;align-items:center;justify-content:center;height:100%;color:#777}.soc-card-body{display:flex;flex-direction:column;gap:8px;padding:14px}.soc-card-body strong{font-size:15px;line-height:1.35}.soc-card-body small{font-size:12px;color:#656b70}.soc-button{background:#176ab2!important;color:#fff!important;border:0;border-radius:7px;padding:10px;cursor:pointer;font-weight:600}.soc-share{color:#16844b;text-align:center;font-size:13px}.soc-badge{position:absolute;top:10px;right:10px;background:#b52828;color:#fff;border-radius:5px;padding:4px 9px;font-size:12px}.soc-single{max-width:280px;margin:25px auto}.soc-modal{position:fixed;inset:0;z-index:999999;background:#000c;display:flex;justify-content:center;align-items:center;padding:16px}.soc-modal-panel{background:#fff;border-radius:10px;width:min(100%,1050px);height:min(95vh,1000px);display:flex;flex-direction:column;overflow:hidden;color:#222}.soc-modal-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #ddd}.soc-close{border:0;background:0 0;font-size:32px;cursor:pointer}.soc-toolbar{display:flex;justify-content:center;gap:10px;padding:10px;border-bottom:1px solid #ddd}.soc-toolbar button{padding:7px 12px;border:1px solid #ddd;background:#f7f7f7;border-radius:6px;cursor:pointer}.soc-canvas-wrap{flex:1;overflow:auto;background:#e6e6e6;text-align:center;padding:12px}.soc-page{max-width:none;background:#fff;box-shadow:0 1px 8px #0003}.soc-error{text-align:center;color:#a22}.soc-no-scroll{overflow:hidden}@media(max-width:600px){.soc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.soc-card-body{padding:9px}.soc-filters select{min-width:120px}.soc-toolbar{gap:4px}.soc-toolbar button{padding:6px}}.soc-product-search{max-width:1050px;margin:24px auto}.soc-product-controls{display:grid;grid-template-columns:minmax(200px,2fr) repeat(2,minmax(140px,1fr)) auto;gap:12px;align-items:end}.soc-product-controls label{display:flex;flex-direction:column;gap:6px;font-weight:600}.soc-product-controls input,.soc-product-controls select{min-height:42px;width:100%;padding:8px;border:1px solid #bbb;border-radius:6px}.soc-product-submit{min-height:42px;border:0;border-radius:6px;background:#155e75;color:#fff;padding:8px 20px;cursor:pointer}.soc-product-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.soc-product-result{border:1px solid #ddd;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:8px;background:#fff}.soc-product-result b{font-size:1.25rem}.soc-product-result small{color:#555}.soc-product-page-link{margin-top:auto}.soc-product-message{margin:16px 0}@media(max-width:750px){.soc-product-controls{grid-template-columns:1fr 1fr}.soc-product-controls label:first-child{grid-column:1/-1}}.soc-modal-panel{height:min(96dvh,1100px);max-height:96dvh;min-height:0}.soc-canvas-wrap{min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}.soc-page{display:block;flex:none;max-width:none;max-height:none}.soc-toolbar{flex-shrink:0;flex-wrap:wrap}.soc-modal-panel header{flex-shrink:0}@media(max-width:600px){.soc-modal{padding:5px}.soc-modal-panel{height:98dvh;max-height:98dvh}.soc-canvas-wrap{padding:6px}}.soc-viewer-stage{display:flex;align-items:stretch;flex:1;min-height:0;min-width:0;background:#e6e6e6;direction:ltr}.soc-viewer-stage .soc-canvas-wrap{min-width:0}.soc-side-nav{align-self:center;flex:0 0 40px;width:40px;height:44px;margin:0 4px;padding:0;border:1px solid #b5b5b5;border-radius:50%;background:rgba(255,255,255,.8);color:#222;font:36px/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}.soc-side-nav:hover:not(:disabled){background:#fff}.soc-side-nav:focus-visible{outline:3px solid #176ab2;outline-offset:1px}.soc-modal .soc-next:disabled,.soc-modal .soc-prev:disabled{opacity:.35;cursor:default}@media(max-width:600px){.soc-side-nav{flex-basis:36px;width:36px;min-width:36px;height:44px;margin:0 2px;font-size:32px}}
.soc-modal,.soc-modal *{box-sizing:border-box!important}.soc-modal{padding:16px!important;display:flex!important;align-items:center!important;justify-content:center!important}.soc-modal[hidden]{display:none!important}.soc-modal .soc-modal-panel{display:flex!important;flex-direction:column!important;width:min(100%,1050px)!important;height:calc(100vh - 32px)!important;height:calc(100dvh - 32px)!important;max-height:1100px!important;min-height:0!important;overflow:hidden!important;padding:0!important}.soc-modal .soc-modal-panel>header,.soc-modal .soc-toolbar{position:static!important;flex:0 0 auto!important;margin:0!important}.soc-modal .soc-modal-panel>header{display:flex!important;padding:10px 16px!important;min-height:52px!important}.soc-modal .soc-toolbar{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;padding:8px!important}.soc-modal .soc-viewer-stage{position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important;flex:1 1 0!important;min-height:0!important;min-width:0!important;overflow:hidden!important;background:#e6e6e6!important;direction:ltr!important}.soc-modal .soc-canvas-wrap{display:flex!important;min-height:0!important;min-width:0!important;width:auto!important;height:auto!important;overflow:auto!important;padding:10px!important;align-items:flex-start!important;justify-content:flex-start!important;margin:0!important;overscroll-behavior:contain}.soc-modal canvas.soc-page{display:block!important;flex:none!important;max-width:none!important;max-height:none!important;margin:auto!important;padding:0!important;border:0!important;object-fit:contain!important}.soc-modal button{appearance:none!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;float:none!important;position:static!important;transform:none!important}.soc-modal .soc-toolbar button{width:auto!important;min-width:32px!important;height:36px!important;padding:6px 12px!important;border:1px solid #bbb!important;border-radius:6px!important;background:#f7f7f7!important;color:#222!important;font:14px/1.2 Arial,sans-serif!important;cursor:pointer!important;margin:0!important}.soc-modal button.soc-side-nav{align-self:center!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid #aaa!important;border-radius:50%!important;background:rgba(255,255,255,.9)!important;color:#222!important;font:36px/1 Arial,sans-serif!important;cursor:pointer!important;touch-action:manipulation}.soc-modal button.soc-side-nav span{font:inherit!important;line-height:1!important}.soc-modal button.soc-side-nav:hover:not(:disabled){background:#fff!important}.soc-modal button:focus-visible{outline:3px solid #176ab2!important;outline-offset:1px!important}.soc-modal button.soc-next:disabled,.soc-modal button.soc-prev:disabled{opacity:.35!important;cursor:default!important;pointer-events:none!important}.soc-modal button.soc-close{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;margin:0!important;border:0!important;background:0 0!important;color:#222!important;font:28px/1 Arial,sans-serif!important}.soc-modal .soc-error{flex:0 0 auto!important;margin:0!important;padding:4px 8px!important;font-size:14px!important;line-height:20px!important}.soc-modal .soc-error:empty{display:none!important}@media(max-width:600px){.soc-modal{padding:5px!important}.soc-modal .soc-modal-panel{height:calc(100vh - 10px)!important;height:calc(100dvh - 10px)!important;max-height:none!important}.soc-modal .soc-viewer-stage{grid-template-columns:44px minmax(0,1fr) 44px!important}.soc-modal .soc-canvas-wrap{padding:6px!important}.soc-modal .soc-toolbar{gap:4px!important}.soc-modal .soc-toolbar button{padding:6px 8px!important}.soc-modal .soc-modal-panel>header{padding:6px 10px!important}}.soc-modal .soc-jump-form{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important;font:14px/1.2 Arial,sans-serif!important;color:#222!important}.soc-modal .soc-jump-form label{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;font:inherit!important;color:inherit!important}.soc-modal input.soc-jump-page{box-sizing:border-box!important;width:66px!important;min-width:0!important;height:36px!important;margin:0!important;padding:4px 6px!important;border:1px solid #bbb!important;border-radius:6px!important;background:#fff!important;color:#222!important;font:14px/1.2 Arial,sans-serif!important}.soc-modal .soc-jump-total{white-space:nowrap!important;font:inherit!important}.soc-modal .soc-fit-page:disabled,.soc-modal .soc-jump-go:disabled,.soc-modal .soc-jump-page:disabled{opacity:.35!important;cursor:default!important}