.gss{display:flex;align-items:center;justify-content:var(--gss-align,flex-start);min-width:0;color:#171717;font-family:var(--gss-font,inherit);margin-block:5px}
.gss *{box-sizing:border-box}
.gss-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px var(--gss-pad,16px);min-height:var(--gss-height,40px);width:var(--gss-width,auto);max-width:100%;border:1px solid var(--gss-border,#171717);border-radius:var(--gss-radius,24px);background:var(--gss-bg,#171717);color:var(--gss-ink,#fff);font-family:var(--gss-font,inherit);font-size:var(--gss-size,12px);font-weight:var(--gss-weight,600);line-height:1.4;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}
.gss-trigger svg{flex:0 0 16px;width:16px;height:16px}.gss-trigger span:first-of-type{text-decoration:none}.gss-trigger span:last-child{font-size:16px;margin-inline-start:3px}
.gss-trigger strong,.gss-trigger b{font-weight:bolder}
.gss-dialog{box-sizing:border-box;inset:0;width:min(var(--gss-popup-width,760px),calc(100vw - 32px));max-height:85svh;padding:0;border:1px solid #e3e3df;border-radius:var(--gss-popup-radius,24px);background:#fff;color:#171717;margin:auto;box-shadow:0 30px 100px #0003;overflow:hidden;font:400 12px/1.6 var(--font-body--family,Arial,sans-serif)}
.gss-dialog[open]{display:flex;flex-direction:column;animation:gss-appear .2s ease-out}
.gss-dialog::backdrop{background:#17171760;backdrop-filter:blur(7px)}
.gss-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid #ecece8;flex-shrink:0;background:linear-gradient(120deg,#fff,#fafaf7)}
.gss-eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.14em;color:#8a8a80}.gss-eyebrow::before{content:'';width:14px;height:3px;background:var(--gss-accent,#ffe500);border-radius:4px}
.gss-header h2{font:600 23px/1.25 var(--font-body--family,Arial,sans-serif);letter-spacing:-.035em;margin:9px 0 0;text-transform:none;overflow-wrap:anywhere}
.gss-header button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #e6e6e1;border-radius:50%;background:#fff;color:#171717;font:400 23px/1 Arial,sans-serif;cursor:pointer}
.gss-body{padding:20px 26px 26px;min-height:0;overflow-y:auto}.gss-product{margin:0 0 6px;color:#171717;font-size:12px;font-weight:500}.gss-unit{font-size:11px;color:#8a8a80;margin:0 0 20px}
.gss-selector{display:block;max-width:200px;color:#68685e;font-size:11px}.gss-selector select{display:block;width:100%;min-height:40px;padding:9px 12px;border:1px solid #dcdcd5;border-radius:12px;background:#fff;color:#171717;font:inherit;margin:7px 0 20px;appearance:auto}
.gss-image{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;margin:20px auto;border-radius:16px}.gss-image[hidden]{display:none!important}
.gss-table-scroll{max-width:100%;overflow-x:auto;margin-top:18px;scrollbar-width:thin;border:1px solid #e7e7e1;border-radius:14px}.gss-table-scroll table{width:100%;min-width:300px;border-collapse:collapse;font-size:12px;text-align:start}.gss-table-scroll :is(th,td){padding:12px 14px;border:0;border-bottom:1px solid #e7e7e1;text-align:start;color:#171717;font-weight:400;white-space:nowrap}.gss-table-scroll tr:last-child :is(th,td){border-bottom:0}.gss-table-scroll thead th{background:#f5f5f1;font-weight:600}.gss-table-scroll tbody th{font-weight:600}.gss-selected :is(th,td){background:#f5f5ef}.gss-selected th{box-shadow:inset 3px 0 var(--gss-accent,#ffe500)}
.gss-note{font-size:11px;color:#818177;margin:20px 0 0;line-height:1.75}.gss-editor{padding:12px;border:1px dashed #deded5;border-radius:14px;font:400 11px/1.5 Arial,sans-serif;color:#818177;background:#fafaf5}
.gss :is(button,select):focus-visible{outline:2px solid #171717;outline-offset:3px}
body:has(.gss-dialog[open]){overflow:hidden}
@media(hover:hover){.gss-trigger:hover{transform:translateY(-1px);box-shadow:0 5px 14px #00000015}.gss-header button:hover{background:#f4f4f0}}
@media(max-width:749px){.gss-dialog{width:calc(100vw - 24px);max-height:86svh}.gss-header{padding:18px}.gss-header h2{font-size:20px}.gss-body{padding:18px}.gss-table-scroll :is(th,td){padding:10px 12px}}
@keyframes gss-appear{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gss *{animation:none!important;transition:none!important}}