.kcem-plugin{--green:#2f8f5b;--green-dark:#217247;--green-pale:#eaf6ef;--ink:#18211c;--muted:#68736d;--line:#dde5e0;--bg:#f2f5f3;--white:#fff;--shadow:0 18px 60px rgba(24,61,40,.1)}
.kcem-plugin,.kcem-plugin *{box-sizing:border-box}.kcem-plugin{margin:0;background:linear-gradient(135deg,#f7faf8 0,#edf3ef 100%);color:var(--ink);font-family:Arial,sans-serif;min-height:100vh}.page-shell{max-width:1360px;margin:auto;padding:28px}.page-header{display:flex;align-items:center;gap:22px;margin-bottom:22px}.brand{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--green);box-shadow:0 10px 24px rgba(47,143,91,.22);color:white;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-1.5px}.brand span{color:#bce8ce}.eyebrow{margin:0 0 3px;text-transform:uppercase;letter-spacing:1.7px;color:var(--green);font-size:11px;font-weight:800}.page-header h1{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.8px}.configurator{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);background:var(--white);border:1px solid rgba(47,143,91,.08);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.preview-panel{padding:30px;background:#f7f9f7;display:flex;flex-direction:column;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.step-label{font-size:11px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:1.2px}.preview-heading h2{font-size:21px;margin:3px 0 0}.kcem-plugin .toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;cursor:pointer}.kcem-plugin .toggle input{position:absolute;opacity:0}.kcem-plugin .toggle>span{width:34px;height:20px;border-radius:20px;background:#cdd5d0;position:relative;transition:.2s}.kcem-plugin .toggle>span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #777}.kcem-plugin .toggle input:checked+span{background:var(--green)}.kcem-plugin .toggle input:checked+span:after{transform:translateX(14px)}.canvas-wrap{position:relative;display:grid;place-items:center;overflow:hidden;flex:1;min-height:500px;border-radius:20px;background:#dfe8e2;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.kcem-plugin canvas{display:block;width:100%;height:auto;max-height:calc(100vh - 220px);object-fit:contain}.loading-state{position:absolute;inset:0;display:grid;place-items:center;background:#eef3ef;color:var(--green);font-weight:700}.loading-state.hidden{display:none}.preview-note{margin:14px 0 0;text-align:center;color:var(--muted);font-size:12px}.preview-note span{color:var(--green)}.options-panel{padding:28px 32px;max-height:calc(100vh - 130px);overflow:auto}.option-section{border:0;border-bottom:1px solid var(--line);padding:0 0 24px;margin:0 0 24px}.option-section legend{font-size:15px;font-weight:800;margin-bottom:16px;padding:0}.option-section legend span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green-pale);color:var(--green);margin-right:8px;font-size:12px}.swatches{display:flex;gap:11px;flex-wrap:wrap}.swatch{width:38px;height:38px;padding:3px;border-radius:50%;background:white;border:2px solid transparent;cursor:pointer;box-shadow:0 0 0 1px #d8dfdb;transition:.15s}.swatch:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background:var(--color);border:1px solid rgba(0,0,0,.08)}.swatch.active{border-color:var(--green);box-shadow:0 0 0 2px white,0 0 0 4px var(--green)}.swatch:focus-visible,.size-button:focus-visible,.kcem-plugin button:focus-visible,.kcem-plugin input:focus-visible,.kcem-plugin select:focus-visible,.kcem-plugin textarea:focus-visible{outline:3px solid rgba(47,143,91,.24);outline-offset:2px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f0f3f1;border-radius:11px;padding:4px;margin-bottom:20px}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:11px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.segmented input:checked+span{background:white;color:var(--green);box-shadow:0 2px 8px rgba(0,0,0,.08)}.controls-group{display:grid;gap:15px}.kcem-plugin .field{display:grid;gap:7px;position:relative}.kcem-plugin .field>span,.control-title,.range-field>span{font-size:12px;font-weight:700;color:#47514c}.kcem-plugin .field textarea,.kcem-plugin .field select{width:100%;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font:inherit;font-size:13px;padding:11px 12px}.kcem-plugin .field textarea{resize:vertical;padding-right:48px}.kcem-plugin .field small{position:absolute;right:10px;top:34px;color:#99a29d;font-size:10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.range-field{display:grid;gap:8px}.range-field>span{display:flex;justify-content:space-between}.range-field output{color:var(--green);font-weight:800}.range-field input{width:100%;accent-color:var(--green)}.position-controls{margin-top:18px;padding-top:17px;border-top:1px dashed var(--line)}.position-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0 15px}.position-buttons button,.size-button{border:1px solid var(--line);background:white;padding:9px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.position-buttons button.active,.position-buttons button:hover,.size-button.active{border-color:var(--green);color:var(--green);background:var(--green-pale)}.compact{gap:18px}.upload-box{border:1.5px dashed #b8cbc0;border-radius:12px;padding:19px;text-align:center;display:grid;place-items:center;gap:4px;cursor:pointer;background:#fbfdfc}.upload-box:hover{border-color:var(--green);background:var(--green-pale)}.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green-pale);color:var(--green);font-size:20px}.upload-box strong{font-size:13px}.upload-box small{font-size:11px;color:var(--muted)}.file-info{display:flex;align-items:center;justify-content:space-between;background:var(--green-pale);padding:9px 12px;border-radius:8px;font-size:12px;color:var(--green-dark)}.file-info button{border:0;background:transparent;font-size:20px;cursor:pointer;color:var(--green-dark)}.size-quantity{display:grid;grid-template-columns:1fr 130px;gap:20px}.size-buttons{display:flex;gap:7px;margin-top:9px}.size-button{min-width:43px}.quantity-field{display:block}.quantity-control{display:grid;grid-template-columns:34px 1fr 34px;margin-top:9px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.quantity-control button{border:0;background:#f4f6f5;font-size:18px;cursor:pointer}.quantity-control input{width:100%;min-width:0;border:0;text-align:center;font-weight:700;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.kcem-plugin .summary{background:#f4f8f5;border-radius:13px;padding:16px 18px;margin-bottom:17px}.kcem-plugin .summary>div{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.kcem-plugin .summary>div+div{margin-top:9px;padding-top:9px;border-top:1px solid #dfe8e2}.kcem-plugin .summary .total strong{font-size:23px;color:var(--green)}.kcem-plugin .summary small{display:block;margin-top:7px;color:#8a948e;font-size:10px}.kcem-plugin .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.kcem-plugin .button{border:0;border-radius:10px;padding:13px 14px;font-weight:800;cursor:pointer;font-size:12px}.kcem-plugin .button.primary{grid-column:1/-1;background:var(--green);color:white;font-size:14px;box-shadow:0 8px 18px rgba(47,143,91,.22)}.kcem-plugin .button.primary:hover{background:var(--green-dark)}.kcem-plugin .button.primary span{float:right}.kcem-plugin .button.secondary{border:1px solid var(--green);color:var(--green);background:white}.kcem-plugin .button.text-button{background:transparent;color:var(--muted)}.status-message{margin:10px 0 0;text-align:center;min-height:16px;color:var(--green-dark);font-size:11px;font-weight:700}.status-message.error{color:#b82424}[hidden]{display:none!important}
@media(max-width:950px){.page-shell{padding:16px}.configurator{grid-template-columns:1fr}.preview-panel{padding:20px}.canvas-wrap{min-height:0}.kcem-plugin .canvas-wrap canvas{max-height:none}.options-panel{max-height:none;padding:25px}.page-header{margin-bottom:15px}.brand{width:58px;height:58px;border-radius:16px}.page-header h1{font-size:25px}}
@media(max-width:540px){.page-shell{padding:0}.page-header{padding:16px 16px 0}.configurator{border-radius:22px 22px 0 0}.preview-panel{padding:16px}.preview-heading{align-items:flex-end}.kcem-plugin .toggle{font-size:0}.kcem-plugin .toggle>span{font-size:initial}.options-panel{padding:22px 18px}.two-columns{grid-template-columns:1fr}.two-columns.compact{grid-template-columns:1fr 1fr}.size-quantity{grid-template-columns:1fr}.size-buttons{flex-wrap:wrap}.kcem-plugin .actions{grid-template-columns:1fr}.kcem-plugin .button{grid-column:1/-1}.canvas-wrap{border-radius:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.canvas-wrap{flex:none;min-height:0;width:100%;aspect-ratio:1}
.kcem-plugin .canvas-wrap canvas{width:100%;height:100%;max-height:none}
.kcem-plugin #shirtCanvas{touch-action:none;cursor:default}
.kcem-plugin #shirtCanvas.is-draggable{cursor:grab}
.kcem-plugin #shirtCanvas.is-dragging{cursor:grabbing}
.kcem-plugin .drag-hint{margin:-9px 0 18px;color:var(--muted);font-size:11px;line-height:1.45}
.kcem-plugin .selection-help{margin:0 0 8px;color:var(--muted);font-size:11px}
.kcem-plugin .print-elements{gap:7px;background:transparent;padding:0;margin-bottom:9px}
.kcem-plugin .print-elements span{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line)!important;background:#f5f7f6;color:var(--muted);transition:background .15s,color .15s,border-color .15s}
.kcem-plugin .print-elements span b{display:grid;place-items:center;width:18px;height:18px;border:1px solid #b9c4be;border-radius:50%;background:#fff;color:transparent;font-size:11px}
.kcem-plugin .print-elements input:checked+span{border-color:var(--green)!important;background:var(--green)!important;color:#fff!important;box-shadow:0 5px 12px rgba(47,143,91,.2)}
.kcem-plugin .print-elements input:checked+span b{border-color:#fff;background:#fff;color:var(--green)}
.kcem-plugin .print-selection-status{margin:0 0 14px;padding:9px 11px;border-left:3px solid var(--green);border-radius:0 7px 7px 0;background:var(--green-pale);color:var(--green-dark);font-size:11px;font-weight:800}
.kcem-plugin .print-selection-status.is-empty{border-color:#c6cec9;background:#f3f5f4;color:var(--muted)}
.kcem-plugin .option-section{position:relative;transition:padding .15s,margin .15s}
.kcem-plugin .option-section legend{display:flex;width:100%;align-items:center;padding-right:2px}
.kcem-plugin .option-section legend .section-toggle{display:grid!important;place-items:center;margin-left:auto!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:#f5f8f6!important;color:var(--green)!important;cursor:pointer}
.kcem-plugin .option-section legend .section-toggle:after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(2px) rotate(-45deg)}
.kcem-plugin .option-section legend .section-toggle:hover{border-color:var(--green)!important;background:var(--green-pale)!important}
.kcem-plugin .option-section.is-collapsed{padding-bottom:12px;margin-bottom:12px}
.kcem-plugin .option-section.is-collapsed>legend{margin-bottom:0}
.kcem-plugin .option-section.is-collapsed>legend .section-toggle:after{transform:translateY(-2px) rotate(135deg)}
.kcem-plugin .option-section.is-collapsed>:not(legend){display:none!important}
.kcem-plugin #extraTextLayers{display:grid;gap:16px}
.kcem-plugin .extra-text-card{display:grid;gap:13px;margin-top:4px;padding:16px;border:1px solid #cfe2d6;border-radius:12px;background:#f8fcf9}
.kcem-plugin .extra-text-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #dce9e1;color:var(--green-dark)}
.kcem-plugin .extra-text-heading strong{font-size:13px}
.kcem-plugin .extra-text-heading button{min-height:0!important;padding:5px 8px!important;border:0!important;border-radius:6px!important;background:#fff1f1!important;color:#b52b2b!important;font-size:10px;font-weight:800}
.kcem-plugin .add-text-layer{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:42px!important;padding:10px 14px!important;border:1px dashed var(--green)!important;border-radius:9px!important;background:#fff!important;color:var(--green)!important;font-size:12px;font-weight:800}
.kcem-plugin .add-text-layer:hover{background:var(--green-pale)!important}
.kcem-plugin .add-text-layer span{font-size:17px;line-height:1}
.kcem-plugin .text-layer-limit{margin:-7px 0 0;text-align:center;color:var(--muted);font-size:10px}
.kcem-plugin #imageControls{position:relative;margin-bottom:4px;padding:14px;border:1px solid transparent;border-radius:13px;transition:border-color .2s,background .2s,box-shadow .2s}
.kcem-plugin #imageControls.controls-revealed{border-color:var(--green);background:#f3fbf6;box-shadow:0 0 0 4px rgba(47,143,91,.12)}
.kcem-plugin #imageControls:before{content:"Grafika / logo";display:block;margin-bottom:-3px;color:var(--green-dark);font-size:13px;font-weight:800}
.kcem-plugin .custom-color-row{display:flex;align-items:center;width:100%;margin:0}
.kcem-plugin .custom-color-row label{display:flex;align-items:center;gap:7px;width:100%;min-height:42px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--green-dark);font-size:10px;font-weight:800;cursor:pointer}
.kcem-plugin .custom-color-row input[type="color"]{width:25px;height:25px;padding:1px;border:0;border-radius:5px;background:transparent;cursor:pointer}
.kcem-plugin .custom-color-row input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.kcem-plugin .custom-color-row input[type="color"]::-webkit-color-swatch{border:1px solid #bbc7c0;border-radius:4px}
.kcem-plugin .field select[id="fontFamily"],.kcem-plugin .field select[data-field="fontFamily"]{font-size:14px;font-weight:600}
.kcem-plugin .field select[id="fontFamily"] option,.kcem-plugin .field select[data-field="fontFamily"] option{font-size:15px;font-weight:400}
.kcem-plugin .size-guide-button{display:flex!important;align-items:center;justify-content:center;gap:7px;width:100%;min-height:38px!important;margin-top:14px!important;padding:8px 12px!important;border:1px solid #b9d8c6!important;border-radius:9px!important;background:var(--green-pale)!important;color:var(--green-dark)!important;font-size:12px;font-weight:800;cursor:pointer}
.kcem-plugin .size-guide-button:hover{border-color:var(--green)!important;background:#def2e6!important}
.kcem-plugin .size-guide-button span{font-size:18px}
body.kcem-modal-open{overflow:hidden}
.kcem-size-modal[hidden]{display:none!important}.kcem-size-modal{position:fixed;z-index:2147483100;inset:0;display:grid;place-items:center;padding:20px;font-family:Arial,sans-serif}.kcem-size-modal *{box-sizing:border-box}.size-modal-backdrop{position:absolute;inset:0;background:rgba(12,24,17,.66);backdrop-filter:blur(3px)}.size-modal-dialog{position:relative;width:min(760px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;padding:25px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.3);color:#18211c}.size-modal-dialog h2{margin:0 45px 5px 0;font-size:24px}.size-modal-dialog>p{margin:0 0 18px;color:#68736d;font-size:13px;line-height:1.5}.size-modal-dialog>small{display:block;margin-top:13px;color:#7a847e;font-size:11px}.size-modal-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #dde5e0;border-radius:50%;background:#f5f8f6;color:#2f8f5b;font-size:24px;line-height:1;cursor:pointer}.size-guide-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);align-items:center;gap:24px}.size-guide-drawing{display:block;width:100%;max-height:330px}.size-guide-drawing .shirt-outline{fill:#f8fbf9;stroke:#31adc0;stroke-width:7;stroke-linejoin:round}.size-guide-drawing .shirt-detail{fill:none;stroke:#31adc0;stroke-width:5}.size-guide-drawing .measure{fill:none;stroke:#555;stroke-width:6}.size-guide-drawing text{fill:#444;font-size:27px;font-weight:800}.size-table-wrap{overflow-x:auto}.size-guide-table{width:100%;border-collapse:separate;border-spacing:3px;text-align:center;font-size:14px}.size-guide-table th,.size-guide-table td{min-width:43px;padding:12px 8px;border:0;background:#f1f3f2}.size-guide-table thead th{background:#dfe2e0;font-weight:800}.size-guide-table tbody th{font-weight:800;color:#2f8f5b}.size-guide-table tbody tr:nth-child(even) th,.size-guide-table tbody tr:nth-child(even) td{background:#e9ecea}
@media(max-width:680px){.kcem-size-modal{padding:12px}.size-modal-dialog{max-height:calc(100vh - 24px);padding:20px 15px}.size-modal-dialog h2{font-size:21px}.size-guide-layout{grid-template-columns:1fr;gap:10px}.size-guide-drawing{max-height:240px}.size-guide-table{font-size:12px}.size-guide-table th,.size-guide-table td{min-width:39px;padding:10px 6px}}
.kcem-size-modal img.size-guide-drawing{object-fit:contain}
.back-to-preview{display:none}
.kcem-plugin .field-focus-highlight{border-radius:10px;animation:kcemFieldFocus 1.5s ease}
@keyframes kcemFieldFocus{0%,100%{box-shadow:none}25%,70%{box-shadow:0 0 0 4px rgba(47,143,91,.2)}}
@media(max-width:760px){
body .back-to-preview{position:fixed!important;z-index:2147483000!important;right:max(16px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;display:grid!important;place-items:center;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#2f8f5b!important;color:#fff!important;box-shadow:0 8px 24px rgba(22,82,49,.36)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
body .back-to-preview span{font-size:25px;line-height:1;transform:translateY(-1px)}
}
.swatch{display:grid;place-items:center;background:var(--color);color:var(--label-color);font-size:11px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.14)}
.swatch:after{display:none}
.kcem-plugin .button:disabled{cursor:wait;opacity:.65}
.site-header{min-height:92px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px;padding:12px 30px;background:#fff;border-radius:22px 22px 0 0;border-bottom:1px solid #edf1ee}.site-logo{position:relative;width:150px;height:62px;display:flex;align-items:flex-end;justify-content:center;color:#101714;text-decoration:none}.site-logo svg{position:absolute;inset:-1px 0 auto;width:100%;height:42px}.site-logo strong{position:relative;font-family:Georgia,serif;font-size:25px;font-style:italic;letter-spacing:-1.5px;line-height:1;color:#101714}.site-logo strong span{color:var(--green)}.main-nav{display:flex;align-items:center;justify-content:center;gap:34px}.main-nav a{position:relative;padding:10px 0;color:#3e4742;text-decoration:none;font-size:13px;font-weight:700}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--green);transition:right .2s}.main-nav a:hover{color:var(--green)}.main-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:20px}.account-link,.cart-link{color:#17201b;text-decoration:none}.account-link{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f2f6f3}.account-link svg,.cart-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cart-link{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;white-space:nowrap}.cart-icon{position:relative;display:grid;place-items:center}.cart-icon b{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#dc3c32;color:#fff;border:2px solid #fff;font-size:9px}.product-hero{position:relative;isolation:isolate;min-height:205px;display:grid;place-items:center;overflow:hidden;padding:38px 24px;text-align:center;background:#eff8f3}.product-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.7),rgba(255,255,255,.93)),url(//kcem.to/wp-content/plugins/kcem-koszulka-configurator/assets/shirt-base.png?v=7) center 38%/cover}.product-hero:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:55%;background:linear-gradient(transparent,#fff)}.hero-content{max-width:760px}.product-hero .eyebrow{color:#496057}.product-hero h1{margin:5px 0 8px;color:#14254c;font-family:Georgia,serif;font-size:43px;font-weight:500;letter-spacing:-1px}.product-hero p:last-child{margin:0;color:#5e6963;font-size:13px}.site-header+.product-hero+.configurator{border-radius:0 0 26px 26px;box-shadow:var(--shadow)}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto;padding:10px 17px;gap:12px}.site-logo{width:125px;height:55px}.site-logo strong{font-size:22px}.main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:22px;overflow-x:auto;padding:0 2px}.main-nav a{font-size:12px;white-space:nowrap}.header-actions{grid-column:2;grid-row:1}.account-link{display:none}.product-hero{min-height:170px;padding:30px 18px}.product-hero h1{font-size:34px}.cart-link>span:first-child{display:none}}
@media(max-width:420px){.site-header{border-radius:0}.main-nav{gap:18px}.product-hero h1{font-size:30px}.product-hero p:last-child{font-size:12px}}
.product-hero{min-height:180px;padding:30px 24px;border-radius:22px 22px 0 0;box-shadow:0 14px 44px rgba(24,61,40,.08)}
.product-hero h1{font-size:40px;line-height:1.08}
.product-hero+.configurator{border-radius:0 0 26px 26px;box-shadow:var(--shadow)}
@media(max-width:950px){.product-hero{min-height:160px;padding:25px 20px}.product-hero h1{font-size:36px}}
@media(max-width:540px){.product-hero{min-height:145px;padding:22px 16px;border-radius:18px 18px 0 0}.product-hero h1{font-size:30px;margin-bottom:7px}.product-hero .eyebrow{font-size:10px}.product-hero p:last-child{font-size:11px;line-height:1.45}.product-hero+.configurator{border-radius:0}} .kcem-plugin{position:relative;left:50%;width:min(1360px,calc(100vw - 32px));max-width:none;transform:translateX(-50%);margin:0!important;padding:0!important;container-type:inline-size}
.kcem-plugin .page-shell{width:100%;max-width:1360px;margin:0 auto!important;padding:24px!important}
.kcem-plugin button,.kcem-plugin input,.kcem-plugin select,.kcem-plugin textarea{font-family:Arial,sans-serif;text-transform:none;letter-spacing:normal;box-shadow:none}
.kcem-plugin button{margin:0;line-height:1.2}
.kcem-plugin button.swatch{display:grid!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;padding:3px!important;border:2px solid transparent!important;border-radius:50%!important;background:var(--color)!important;color:var(--label-color)!important;box-shadow:0 0 0 1px #d8dfdb!important}
.kcem-plugin button.swatch.active{border-color:var(--green)!important;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--green)!important}
.kcem-plugin button.size-button,.kcem-plugin .position-buttons button{min-height:36px!important;padding:9px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:var(--muted)!important}
.kcem-plugin button.size-button.active,.kcem-plugin .position-buttons button.active{border-color:var(--green)!important;background:var(--green-pale)!important;color:var(--green)!important}
.kcem-plugin .quantity-control button{min-width:34px!important;padding:0!important;border:0!important;border-radius:0!important;background:#f4f6f5!important;color:var(--ink)!important}
.kcem-plugin .segmented span{border:0!important}.kcem-plugin .button.primary{border:0!important;background:var(--green)!important;color:#fff!important}.kcem-plugin .button.secondary{border:1px solid var(--green)!important;background:#fff!important;color:var(--green)!important}.kcem-plugin .button.text-button{border:0!important;background:transparent!important;color:var(--muted)!important}
@media(max-width:950px){.kcem-plugin{width:min(100%,calc(100vw - 20px))}.kcem-plugin .page-shell{padding:10px!important}}
@media(max-width:540px){.kcem-plugin{width:100vw}.kcem-plugin .page-shell{padding:0!important}}
@container (max-width:900px){.kcem-plugin .configurator{grid-template-columns:1fr}.kcem-plugin .options-panel{max-height:none}.kcem-plugin .preview-panel{padding:20px}}
.kcem-plugin .segmented{grid-template-columns:repeat(2,1fr)}
.kcem-plugin .field input[type="text"]{width:100%;min-height:42px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:13px}
@media(max-width:540px){.kcem-plugin .segmented{grid-template-columns:repeat(2,1fr)}.kcem-plugin .segmented span{padding:10px 6px}}
.kcem-plugin .side-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:210px;margin:0 auto 14px;padding:4px;border-radius:11px;background:#e8eeea}.kcem-plugin .side-switch button{min-height:36px!important;padding:8px 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;font-size:12px;font-weight:800}.kcem-plugin .side-switch button.active{background:#fff!important;color:var(--green)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}