:root{--ink:#172119;--muted:#647067;--green:#16743b;--light:#eef2f5;--line:#cdd4d8;--yellow:#ffd000}.sgd{--ball:#f7f7f4;--shade:#d5d8d2;width:100%;max-width:none!important;min-height:760px;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;border:1px solid #d9dde0;box-sizing:border-box}.sgd *{box-sizing:border-box}.sgd button,.sgd input{font:inherit}.sgd-head{height:74px;padding:0 30px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ddd}.sgd-logo{font-size:27px;font-weight:950;letter-spacing:-1px}.sgd-logo span{color:var(--green)}.sgd-head>div:nth-child(2){font-size:14px;color:var(--muted)}.sgd-head aside{margin-left:auto;display:flex;gap:20px;font-size:12px;font-weight:700}.sgd-progress{height:100px;background:var(--light);width:78%;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;padding:0 55px}.sgd-progress button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;font-weight:750;cursor:pointer}.sgd-progress button i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#b8c0c8;color:#fff;font-style:normal}.sgd-progress button.is-active i,.sgd-progress button.is-done i{background:var(--green)}.sgd-progress button.is-done i{font-size:0}.sgd-progress button.is-done i:after{content:'✓';font-size:15px}.sgd-progress b{height:2px;background:#adb7c0;margin:0 28px}.sgd-progress .is-done+b{background:var(--green)}.sgd-alert{position:absolute;z-index:20;top:90px;left:50%;transform:translateX(-50%);background:#a9352b;color:#fff;padding:12px 22px;border-radius:99px;font-weight:700}.sgd-stage{display:none;min-height:590px;grid-template-columns:minmax(0,78%) minmax(280px,22%)}.sgd-stage.is-active{display:grid}.sgd-work{position:relative;overflow:hidden;background:var(--light);min-height:590px}.sgd-panel{border-left:1px solid #ccd2d7;background:#fff;display:flex;flex-direction:column;min-width:0}.sgd-panel-body{padding:30px 30px 20px;overflow:auto;flex:1}.sgd-panel small{color:var(--green);font-weight:850;letter-spacing:.11em}.sgd-panel h1,.sgd-panel h2{font:800 28px Georgia,serif;margin:10px 0 8px}.sgd-panel p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 25px}.sgd-panel footer{padding:24px;border-top:1px solid #ccd2d7;display:flex;gap:10px}.sgd-panel footer button{height:58px;border-radius:99px;font:800 16px Georgia,serif;cursor:pointer}.sgd-next,.sgd-order{width:100%;border:0;background:var(--yellow)}.sgd-back{width:46%;background:#fff;border:2px solid #52301d}.sgd-confirm{width:54%;border:0;background:var(--green);color:#fff}.sgd-confirm:disabled{background:#b7c0c8}.sgd-scatter i{position:absolute;left:var(--x);top:var(--y);width:82px;height:82px;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s));background:radial-gradient(circle at 32% 25%,var(--ball),var(--ball) 45%,var(--shade));box-shadow:inset -7px -9px 13px rgba(0,0,0,.12),0 4px 7px rgba(20,30,20,.18);display:grid;place-items:center;transition:background .35s}.sgd-scatter i:after,.sgd-ball:after{content:'';position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(circle,rgba(0,0,0,.09) 0 2px,transparent 3px);background-size:15px 15px;opacity:.25}.sgd-scatter i span{font:900 22px Georgia;color:rgba(20,30,20,.25)}.sgd-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 12px}.sgd-colors label{text-align:center;cursor:pointer}.sgd-colors input,.sgd-fonts input,.sgd-product input{position:absolute;opacity:0}.sgd-colors label span{width:66px;height:66px;border-radius:50%;display:block;margin:auto;background:var(--swatch);box-shadow:inset -4px -6px 9px rgba(0,0,0,.12)}.sgd-colors input:checked+span{outline:3px solid var(--green);outline-offset:5px}.sgd-colors em{display:block;margin-top:10px;font-style:normal;font-size:12px}.sgd-hero{display:flex;flex-direction:column;align-items:center;justify-content:center}.sgd-ball{width:min(52vh,500px);height:min(52vh,500px);border-radius:50%;position:relative;background:radial-gradient(circle at 32% 25%,var(--ball),var(--ball) 48%,var(--shade));box-shadow:inset -25px -30px 45px rgba(0,0,0,.12),0 35px 55px rgba(25,40,25,.18);display:grid;place-items:center}.sgd-ball:after{background-size:29px 29px}.sgd-ball-text{width:62%;position:relative;z-index:2;text-align:center;color:#151515;font-size:clamp(30px,3.2vw,54px);line-height:1.08;font-weight:700}.sgd-ball-text span{display:block;min-height:1.08em}.font-classic{font-family:'Bree Serif',Georgia,serif;font-weight:700}.font-simple{font-family:Arial,sans-serif;font-weight:400}.font-bold{font-family:Arial Black,Arial,sans-serif;font-weight:900}.font-script{font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic}.sgd-color-title{margin-top:22px}.sgd-lines label{display:block;margin-bottom:18px}.sgd-lines label>span{display:flex;justify-content:space-between;font-size:12px;font-weight:750}.sgd-lines b{font-weight:400;color:var(--muted)}.sgd-lines em{font-style:normal}.sgd-lines input{width:100%;border:0;border-bottom:1px solid #73808a;padding:10px 0;font-size:16px;outline:0}.sgd-panel h3{font-size:14px;text-align:center;margin:27px 0 15px}.sgd-fonts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sgd-fonts span{height:88px;border-radius:50%;background:var(--light);display:grid;place-items:center;text-align:center;font-size:13px;cursor:pointer}.sgd-fonts input:checked+span{outline:2px solid var(--green)}.sgd-products{padding:28px;overflow:auto}.sgd-product-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.sgd-product{position:relative;background:#fff;border:1px solid #d2d8dc;border-radius:10px;padding:18px 12px;min-height:240px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}.sgd-product:has(input:checked){outline:3px solid var(--green)}.sgd-product i{position:absolute;right:12px;top:12px;width:20px;height:20px;border:2px solid #aab3b7;border-radius:50%}.sgd-product:has(input:checked) i{border:6px solid var(--green)}.sgd-product mark{position:absolute;left:10px;top:10px;background:#fff0b4;border-radius:99px;padding:4px 7px;font-size:9px}.sgd-product>span{height:140px;display:grid;place-items:center}.sgd-product img{max-width:100%;max-height:130px}.sgd-product>strong{font-size:14px}.sgd-product>em{color:var(--green);font-style:normal;font-weight:800;margin-top:7px}.sgd-choice,.sgd-summary{display:grid;gap:4px}.sgd-choice span,.sgd-summary span{color:var(--muted);font-size:12px;margin-top:14px}.sgd-choice strong,.sgd-summary strong{font-size:15px}.sgd-qty-label{display:block;margin-top:25px;font-size:12px;font-weight:750}.sgd-qty{display:grid;grid-template-columns:46px 65px 46px;width:max-content;border:1px solid #cad1d5;border-radius:99px;overflow:hidden;margin-top:8px}.sgd-qty button{border:0;background:var(--light);font-size:20px}.sgd-qty input{border:0;text-align:center;width:100%}.sgd-total{display:flex;justify-content:space-between;border-top:1px solid #ddd;margin-top:25px;padding-top:17px}.sgd-total strong{font-size:21px}.sgd-empty{padding:25px;background:#fff;border:1px dashed #999}
.sgd-three{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.sgd-three-balls{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(15px,3vw,48px)}.sgd-three .sgd-ball{appearance:none;border:0;padding:0;width:min(25vw,330px);height:min(25vw,330px);flex:0 1 330px;cursor:pointer}.sgd-three .sgd-ball em{position:absolute;top:calc(100% + 12px);font-style:normal;font-size:13px;font-weight:800;color:var(--muted)}.sgd-edit-ball.is-selected{outline:6px solid var(--green);outline-offset:8px}.sgd-edit-ball.is-selected em{color:var(--green)}.sgd-three .sgd-ball-text{font-size:clamp(20px,2.2vw,38px)}.sgd-copy-all{width:100%;border:1px solid var(--green);background:#f1f8f3;color:var(--green);border-radius:99px;padding:10px;font-weight:800;cursor:pointer;margin:0 0 5px}.sgd-final-balls .sgd-ball{cursor:default}
@media(max-width:900px){.sgd-head{height:58px;padding:0 15px}.sgd-head>div:nth-child(2),.sgd-head aside{display:none}.sgd-progress{width:100%;height:82px;padding:0 16px}.sgd-progress b{margin:0 8px}.sgd-stage{grid-template-columns:1fr;min-height:0}.sgd-work{min-height:55vh}.sgd-panel{border-left:0;border-top:1px solid #ccd2d7}.sgd-panel-body{padding:24px}.sgd-panel footer{position:sticky;bottom:0;background:#fff;z-index:5}.sgd-ball{width:min(78vw,430px);height:min(78vw,430px)}.sgd-three{min-height:42vh;padding:28px 10px 45px}.sgd-three-balls{gap:12px}.sgd-three .sgd-ball{width:29vw;height:29vw}.sgd-three .sgd-ball-text{font-size:clamp(14px,3.6vw,28px)}.sgd-edit-ball.is-selected{outline-width:4px;outline-offset:4px}.sgd-product-grid{grid-template-columns:repeat(2,1fr)}.sgd-products{padding:14px}.sgd-progress button span{font-size:10px}}

/* 0.4 – tættere, blødere og mere elegant */
.sgd{--display:"Cooper Black","Rockwell Extra Bold","Bookman Old Style",Georgia,serif}.sgd-head{height:66px;padding:0 32px}.sgd-logo{font-family:var(--display);font-size:25px;letter-spacing:-1.3px}.sgd-progress{height:76px;padding:0 48px;background:#f0f3f5}.sgd-progress button{gap:4px;color:#253027;font-family:var(--display);font-size:12px}.sgd-progress button i{width:30px;height:30px;background:#c6cdd3;border:2px solid transparent;font-family:var(--display);font-size:14px;box-shadow:none}.sgd-progress button.is-active i{background:#fff;color:var(--green);border-color:var(--green);box-shadow:0 0 0 3px rgba(22,116,59,.1)}.sgd-progress button.is-done i{background:var(--green);color:#fff}.sgd-progress b{height:1px;margin:0 22px;background:#aeb8bf}.sgd-stage{min-height:560px}.sgd-work{min-height:560px}.sgd-panel-body{padding:18px 25px 16px}.sgd-panel h1,.sgd-panel h2{font-family:var(--display);font-size:27px;line-height:1.05;letter-spacing:-.35px;margin:7px 0 6px}.sgd-panel small{font-size:11px}.sgd-panel p{margin-bottom:18px}.sgd-panel h3{font-family:var(--display);margin:19px 0 12px}.sgd-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sgd-colors label span{width:45px;height:45px}.sgd-colors input:checked+span{outline-width:2px;outline-offset:4px}.sgd-colors em{font-size:10px;margin-top:7px}.sgd-panel footer{padding:17px 22px}.sgd-panel footer button{height:52px;font-family:var(--display)}.sgd-lines label{margin-bottom:13px}.sgd-lines input{padding:7px 0}.sgd-fonts{gap:10px}.sgd-fonts span{height:68px;font-size:12px}.sgd-copy-all{padding:8px;font-size:12px}.sgd-three{padding-top:20px}.sgd-color-title{margin-top:18px;font-family:var(--display)}
@media(max-width:900px){.sgd-progress{height:68px;padding:0 12px}.sgd-progress b{margin:0 5px}.sgd-panel-body{padding:18px}.sgd-colors{max-width:360px;margin:0 auto}.sgd-colors label span{width:42px;height:42px}.sgd-stage,.sgd-work{min-height:0}}

/* 0.5 – samme proportioner og opdeling som referenceflowet */
.sgd{--panel-w:clamp(220px,12vw,260px)}.sgd-progress{width:calc(100% - var(--panel-w));height:72px;position:relative;z-index:4;border-bottom:1px solid #d4dbe0;padding:0 38px;background:#f0f3f5}.sgd-progress:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#d4dbe0}.sgd-stage{grid-template-columns:minmax(0,1fr) var(--panel-w)}.sgd-panel{width:var(--panel-w)}.sgd-panel-body{padding:17px 18px 14px}.sgd-panel h1,.sgd-panel h2{font-size:24px}.sgd-panel p{font-size:12px;line-height:1.42}.sgd-lines input{font-size:14px}.sgd-fonts span{height:58px;font-size:11px}.sgd-panel footer{padding:14px 12px}.sgd-panel footer button{height:48px;font-size:14px}.sgd-colors{gap:8px 4px}.sgd-colors label span{width:40px;height:40px}.sgd-colors em{font-size:9px}.sgd-products{padding:22px}.sgd-work{border-top:0}.sgd-scatter{isolation:isolate}
@media(max-width:900px){.sgd{--panel-w:100%}.sgd-progress{width:100%;height:66px;padding:0 10px}.sgd-stage{grid-template-columns:1fr}.sgd-panel{width:100%}.sgd-panel-body{padding:18px}.sgd-panel h1,.sgd-panel h2{font-size:26px}.sgd-panel p{font-size:14px}.sgd-lines input{font-size:16px}.sgd-fonts span{height:68px}.sgd-panel footer{padding:16px}.sgd-colors{gap:10px;max-width:330px}.sgd-colors label span{width:44px;height:44px}}

/* 0.6 – ren designer med fremdrift i kontrolpanelet */
.sgd{--panel-w:clamp(330px,19vw,370px);border:0;min-height:690px}.sgd-head{display:none}.sgd-stage{grid-template-columns:minmax(0,1fr) var(--panel-w);min-height:620px}.sgd-work{min-height:620px;border:0}.sgd-panel{width:var(--panel-w);border:0}.sgd-panel-body{padding:22px 28px 18px}.sgd-progress{position:static;width:100%;height:54px;padding:0 0 16px;background:transparent;border:0;grid-template-columns:auto 1fr auto 1fr auto 1fr auto}.sgd-progress:after{display:none}.sgd-progress button{gap:4px;font-size:9px}.sgd-progress button i{width:25px;height:25px;font-size:12px}.sgd-progress b{margin:0 8px}.sgd-panel h1,.sgd-panel h2{margin-top:7px}.sgd-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 7px}.sgd-colors em{font-size:11px;font-weight:750;color:#172119}.sgd-panel footer{border:0;padding:15px 28px 22px}.sgd-total{border-top:0}.sgd-product{border-color:#e4e7e8}.sgd-qty{border-color:#e3e6e8}
@media(max-width:900px){.sgd{--panel-w:100%;min-height:0}.sgd-stage{grid-template-columns:1fr;min-height:0}.sgd-panel{width:100%;border:0}.sgd-panel-body{padding:20px 22px}.sgd-progress{height:54px;padding:0 0 15px}.sgd-colors{max-width:360px;margin:0;gap:13px 8px}.sgd-panel footer{border:0;padding:14px 22px 20px}}

/* 0.7 – centreret valg og en tæt, ubrudt boldflade */
.sgd-panel-body>small,.sgd-panel-body>h1,.sgd-panel-body>h2,.sgd-panel-body>p{text-align:center;display:block}.sgd-panel-body>h1{font-size:32px;line-height:1.04;margin-top:10px}.sgd-panel-body>p{max-width:290px;margin-left:auto;margin-right:auto}.sgd-colors{justify-content:center}.sgd-scatter{padding:55px}.sgd-scatter i{z-index:1}
@media(max-width:900px){.sgd-panel-body>h1{font-size:31px}.sgd-panel-body>p{max-width:320px}.sgd-scatter{padding:45px}}

/* 0.8 – let og typografisk teksteditor */
[data-panel="2"] .sgd-panel-body>p{margin-bottom:22px}.sgd-lines{display:grid;gap:17px}.sgd-lines label{display:block;margin:0}.sgd-lines label>span{align-items:center;color:#243026;font-size:11px;font-weight:800;letter-spacing:.02em}.sgd-lines label>span b{font-size:10px}.sgd-lines input{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:42px!important;margin:0!important;padding:8px 0 10px!important;border:0!important;border-bottom:1px solid #8b9690!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#172119!important;font-size:16px!important;line-height:1.2!important}.sgd-lines input::placeholder{color:#9aa29d;opacity:1}.sgd-lines input:focus{border-bottom:2px solid var(--green)!important;outline:0!important}.sgd-copy-all{margin:20px 0 3px;padding:11px 12px;border:1px solid #d7e4da;border-radius:4px;background:#f6faf7;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.01em}.sgd-panel h3{margin:22px 0 10px;text-align:left;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.sgd-fonts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sgd-fonts label{display:block}.sgd-fonts span{position:relative;height:52px;border:1px solid #e0e5e2;border-radius:4px;background:#fff;color:#253027;font-size:16px;transition:border-color .16s,background .16s,color .16s}.sgd-fonts input:checked+span{outline:0;border-color:var(--green);background:#f3f8f4;color:var(--green);box-shadow:inset 0 -3px 0 var(--green)}.sgd-fonts input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:900px){.sgd-lines{gap:15px}.sgd-lines input{height:44px!important;font-size:16px!important}.sgd-fonts span{height:54px}.sgd-copy-all{margin-top:18px}}
.sgd-panel h3{text-align:center;font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:0;text-transform:none}

/* 0.8.1 – separat plads til boldnavne og pakkefarve */
.sgd-three-balls{margin-bottom:42px}.sgd-three .sgd-ball em{top:calc(100% + 11px);width:100%;left:0;text-align:center;line-height:1.2}.sgd-color-title{margin:0;position:relative;z-index:2;line-height:1.2}
@media(max-width:900px){.sgd-three-balls{margin-bottom:38px}.sgd-three .sgd-ball em{top:calc(100% + 9px)}}

/* 0.8.2 – fælles skrifttype kan vælges separat fra fælles tekst */
.sgd-copy-font{width:100%;margin:10px 0 0;padding:10px 12px;border:1px solid #d7e4da;border-radius:4px;background:#f6faf7;color:var(--green);font-size:11px;font-weight:800;cursor:pointer}.sgd-copy-font:hover,.sgd-copy-all:hover{border-color:var(--green);background:#eef7f0}

/* 0.9 – større editor og tydeligt individuelt valg af bold */
.sgd{--panel-w:clamp(420px,24vw,470px)}[data-panel="2"] .sgd-panel-body{padding-left:34px;padding-right:34px}[data-panel="2"] .sgd-panel-body>h2{font-size:31px;line-height:1.08}[data-panel="2"] .sgd-panel-body>p{max-width:360px;font-size:14px;line-height:1.45}.sgd-ball-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 24px;padding:4px;background:#f1f4f2;border-radius:6px}.sgd-ball-tabs button{height:42px;border:0;border-radius:4px;background:transparent;color:#67716b;font-family:var(--display);font-size:14px;font-weight:800;cursor:pointer}.sgd-ball-tabs button.is-active{background:#fff;color:var(--green);box-shadow:0 1px 5px rgba(25,45,30,.13)}.sgd-lines label>span{font-size:13px}.sgd-lines label>span b{font-size:12px}.sgd-lines input{height:48px!important;font-size:18px!important}.sgd-copy-all,.sgd-copy-font{font-size:13px;padding:12px 14px}.sgd-panel h3{font-size:16px}.sgd-fonts span{height:58px;font-size:18px}
@media(max-width:900px){.sgd{--panel-w:100%}[data-panel="2"] .sgd-panel-body{padding-left:22px;padding-right:22px}[data-panel="2"] .sgd-panel-body>h2{font-size:29px}.sgd-ball-tabs{margin-bottom:21px}.sgd-lines input{height:47px!important;font-size:18px!important}}

/* 1.0 – boldtype vælges i panelet, designet bliver på fladen */
.sgd-product-preview-title{margin:0;position:relative;z-index:2;font-family:var(--display);font-size:17px;line-height:1.2}.sgd-product-list{display:grid;gap:9px;margin:4px 0 18px}.sgd-product-option{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:76px;padding:7px 12px 7px 7px;border:1px solid #dfe4e1;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.sgd-product-option:hover{border-color:#a9b8ae;background:#fbfdfb}.sgd-product-option>input{position:absolute;opacity:0;pointer-events:none}.sgd-product-option:has(input:checked){border-color:var(--green);background:#f4f9f5;box-shadow:0 0 0 1px var(--green)}.sgd-product-thumb{width:62px;height:62px;display:grid;place-items:center;border-radius:4px;background:#f2f4f3;overflow:hidden}.sgd-product-thumb img{max-width:100%;max-height:100%;object-fit:contain}.sgd-product-info{display:flex;min-width:0;flex-direction:column;gap:3px}.sgd-product-info small{font-size:9px;letter-spacing:.07em}.sgd-product-info strong{font-size:14px;line-height:1.25}.sgd-product-info em{color:var(--green);font-size:13px;font-style:normal;font-weight:800}.sgd-product-option>i{width:19px;height:19px;border:2px solid #aeb8b2;border-radius:50%}.sgd-product-option:has(input:checked)>i{border:6px solid var(--green)}[data-panel="3"] .sgd-choice{padding-top:2px;border-top:0}[data-panel="3"] .sgd-choice span{margin-top:9px}.sgd-product-option input:focus-visible~i{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:900px){.sgd-product-option{grid-template-columns:58px minmax(0,1fr) 22px;min-height:72px}.sgd-product-thumb{width:58px;height:58px}.sgd-product-info strong{font-size:15px}}

/* 1.0.1 – større typografisk skala i hele kontrolpanelet */
.sgd-progress{height:64px;padding-bottom:18px}.sgd-progress button{font-size:12px;gap:5px}.sgd-progress button i{width:30px;height:30px;font-size:14px}.sgd-panel small{font-size:14px}.sgd-panel h1,.sgd-panel h2{font-size:35px;line-height:1.08}.sgd-panel-body>h1{font-size:39px}.sgd-panel p{font-size:16px;line-height:1.5}.sgd-colors label span{width:52px;height:52px}.sgd-colors em{font-size:14px;font-weight:800}.sgd-lines label>span{font-size:15px}.sgd-lines label>span b{font-size:14px}.sgd-lines input{font-size:20px!important}.sgd-copy-all,.sgd-copy-font{font-size:15px}.sgd-panel h3{font-size:18px}.sgd-fonts span{font-size:20px}.sgd-product-info small{font-size:11px}.sgd-product-info strong{font-size:17px}.sgd-product-info em{font-size:15px}.sgd-choice span,.sgd-summary span{font-size:14px}.sgd-choice strong,.sgd-summary strong{font-size:17px}.sgd-panel footer button{font-size:16px}
@media(max-width:900px){.sgd-progress button{font-size:11px}.sgd-panel small{font-size:13px}.sgd-panel h1,.sgd-panel h2{font-size:32px}.sgd-panel-body>h1{font-size:36px}.sgd-panel p{font-size:16px}.sgd-colors em{font-size:14px}}

/* 1.9.13 – kompakt, dynamisk sideintroduktion */
.sgd{background:#f8f5ef}
.sgd-context{position:relative;display:grid;place-items:center;min-height:188px;padding:38px 190px 24px;overflow:hidden;background:#f8f5ef;text-align:center}
.sgd-context-copy{position:relative;z-index:2;width:min(100%,850px)}
.sgd-context h1{margin:0 0 10px;color:#242321;font-family:'Bree Serif',Georgia,serif;font-size:clamp(42px,4.2vw,64px);font-weight:400;line-height:1.04;letter-spacing:-.02em;text-transform:none}
.sgd-context p{margin:0;color:#637069;font-size:clamp(16px,1.4vw,20px);line-height:1.55}
.sgd-context-art{position:absolute;top:50%;width:170px;height:130px;transform:translateY(-50%);pointer-events:none;opacity:.86}
.sgd-context-art-left{left:14px}
.sgd-context-art-right{right:14px;transform:translateY(-50%) scaleX(-1)}
.sgd-context-art i{position:absolute;left:-30px;width:180px;height:78px;border-top:10px solid #ef3d83;border-radius:50%;transform:rotate(-9deg)}
.sgd-context-art i:nth-child(2){top:54px;left:-12px;width:150px;height:65px;border-color:#0754a2;border-width:8px;transform:rotate(9deg)}
.sgd-context-art b{position:absolute;top:20px;left:82px;width:15px;height:15px;border-radius:50%;background:#f47b20}
.sgd-context-art b:nth-of-type(2){top:31px;left:113px;background:#ef3d83}
.sgd-context-art b:nth-of-type(3){top:20px;left:144px;background:#ffca05}
.sgd>.sgd-progress{height:94px;padding-top:15px;padding-bottom:10px;background:#f8f5ef}
.sgd [data-panel="1"] .sgd-panel,.sgd [data-panel="1"] .sgd-panel footer{background:#f8f5ef}
.sgd [data-panel="1"] .sgd-panel-body{padding-top:14px}
@media(max-width:900px){.sgd-context{min-height:160px;padding:32px 80px 20px}.sgd-context-art{width:95px;transform:translateY(-50%) scale(.72)}.sgd-context-art-left{left:-25px}.sgd-context-art-right{right:-25px;transform:translateY(-50%) scale(-.72,.72)}.sgd>.sgd-progress{height:84px}}
@media(max-width:600px){.sgd-context{min-height:148px;padding:28px 22px 18px}.sgd-context h1{font-size:38px}.sgd-context p{font-size:15px}.sgd-context-art{display:none}.sgd>.sgd-progress{height:78px;padding-top:10px}}

/* 1.1 – 50/50 arbejdsflade og én aktiv designbold */
@media(min-width:901px){.sgd{--panel-w:50%}.sgd-stage{grid-template-columns:50% 50%}}
[data-panel="2"] .sgd-three-balls{justify-content:center}[data-panel="2"] .sgd-edit-ball{display:none;--carousel-ball:min(34vw,430px,58vh);width:var(--carousel-ball);height:var(--carousel-ball);flex:0 0 var(--carousel-ball)}[data-panel="2"] .sgd-edit-ball.is-selected{display:grid}.sgd-carousel-arrow{position:absolute;z-index:5;top:48%;width:52px;height:52px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(23,116,59,.25);border-radius:50%;background:rgba(255,255,255,.88);color:var(--green);font:700 36px/1 Arial,sans-serif;box-shadow:0 5px 18px rgba(20,40,25,.12);cursor:pointer}.sgd-carousel-arrow:hover{background:#fff;border-color:var(--green)}.sgd-carousel-prev{left:32px}.sgd-carousel-next{right:32px}[data-panel="2"] .sgd-ball-text{font-size:clamp(28px,3vw,48px)}
@media(max-width:900px){.sgd{--panel-w:100%}[data-panel="2"] .sgd-edit-ball{--carousel-ball:min(76vw,390px,48vh)}.sgd-carousel-arrow{width:46px;height:46px;font-size:31px}.sgd-carousel-prev{left:14px}.sgd-carousel-next{right:14px}}

/* 1.1.1 – centreret og opskaleret indhold i højre halvdel */
@media(min-width:901px){.sgd-panel-body{width:100%;max-width:660px;margin:0 auto;padding:30px 38px 24px}.sgd-panel footer{width:100%;max-width:660px;margin:0 auto;padding:18px 38px 26px}.sgd-progress{height:76px;padding-bottom:22px}.sgd-progress button{font-size:14px}.sgd-progress button i{width:36px;height:36px;font-size:16px}.sgd-progress b{margin:0 14px}.sgd-panel small{font-size:16px}.sgd-panel h1,.sgd-panel h2{font-size:42px}.sgd-panel-body>h1{font-size:47px}.sgd-panel p{max-width:500px;font-size:19px;line-height:1.5}.sgd-colors{max-width:560px;margin:0 auto;gap:22px 16px}.sgd-colors label span{width:66px;height:66px}.sgd-colors em{font-size:17px;margin-top:10px}.sgd-ball-tabs{max-width:560px;margin-left:auto;margin-right:auto}.sgd-ball-tabs button{height:49px;font-size:17px}.sgd-lines{max-width:560px;margin:0 auto;gap:21px}.sgd-lines label>span{font-size:17px}.sgd-lines label>span b{font-size:16px}.sgd-lines input{height:55px!important;font-size:22px!important}.sgd-copy-all,.sgd-copy-font{max-width:560px;display:block;margin-left:auto;margin-right:auto;padding:14px 16px;font-size:16px}.sgd-panel h3{font-size:20px}.sgd-fonts{max-width:560px;margin:0 auto;gap:12px}.sgd-fonts span{height:66px;font-size:22px}.sgd-product-list{max-width:580px;margin-left:auto;margin-right:auto;gap:12px}.sgd-product-option{min-height:88px;grid-template-columns:72px minmax(0,1fr) 24px;padding:8px 15px 8px 8px}.sgd-product-thumb{width:72px;height:72px}.sgd-product-info small{font-size:12px}.sgd-product-info strong{font-size:19px}.sgd-product-info em{font-size:17px}.sgd-choice,.sgd-summary{max-width:580px;width:100%;margin-left:auto;margin-right:auto}.sgd-choice span,.sgd-summary span{font-size:16px}.sgd-choice strong,.sgd-summary strong{font-size:19px}.sgd-panel footer button{height:58px;font-size:18px}}
@media(min-width:901px){[data-panel="2"] .sgd-panel-body{padding:30px 38px 24px}.sgd-colors{display:flex;flex-wrap:wrap;justify-content:center}.sgd-colors label{flex:0 0 116px}}

/* 1.1.2 – udnyt hele bredden i 50/50-panelet */
@media(min-width:1301px){.sgd-panel-body{max-width:900px;padding-left:50px;padding-right:50px}.sgd-panel footer{max-width:900px;padding-left:50px;padding-right:50px}.sgd-progress{width:100%;max-width:none}.sgd-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:800px;gap:20px 12px}.sgd-colors label{min-width:0}.sgd-ball-tabs,.sgd-lines,.sgd-copy-all,.sgd-copy-font,.sgd-fonts{max-width:780px}.sgd-product-list,.sgd-choice,.sgd-summary{max-width:800px}[data-panel="2"] .sgd-panel-body{padding-left:50px;padding-right:50px}}
@media(min-width:901px) and (max-width:1300px){.sgd-panel-body,.sgd-panel footer{max-width:100%}.sgd-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}.sgd-colors label{min-width:0}}

/* 1.1.3 – panelet skal fylde hele den højre 50%-kolonne */
@media(min-width:901px){.sgd-panel{width:100%}}

/* 1.1.4 – den aktive bold starter højere på designfladen */
@media(min-width:901px){[data-panel="2"] .sgd-three{justify-content:flex-start;padding-top:34px}[data-panel="2"] .sgd-three-balls{margin-bottom:48px}}
@media(max-width:900px){[data-panel="2"] .sgd-three{justify-content:flex-start;padding-top:28px}}
.sgd-ball-text span{font-size:inherit!important;line-height:inherit!important}
.sgd-ball-text span:empty{display:none!important}
.sgd-ball-text,.sgd-ball-text span{text-transform:none!important}.sgd-ball-text span{font-family:inherit!important;font-weight:inherit!important;font-style:inherit!important}

/* Trin 3: fast designflade og farvefiltreret produktliste */
[data-panel="3"] .sgd-product-preview-title,[data-panel="3"] .sgd-ball em{display:none}
[data-panel="3"] .sgd-three-balls{gap:clamp(18px,2vw,34px);padding:0 24px}
[data-panel="3"] .sgd-product-preview .sgd-ball{width:min(28%,280px)!important;height:auto!important;aspect-ratio:1/1;flex:0 0 auto!important}
[data-panel="3"] .sgd-product-list{gap:12px;margin-top:28px}
[data-panel="3"] .sgd-product-option{grid-template-columns:78px minmax(0,1fr) 28px;min-height:104px;padding:10px 16px 10px 10px;border:1px solid #dce3d8;border-radius:18px}
[data-panel="3"] .sgd-product-option[hidden]{display:none!important}
[data-panel="3"] .sgd-product-thumb{width:78px;height:82px;border-radius:10px;background:#f5f6f4}
[data-panel="3"] .sgd-product-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:22px;row-gap:5px}
[data-panel="3"] .sgd-product-info small{grid-column:1/-1}
[data-panel="3"] .sgd-product-info strong{grid-column:1;font-size:20px}
[data-panel="3"] .sgd-product-info em{grid-column:2;grid-row:2;color:#587a2c;font-size:18px;white-space:nowrap}
[data-panel="3"] .sgd-product-option>i{width:25px;height:25px;display:grid;place-items:center}
[data-panel="3"] .sgd-product-option:has(input:checked){border:2px solid #587a2c;background:#f7faef;box-shadow:none}
[data-panel="3"] .sgd-product-option:has(input:checked)>i{border:0;background:#587a2c;color:#fff}
[data-panel="3"] .sgd-product-option:has(input:checked)>i:after{content:'✓';font-size:16px;font-style:normal;font-weight:900}
[data-panel="3"] .sgd-color-empty{margin-top:8px;text-align:center}
@media(min-width:901px){[data-panel="3"]{height:100vh;min-height:680px;overflow:hidden}[data-panel="3"] .sgd-work,[data-panel="3"] .sgd-panel{height:100%;min-height:0}[data-panel="3"] .sgd-panel{overflow:hidden}[data-panel="3"] .sgd-panel-body{width:100%;max-width:800px;overflow-y:auto;padding-left:34px;padding-right:34px;scrollbar-gutter:stable}[data-panel="3"] .sgd-panel footer{max-width:800px;flex:0 0 auto}}
@media(max-width:900px){[data-panel="3"] .sgd-product-preview .sgd-ball{width:29vw!important}[data-panel="3"] .sgd-product-option{grid-template-columns:64px minmax(0,1fr) 24px;min-height:88px;border-radius:14px}[data-panel="3"] .sgd-product-thumb{width:64px;height:68px}[data-panel="3"] .sgd-product-info{display:flex;gap:3px}[data-panel="3"] .sgd-product-info strong{font-size:16px}[data-panel="3"] .sgd-product-info em{font-size:15px;white-space:normal}}

/* Kompakt produktkort inspireret af Greenen */
[data-panel="3"] .sgd-product-list{gap:14px}
[data-panel="3"] .sgd-product-option{position:relative;grid-template-columns:82px minmax(0,1fr) 30px;min-height:102px;padding:10px 16px 10px 10px;border-radius:17px;background:#fff}
[data-panel="3"] .sgd-product-thumb{width:82px;height:82px;padding:5px;border-radius:12px}
[data-panel="3"] .sgd-product-info{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:5px 24px}
[data-panel="3"] .sgd-product-info>small{display:none}
[data-panel="3"] .sgd-product-info>strong{grid-column:1;grid-row:1;font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:900;line-height:1.15;letter-spacing:-.02em;text-transform:uppercase}
[data-panel="3"] .sgd-product-color{grid-column:1;grid-row:2;justify-self:start;padding:4px 9px;border-radius:99px;background:#edf1ea;color:#4f702e;font-size:11px;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase}
[data-panel="3"] .sgd-product-color[data-color="yellow"]{background:#fff7bf;color:#796700}
[data-panel="3"] .sgd-product-color[data-color="red"]{background:#ffe4e5;color:#a4151c}
[data-panel="3"] .sgd-product-color[data-color="green"]{background:#e2f4e6;color:#166b31}
[data-panel="3"] .sgd-product-color[data-color="orange"]{background:#ffead8;color:#a84f0b}
[data-panel="3"] .sgd-product-color[data-color="pink"]{background:#ffe2ed;color:#a52f5a}
[data-panel="3"] .sgd-product-info>em{grid-column:2;grid-row:1/3;display:flex;align-items:baseline;justify-content:flex-end;gap:7px;color:#587a2c!important;font-family:Inter,Arial,sans-serif;font-size:18px!important;font-style:normal;font-weight:900;white-space:nowrap}
[data-panel="3"] .sgd-product-info>em del{color:#8c918c!important;font-size:13px;font-weight:600;text-decoration-thickness:1px}
[data-panel="3"] .sgd-product-info>em ins{color:#587a2c!important;text-decoration:none!important}
[data-panel="3"] .sgd-vat{color:#929792;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}
[data-panel="3"] .sgd-product-option.is-recommended:before{content:'MEST POPULÆRE VALG';position:absolute;z-index:2;right:46px;top:-11px;padding:5px 11px;border-radius:99px;background:#587a2c;color:#fff;font-size:9px;font-weight:900;line-height:1;letter-spacing:.04em}
[data-panel="3"] .sgd-product-option:has(input:checked){border-color:#587a2c;background:#f5f9ed}
@media(max-width:900px){[data-panel="3"] .sgd-product-option{grid-template-columns:66px minmax(0,1fr) 24px;min-height:92px;padding:9px}[data-panel="3"] .sgd-product-thumb{width:66px;height:70px}[data-panel="3"] .sgd-product-info{display:grid;grid-template-columns:1fr;gap:4px}[data-panel="3"] .sgd-product-info>strong{font-size:15px}[data-panel="3"] .sgd-product-color{font-size:9px}[data-panel="3"] .sgd-product-info>em{grid-column:1;grid-row:3;justify-content:flex-start;font-size:14px!important;white-space:normal}[data-panel="3"] .sgd-product-option.is-recommended:before{right:34px}}

/* Tretrin-flow og køb direkte fra produktvalget */
.sgd-progress{grid-template-columns:auto 1fr auto 1fr auto}
[data-panel="3"] .sgd-product-info>em,[data-panel="3"] .sgd-product-info>em *{font-family:Inter,Arial,sans-serif!important}
[data-panel="3"] .sgd-product-info>em .amount,[data-panel="3"] .sgd-product-info>em bdi,[data-panel="3"] .sgd-product-info>em ins,[data-panel="3"] .sgd-product-info>em ins *{color:#587a2c!important;font-size:19px!important;font-weight:800!important;letter-spacing:-.02em}
[data-panel="3"] .sgd-product-info>em del,[data-panel="3"] .sgd-product-info>em del *{color:#949994!important;font-size:12px!important;font-weight:500!important}
.sgd-purchase-footer{display:grid!important;grid-template-columns:150px auto minmax(220px,1fr);align-items:end;gap:18px!important}
.sgd-purchase-footer .sgd-back,.sgd-purchase-footer .sgd-order{width:100%}
.sgd-purchase-footer .sgd-order{height:58px;border:0;border-radius:99px;background:var(--green);color:#fff;font-family:var(--display);font-size:18px;font-weight:800;cursor:pointer}
.sgd-purchase-footer .sgd-order:disabled{background:#aab4ad;cursor:wait}
.sgd-purchase-qty{display:flex;flex-direction:column;align-items:center;gap:5px}
.sgd-purchase-qty>span{color:#647067;font-size:11px;font-weight:800;white-space:nowrap}
.sgd-purchase-footer .sgd-qty{grid-template-columns:42px 54px 42px;margin:0;height:48px;background:#fff}
.sgd-purchase-footer .sgd-qty button{cursor:pointer}
@media(max-width:900px){.sgd-purchase-footer{grid-template-columns:1fr 1fr;gap:12px!important}.sgd-purchase-qty{grid-column:1/-1;grid-row:1;align-items:flex-start}.sgd-purchase-footer .sgd-back{grid-column:1}.sgd-purchase-footer .sgd-order{grid-column:2}.sgd-purchase-footer .sgd-qty{width:100%;grid-template-columns:46px 1fr 46px}}

/* Faktiske skrifttypenavne som valg */
.font-bree{font-family:'Bree Serif',Georgia,serif!important;font-weight:400!important}.font-arial_black{font-family:'Arial Black',Arial,sans-serif!important;font-weight:900!important}.font-verdana{font-family:Verdana,Arial,sans-serif!important;font-weight:400!important}.font-fredoka{font-family:Fredoka,Arial,sans-serif!important;font-weight:600!important}.font-poppins{font-family:Poppins,Arial,sans-serif!important;font-weight:600!important}.font-courgette{font-family:Courgette,cursive!important;font-weight:400!important}.font-lobster{font-family:Lobster,cursive!important;font-weight:400!important}
[data-panel="2"] .sgd-fonts{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px}
[data-panel="2"] .sgd-fonts span{height:68px;padding:8px;font-size:18px;text-transform:none!important}
@media(max-width:900px){[data-panel="2"] .sgd-fonts{grid-template-columns:repeat(2,minmax(0,1fr))}[data-panel="2"] .sgd-fonts span{height:62px;font-size:16px}}

/* Skriftfarve: ekstra valg kun ved hvide bolde */
.sgd-ink-picker[hidden]{display:none!important}.sgd-ink-picker{max-width:620px;margin:0 auto}.sgd-ink-picker h3{margin-bottom:12px!important}.sgd-inks{display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:10px}.sgd-inks label{position:relative;text-align:center;cursor:pointer}.sgd-inks input{position:absolute;opacity:0;pointer-events:none}.sgd-inks span{width:42px;height:42px;display:block;margin:0 auto;border:3px solid #fff;border-radius:8px;background:var(--ink);box-shadow:0 0 0 1px #d5dbd7}.sgd-inks input:checked+span{box-shadow:0 0 0 3px var(--green)}.sgd-inks em{display:block;margin-top:7px;color:#4f5752;font-size:12px;font-style:normal}.sgd-inks input:focus-visible+span{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:900px){.sgd-inks{grid-template-columns:repeat(3,1fr);gap:14px 8px}.sgd-inks span{width:40px;height:40px}}

/* Mere luft omkring købslinjen */
@media(min-width:1101px){[data-panel="3"] .sgd-panel footer.sgd-purchase-footer{width:100%;max-width:900px;padding:26px 34px 30px;grid-template-columns:minmax(160px,190px) minmax(170px,190px) minmax(250px,1fr);gap:24px!important}.sgd-purchase-footer .sgd-back,.sgd-purchase-footer .sgd-order{height:64px}.sgd-purchase-footer .sgd-qty{width:100%;height:56px;grid-template-columns:48px minmax(64px,1fr) 48px}.sgd-purchase-qty{gap:8px}.sgd-purchase-qty>span{font-size:13px}}
@media(min-width:901px) and (max-width:1100px){.sgd-purchase-footer{grid-template-columns:1fr 1fr!important;padding:22px 28px 26px!important}.sgd-purchase-qty{grid-column:1/-1;grid-row:1;align-items:stretch}.sgd-purchase-footer .sgd-qty{width:100%;grid-template-columns:48px 1fr 48px}.sgd-purchase-footer .sgd-back{grid-column:1}.sgd-purchase-footer .sgd-order{grid-column:2}}

/* Præcis centrering i antalvælgeren */
.sgd-purchase-footer .sgd-qty{align-items:stretch}.sgd-purchase-footer .sgd-qty input{appearance:textfield!important;-moz-appearance:textfield!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#59615c!important;font-family:Inter,Arial,sans-serif!important;font-size:18px!important;font-weight:500!important;line-height:1!important;text-align:center!important}.sgd-purchase-footer .sgd-qty input::-webkit-inner-spin-button,.sgd-purchase-footer .sgd-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sgd-purchase-footer .sgd-qty button{height:100%;display:grid;place-items:center;padding:0;line-height:1}.sgd-purchase-footer .sgd-order{text-transform:none!important}

/* 1.2 – sikkert printområde og ingen overflødig tekst under redigeringsbolden */
[data-panel="2"] .sgd-edit-ball em,[data-panel="2"] .sgd-color-title{display:none}[data-panel="2"] .sgd-three-balls{margin-bottom:0}.sgd-ball-text{width:64%;max-width:64%;overflow:visible}.sgd-ball-text span{display:block;width:100%;overflow:visible;white-space:nowrap;text-overflow:clip}

/* Hurtig og tydelig lagring af design */
.sgd-order.is-loading{display:flex!important;align-items:center;justify-content:center;gap:11px;cursor:wait!important}.sgd-spinner{width:18px;height:18px;flex:0 0 18px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:sgd-spin .7s linear infinite}@keyframes sgd-spin{to{transform:rotate(360deg)}}

/* Rigtige produktfotos som boldflade */
.sgd-ball,.sgd-scatter i{background-color:transparent!important;background-image:var(--ball-image)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;box-shadow:none!important}.sgd-ball:after,.sgd-scatter i:after{display:none!important}.sgd-scatter i span{display:none!important}.sgd-colors label span{background-color:transparent!important;background-image:var(--swatch-image)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;box-shadow:none!important}
.sgd-colors label span{background-image:none!important}.sgd-colors label span img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}

/* Trin 2: større, ren bold uden markeringsring */
[data-panel="2"] .sgd-edit-ball,[data-panel="2"] .sgd-edit-ball.is-selected{outline:0!important;outline-offset:0!important}[data-panel="2"] .sgd-edit-ball{--carousel-ball:min(40vw,560px,70vh)}
@media(max-width:900px){[data-panel="2"] .sgd-edit-ball{--carousel-ball:min(84vw,440px,55vh)}}

/* Trin 3: samme tekstproportioner som på redigeringsbolden */
[data-panel="3"] .sgd-product-preview .sgd-ball-text{font-size:clamp(30px,3vw,52px)!important;line-height:1!important}
@media(max-width:700px){}

/* 1.8 – centreret designerstudie uden dekorativ venstreside */
.sgd{--studio-width:1180px;min-height:0;border:0;background:#fff}
.sgd>.sgd-progress{width:min(calc(100% - 96px),1080px);height:104px;margin:0 auto;padding:24px 8px 12px;background:transparent;border:0}
.sgd>.sgd-progress:after{display:none}
.sgd-stage{width:100%;min-height:0;grid-template-columns:1fr;background:#fff}
.sgd-stage.is-active{display:grid}
.sgd-stage .sgd-panel{grid-column:1;width:100%;max-width:none;border:0;background:#fff}
.sgd-stage .sgd-panel-body{width:min(100% - 48px,980px);max-width:none;margin:0 auto;padding:20px 0 30px;overflow:visible}
.sgd-stage .sgd-panel footer{width:min(100% - 48px,980px);max-width:none;margin:0 auto;padding:22px 0 34px;border:0;background:#fff}

/* Trin 1: kun det egentlige valg */
[data-panel="1"]{min-height:0;grid-template-rows:auto}
[data-panel="1"] .sgd-work{display:none!important}
[data-panel="1"] .sgd-panel{min-height:0}
[data-panel="1"] .sgd-panel-body{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;padding-top:22px}
[data-panel="1"] .sgd-panel-body>small{font-size:16px}
[data-panel="1"] .sgd-panel-body>h1{font-size:50px;margin:14px 0 8px}
[data-panel="1"] .sgd-panel-body>p{max-width:620px;margin-bottom:28px;font-size:20px}
[data-panel="1"] .sgd-colors{display:grid;width:min(100%,850px);max-width:none;grid-template-columns:repeat(5,minmax(100px,1fr));gap:24px;margin:0 auto}
[data-panel="1"] .sgd-colors label{min-width:0}
[data-panel="1"] .sgd-colors label span{width:76px;height:76px}
[data-panel="1"] .sgd-colors em{margin-top:12px;font-size:17px;font-weight:850}
[data-panel="1"] .sgd-panel footer{margin-top:28px}
[data-panel="1"] .sgd-next{height:64px;font-size:19px}

/* Trin 1 må aldrig strækkes kunstigt af temaets eller designerens flexhøjde */
.sgd [data-panel="1"].sgd-stage.is-active{display:block!important;height:auto!important;min-height:0!important}
.sgd [data-panel="1"] .sgd-panel{display:block!important;height:auto!important;min-height:0!important}
.sgd [data-panel="1"] .sgd-panel-body{display:flex!important;flex:none!important;height:auto!important;min-height:0!important}
.sgd [data-panel="1"] .sgd-panel footer{display:flex!important;position:static!important;inset:auto!important;float:none!important;clear:both;margin:28px auto 34px!important}

/* Trin 2 og 3: de tre valgte bolde er den fælles, centrerede forhåndsvisning */
[data-panel="2"],[data-panel="3"]{grid-template-rows:auto auto}
[data-panel="2"] .sgd-work,[data-panel="3"] .sgd-work{grid-column:1;grid-row:1;width:100%;min-height:0;height:auto;padding:30px 32px 38px;background:#eef2f5;overflow:visible}
[data-panel="2"] .sgd-panel,[data-panel="3"] .sgd-panel{grid-row:2;min-height:0;height:auto;overflow:visible}
[data-panel="2"] .sgd-three-balls,[data-panel="3"] .sgd-three-balls{width:min(100%,940px);margin:0 auto!important;padding:0!important;gap:clamp(24px,5vw,76px)}
[data-panel="2"] .sgd-three .sgd-ball,[data-panel="3"] .sgd-product-preview .sgd-ball{width:clamp(180px,18vw,260px)!important;height:auto!important;aspect-ratio:1;flex:0 0 auto!important}
[data-panel="2"] .sgd-edit-ball{--carousel-ball:auto}
[data-panel="2"] .sgd-edit-ball.is-selected{filter:drop-shadow(0 10px 18px rgba(18,70,60,.18))}
[data-panel="2"] .sgd-edit-ball.is-selected:before{content:'Redigerer bold ' attr(data-ball);position:absolute;left:50%;bottom:-29px;transform:translateX(-50%);color:var(--green);font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:850;white-space:nowrap}
[data-panel="2"] .sgd-carousel-arrow{display:none!important}
[data-panel="2"] .sgd-panel-body,[data-panel="3"] .sgd-panel-body{padding-top:34px}
[data-panel="2"] .sgd-panel-body>h2,[data-panel="3"] .sgd-panel-body>h2{font-size:40px}
[data-panel="2"] .sgd-panel-body>p,[data-panel="3"] .sgd-panel-body>p{max-width:620px;font-size:17px}
[data-panel="2"] .sgd-ball-tabs{max-width:760px;margin:0 auto 28px}
[data-panel="2"] .sgd-lines,[data-panel="2"] .sgd-fonts,[data-panel="2"] .sgd-ink-picker{width:100%;max-width:760px;margin-left:auto;margin-right:auto}
[data-panel="2"] .sgd-panel h3{max-width:760px;margin-left:auto;margin-right:auto}
[data-panel="2"] .sgd-lines input{font-size:20px!important}
[data-panel="2"] .sgd-fonts{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-panel="3"] .sgd-product-list{width:100%;max-width:900px;margin:28px auto 18px}
[data-panel="3"] .sgd-product-preview .sgd-ball-text{font-size:clamp(22px,2.2vw,38px)!important}
[data-panel="3"] .sgd-panel footer.sgd-purchase-footer{width:min(100% - 48px,900px);max-width:none}

@media(max-width:900px){
 .sgd>.sgd-progress{width:calc(100% - 32px);height:88px;padding:18px 0 10px}
 .sgd-stage .sgd-panel-body,.sgd-stage .sgd-panel footer{width:calc(100% - 36px)}
 [data-panel="1"],[data-panel="1"] .sgd-panel{min-height:0}
 [data-panel="1"] .sgd-panel-body{padding-top:16px}
 [data-panel="1"] .sgd-panel-body>small{font-size:14px}
 [data-panel="1"] .sgd-panel-body>h1{font-size:42px}
 [data-panel="1"] .sgd-panel-body>p{font-size:17px}
 [data-panel="1"] .sgd-colors{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 5px}
 [data-panel="1"] .sgd-colors label span{width:58px;height:58px}
 [data-panel="1"] .sgd-colors em{font-size:13px}
 [data-panel="2"] .sgd-work,[data-panel="3"] .sgd-work{min-height:0;padding:24px 12px 34px}
 [data-panel="2"] .sgd-three-balls,[data-panel="3"] .sgd-three-balls{gap:8px}
 [data-panel="2"] .sgd-three .sgd-ball,[data-panel="3"] .sgd-product-preview .sgd-ball{width:29vw!important;max-width:190px}
 [data-panel="2"] .sgd-edit-ball.is-selected:before{bottom:-23px;font-size:10px}
 [data-panel="2"] .sgd-panel-body,[data-panel="3"] .sgd-panel-body{padding-top:28px}
 [data-panel="2"] .sgd-panel-body>h2,[data-panel="3"] .sgd-panel-body>h2{font-size:33px}
 [data-panel="2"] .sgd-panel-body>p,[data-panel="3"] .sgd-panel-body>p{font-size:15px}
 [data-panel="2"] .sgd-fonts{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-panel="3"]{height:auto!important;min-height:0!important;overflow:visible!important}
 [data-panel="3"] .sgd-work,[data-panel="3"] .sgd-panel{height:auto!important;overflow:visible!important}
 [data-panel="3"] .sgd-panel-body{overflow:visible!important}
}

/* 2.0.0 – selvstændigt, enkelt SuperGolf-designstudie */
.sgd-launch{display:flex;justify-content:center;padding:22px 0}
.sgd-launch[hidden]{display:none!important}
.sgd-launch-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:min(100%,360px);min-height:78px;padding:13px 30px;border:0!important;border-radius:10px!important;background:#ffca05!important;color:#12463c!important;box-shadow:none!important;text-transform:none!important}
.sgd-launch-button span{font:400 25px/1.1 "Bree Serif",Georgia,serif}.sgd-launch-button small{margin-top:4px;font:700 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.sgd-launch-button:hover{background:#f2bc00!important;color:#12463c!important;transform:translateY(-1px)}
.sgd-studio-shell[hidden],.sgd-review[hidden]{display:none!important}
.sgd-studio-open{overflow:hidden!important}
.sgd-studio-shell{position:fixed!important;z-index:2147483000!important;inset:0!important;display:grid!important;grid-template-rows:68px minmax(0,1fr)!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#f4f6f5!important;color:#18201c!important;font-family:Inter,Arial,sans-serif!important}
.sgd-studio-bar{position:relative;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;height:68px;padding:0 22px;border-bottom:1px solid #dce2de;background:#fff}
.sgd-studio-bar strong{color:#12463c;font:400 29px/1 "Bree Serif",Georgia,serif}.sgd-studio-bar>span{padding-left:20px;border-left:1px solid #dce2de;color:#46514b;font-size:14px;font-weight:700}
.sgd-studio-bar button,.sgd-review-close{display:grid!important;place-items:center;width:42px!important;height:42px!important;padding:0!important;border:1px solid #d8dfda!important;border-radius:50%!important;background:#fff!important;color:#18201c!important;font:400 28px/1 Arial,sans-serif!important;box-shadow:none!important}
.sgd-studio-scroll{min-height:0;overflow:auto;background:#f4f6f5}
.sgd-studio-shell .sgd{width:100%!important;max-width:none!important;min-height:calc(100dvh - 68px)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#f4f6f5!important;overflow:visible!important}
.sgd-studio-shell .sgd:before{display:none!important}.sgd-studio-shell .sgd-context{background:#fff!important;border-bottom:1px solid #e2e6e3!important}.sgd-studio-shell .sgd-context-art{display:none!important}
.sgd-studio-shell .sgd>.sgd-progress{background:#fff!important;border-bottom:1px solid #e2e6e3!important}.sgd-studio-shell .sgd-stage,.sgd-studio-shell .sgd-work{background:#f4f6f5!important}.sgd-studio-shell .sgd-panel{background:#fff!important;border-left:1px solid #e0e5e1!important}
.sgd-studio-shell .sgd-panel footer{background:#fff!important}.sgd-studio-shell .sgd-next,.sgd-studio-shell .sgd-confirm,.sgd-studio-shell .sgd-order,.sgd-review-actions>[data-review-order]{border-color:#ffca05!important;background:#ffca05!important;color:#12463c!important;box-shadow:none!important}.sgd-studio-shell .sgd-next:hover,.sgd-studio-shell .sgd-confirm:hover,.sgd-studio-shell .sgd-order:hover,.sgd-review-actions>[data-review-order]:hover{background:#f2bc00!important;color:#12463c!important}
.sgd-studio-shell .sgd-product-option,.sgd-studio-shell .sgd-fonts label,.sgd-studio-shell .sgd-lines input{border-color:#dce2de!important;border-radius:8px!important;box-shadow:none!important}.sgd-studio-shell .sgd-product-option:has(input:checked),.sgd-studio-shell .sgd-fonts label:has(input:checked){border-color:#12463c!important;background:#f0f6f3!important}
.sgd-scatter{display:grid!important;place-items:center!important;background:#f4f6f5!important}.sgd-scatter>i{display:none!important}.sgd-hero-ball{width:min(58vh,520px);aspect-ratio:1;border-radius:50%;background:var(--ball-image) center/contain no-repeat;filter:drop-shadow(0 24px 34px rgba(18,70,60,.12))}
.sgd-review{position:absolute;z-index:50;inset:68px 0 0;display:grid;grid-template-columns:58% 42%;background:#fff}
.sgd-review-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:50px;background:#f4f6f5}.sgd-review-preview>small{color:#647068;font-size:12px;font-weight:800;letter-spacing:.12em}.sgd-review-preview>strong{color:#12463c;font:400 25px/1.2 "Bree Serif",Georgia,serif}
.sgd-review-balls{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}.sgd-review-balls .sgd-ball{position:relative;width:min(27%,240px);aspect-ratio:1;border:0!important;background:var(--ball-image) center/contain no-repeat!important;box-shadow:none!important}.sgd-review-balls .sgd-ball>em{position:absolute;top:100%;left:0;width:100%;margin-top:8px;color:#637067;font-size:12px;font-style:normal;text-align:center}.sgd-review-balls .sgd-ball-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;text-align:center}
.sgd-review-copy{display:flex;flex-direction:column;padding:70px 40px 0}.sgd-review-copy h2{margin:0 0 12px;color:#111;font:400 clamp(34px,3vw,48px)/1.05 "Bree Serif",Georgia,serif}.sgd-review-copy>p{margin:0 0 26px;font-size:17px}.sgd-review-copy ul{display:grid;gap:14px;margin:0;padding-left:22px;font-size:16px}.sgd-review-actions{margin:auto -40px 0;padding:26px 40px 34px;border-top:1px solid #e2e6e3;background:#fff}.sgd-review-actions label{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;font-size:15px}.sgd-review-actions input{width:22px;height:22px;margin:0;accent-color:#12463c}.sgd-review-actions button{width:100%;height:58px;margin-top:10px;border-radius:8px!important;font-size:17px!important;font-weight:800!important;text-transform:none!important}.sgd-review-actions>[data-review-order]:disabled{opacity:.45;cursor:not-allowed}.sgd-review-actions>[data-review-edit]{border:1px solid #9fa9a3!important;background:#fff!important;color:#18201c!important}.sgd-review-close{position:absolute!important;z-index:2;top:18px;right:18px}
@media(max-width:900px){.sgd-studio-shell{grid-template-rows:58px minmax(0,1fr)!important}.sgd-studio-bar{height:58px;padding:0 12px}.sgd-studio-bar strong{font-size:24px}.sgd-studio-bar>span{padding-left:12px}.sgd-studio-bar button{width:38px!important;height:38px!important}.sgd-studio-shell .sgd{min-height:calc(100dvh - 58px)!important}.sgd-review{inset:58px 0 0;grid-template-columns:1fr;overflow:auto}.sgd-review-preview{min-height:48vh;padding:48px 18px}.sgd-review-copy{padding:38px 20px 0}.sgd-review-actions{margin:36px -20px 0;padding:22px 20px 28px}.sgd-review-balls{gap:8px}.sgd-review-balls .sgd-ball{width:31%}.sgd-hero-ball{width:min(76vw,400px)}}

/* 1.9.16 – fast og rolig placering i WoodMarts klassiske kurv */
@media(min-width:901px){
}

/* 2.0.9 FINAL – disse inline-regler skal ligge efter alle historiske designerlag */
html body .sgd-studio-shell.sgd-inline-shell{
 position:relative!important;z-index:1!important;inset:auto!important;display:block!important;
 width:min(1400px,100%)!important;max-width:1400px!important;height:auto!important;min-height:0!important;
 margin:28px auto 60px!important;border:1px solid #dce2de!important;border-radius:16px!important;
 background:#fff!important;overflow:hidden!important;box-shadow:0 14px 40px rgba(18,70,60,.08)!important;
}
html body .sgd-studio-shell.sgd-inline-shell .sgd-studio-scroll{display:block;min-height:0!important;overflow:visible!important;background:#fff!important}
html body .sgd-studio-shell.sgd-inline-shell.is-reviewing .sgd-studio-scroll{display:none!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd{
 position:relative!important;width:100%!important;max-width:100%!important;min-height:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;overflow:hidden!important;
}
html body .sgd-studio-shell.sgd-inline-shell .sgd:before{display:none!important;content:none!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd>.sgd-progress{height:76px!important;min-height:76px!important;padding:8px max(18px,calc((100% - 1180px)/2))!important;background:#fff!important;border-bottom:1px solid #e2e6e3!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd-stage{min-height:0!important;background:#fff!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd-work,
html body .sgd-studio-shell.sgd-inline-shell .sgd-panel,
html body .sgd-studio-shell.sgd-inline-shell .sgd-panel footer{background:#fff!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd-review{position:relative!important;z-index:2!important;inset:auto!important;min-height:720px!important}
@media(max-width:900px){
 html body .sgd-studio-shell.sgd-inline-shell{width:100%!important;margin:18px auto 40px!important;border-radius:12px!important}
 html body .sgd-studio-shell.sgd-inline-shell .sgd>.sgd-progress{height:68px!important;min-height:68px!important;padding:6px 12px!important}
 html body .sgd-studio-shell.sgd-inline-shell .sgd-review:not([hidden]){display:block!important;min-height:0!important;overflow:visible!important}
}

/* 2.0.1 – én ren hvid arbejdsflade uden gamle beige/grå baggrunde */
.sgd-studio-shell,
.sgd-studio-scroll,
.sgd-studio-shell .sgd,
.sgd-studio-shell .sgd-context,
.sgd-studio-shell .sgd>.sgd-progress,
.sgd-studio-shell .sgd-stage,
.sgd-studio-shell .sgd-work,
.sgd-studio-shell .sgd-panel,
.sgd-studio-shell .sgd-panel-body,
.sgd-studio-shell .sgd-panel footer,
.sgd-studio-shell .sgd-scatter,
.sgd-studio-shell .sgd-design-studio,
.sgd-studio-shell .sgd-three,
.sgd-review,
.sgd-review-preview,
.sgd-review-copy{
 background:#fff!important;
}
.sgd-studio-shell .sgd-stage{
 border-top-color:#e2e6e3!important;
}
.sgd-review-preview{
 border-right:1px solid #e2e6e3!important;
}
@media(max-width:900px){
 .sgd-review-preview{border-right:0!important;border-bottom:1px solid #e2e6e3!important}
}

/* 2.0.2 – kompakt top, konsekvent hvid flade og rene kontrolbolde */
body .sgd-studio-shell{
 grid-template-rows:64px minmax(0,1fr)!important;
 background:#fff!important;
}
body .sgd-studio-shell .sgd-studio-bar{
 height:64px!important;
 background:#fff!important;
}
body .sgd-studio-shell .sgd-studio-bar>span{
 color:#18201c!important;
 font-size:16px!important;
 font-weight:800!important;
}
body .sgd-studio-shell .sgd-context{
 display:none!important;
}
body .sgd-studio-shell .sgd-studio-scroll,
body .sgd-studio-shell .sgd,
body .sgd-studio-shell .sgd:before,
body .sgd-studio-shell .sgd>.sgd-progress,
body .sgd-studio-shell .sgd-stage,
body .sgd-studio-shell .sgd-stage:before,
body .sgd-studio-shell .sgd-stage:after,
body .sgd-studio-shell .sgd-work,
body .sgd-studio-shell .sgd-panel,
body .sgd-studio-shell .sgd-panel-body,
body .sgd-studio-shell .sgd-panel footer,
body .sgd-studio-shell .sgd-scatter,
body .sgd-studio-shell [data-panel="1"],
body .sgd-studio-shell [data-panel="2"],
body .sgd-studio-shell [data-panel="2"] .sgd-design-studio,
body .sgd-studio-shell [data-panel="3"],
body .sgd-studio-shell [data-panel="3"] .sgd-work,
body .sgd-studio-shell [data-panel="3"] .sgd-three,
body .sgd-studio-shell [data-panel="3"] .sgd-panel,
body .sgd-studio-shell .sgd-review,
body .sgd-studio-shell .sgd-review-preview,
body .sgd-studio-shell .sgd-review-copy{
 background-color:#fff!important;
 background-image:none!important;
}
body .sgd-studio-shell .sgd:before,
body .sgd-studio-shell .sgd-stage:before,
body .sgd-studio-shell .sgd-stage:after{
 display:none!important;
 content:none!important;
}
body .sgd-studio-shell .sgd>.sgd-progress{
 height:76px!important;
 min-height:76px!important;
 padding:8px max(18px,calc((100vw - 1250px)/2))!important;
}
body .sgd-studio-shell .sgd-stage{
 min-height:calc(100dvh - 140px)!important;
}
body .sgd-studio-shell .sgd-review{
 inset:64px 0 0!important;
}
body .sgd-studio-shell .sgd-review-balls .sgd-ball{
 background:none!important;
 overflow:visible!important;
}
body .sgd-studio-shell .sgd-review-balls .sgd-ball:before{
 content:""!important;
 position:absolute!important;
 z-index:0!important;
 inset:0!important;
 display:block!important;
 border-radius:50%!important;
 background:var(--ball-image) center/contain no-repeat!important;
 clip-path:circle(48% at 50% 50%)!important;
}
body .sgd-studio-shell .sgd-review-balls .sgd-ball:after{
 display:none!important;
 content:none!important;
}
body .sgd-studio-shell .sgd-review-balls .sgd-ball-text{
 z-index:2!important;
}
body .sgd-studio-shell .sgd-review-balls .sgd-ball>em{
 z-index:3!important;
}
@media(max-width:900px){
 body .sgd-studio-shell{grid-template-rows:56px minmax(0,1fr)!important}
 body .sgd-studio-shell .sgd-studio-bar{height:56px!important}
 body .sgd-studio-shell .sgd-studio-bar>span{font-size:14px!important}
 body .sgd-studio-shell .sgd>.sgd-progress{height:68px!important;min-height:68px!important;padding:6px 12px!important}
 body .sgd-studio-shell .sgd-stage{min-height:calc(100dvh - 124px)!important}
 body .sgd-studio-shell .sgd-review{inset:56px 0 0!important}
}

/* 2.0.3 – vinder over den gamle, ekstra specifikke trin 1-regel */
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="1"] .sgd-panel,
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="1"] .sgd-panel footer,
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="2"],
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="2"] .sgd-work,
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="2"] .sgd-design-studio,
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="2"] .sgd-panel,
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="3"],
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="3"] .sgd-work,
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="3"] .sgd-three,
html body.sgd-studio-open .sgd-studio-shell .sgd [data-panel="3"] .sgd-panel{
 background:#fff!important;
 background-color:#fff!important;
 background-image:none!important;
}

/* 2.0.4 – beskær referencebilledets indbyggede lyse kant helt væk */
body .sgd-studio-shell .sgd-review-balls .sgd-review-ball-wrap{
 display:grid!important;
 grid-template-rows:auto 28px!important;
 justify-items:center!important;
 width:min(27%,240px)!important;
 min-width:0!important;
}
body .sgd-studio-shell .sgd-review-balls .sgd-review-ball-wrap>.sgd-ball{
 position:relative!important;
 width:100%!important;
 height:auto!important;
 aspect-ratio:1!important;
 overflow:hidden!important;
 border:0!important;
 border-radius:50%!important;
 background:var(--ball-image) center/116% no-repeat!important;
 box-shadow:none!important;
 clip-path:circle(49% at 50% 50%)!important;
}
body .sgd-studio-shell .sgd-review-balls .sgd-review-ball-wrap>.sgd-ball:before,
body .sgd-studio-shell .sgd-review-balls .sgd-review-ball-wrap>.sgd-ball:after{
 display:none!important;
 content:none!important;
}
body .sgd-studio-shell .sgd-review-balls .sgd-review-ball-wrap>em{
 align-self:end!important;
 color:#637067!important;
 font-size:12px!important;
 font-style:normal!important;
 line-height:1!important;
}
@media(max-width:900px){
 body .sgd-studio-shell .sgd-review-balls .sgd-review-ball-wrap{width:31%!important}
}

/* 2.0.5 – ens visuel tekststørrelse og kompakt mobilkontrol */
.sgd [data-panel="2"] .sgd-edit-ball.is-selected{
 transform:translateY(-6px)!important;
}
@media(max-width:900px){
 body .sgd-studio-shell .sgd-review:not([hidden]){
  display:block!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#fff!important;
 }
 body .sgd-studio-shell .sgd-review-preview{
  min-height:0!important;
  gap:14px!important;
  padding:24px 14px 18px!important;
  border-bottom:1px solid #e2e6e3!important;
 }
 body .sgd-studio-shell .sgd-review-preview>small{
  font-size:10px!important;
 }
 body .sgd-studio-shell .sgd-review-balls{
  gap:8px!important;
  max-width:560px!important;
 }
 body .sgd-studio-shell .sgd-review-balls .sgd-review-ball-wrap{
  width:31%!important;
  grid-template-rows:auto 22px!important;
 }
 body .sgd-studio-shell .sgd-review-balls .sgd-review-ball-wrap>em{
  font-size:10px!important;
 }
 body .sgd-studio-shell .sgd-review-preview>strong{
  font-size:19px!important;
  text-align:center!important;
 }
 body .sgd-studio-shell .sgd-review-copy{
  display:block!important;
  padding:24px 18px 0!important;
 }
 body .sgd-studio-shell .sgd-review-copy h2{
  font-size:30px!important;
 }
 body .sgd-studio-shell .sgd-review-copy>p{
  margin-bottom:18px!important;
  font-size:15px!important;
 }
 body .sgd-studio-shell .sgd-review-copy ul{
  gap:9px!important;
  font-size:14px!important;
 }
 body .sgd-studio-shell .sgd-review-actions{
  margin:22px -18px 0!important;
  padding:18px 18px 24px!important;
 }
 body .sgd-studio-shell .sgd-review-actions label{
  margin-bottom:12px!important;
  font-size:14px!important;
 }
 body .sgd-studio-shell .sgd-review-actions button{
  height:52px!important;
 }
}

/* 2.0.6 – kontrolskærmen må aldrig overstyre hidden ved opstart */
html body .sgd-studio-shell .sgd-review[hidden]{
 display:none!important;
}

@media(max-width:900px){
}

/* 2.0.9 – inline-designer til SEO- og landingpages */
body .sgd-studio-shell.sgd-inline-shell{
 position:relative!important;
 z-index:1!important;
 inset:auto!important;
 display:block!important;
 grid-template-rows:none!important;
 width:min(1400px,100%)!important;
 max-width:1400px!important;
 height:auto!important;
 min-height:0!important;
 margin:28px auto 60px!important;
 border:1px solid #dce2de!important;
 border-radius:16px!important;
 background:#fff!important;
 overflow:hidden!important;
 box-shadow:0 14px 40px rgba(18,70,60,.08)!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd-studio-scroll{
 min-height:0!important;
 overflow:visible!important;
 background:#fff!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd{
 width:100%!important;
 max-width:none!important;
 min-height:0!important;
 margin:0!important;
 border:0!important;
 border-radius:0!important;
 background:#fff!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd>.sgd-progress{
 height:76px!important;
 min-height:76px!important;
 padding:8px max(18px,calc((100% - 1180px)/2))!important;
 background:#fff!important;
 border-bottom:1px solid #e2e6e3!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd-stage{
 min-height:0!important;
 background:#fff!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd-work,
body .sgd-studio-shell.sgd-inline-shell .sgd-panel,
body .sgd-studio-shell.sgd-inline-shell .sgd-panel footer{
 background:#fff!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd-review{
 position:relative!important;
 z-index:2!important;
 inset:auto!important;
 min-height:720px!important;
}
body .sgd-studio-shell.sgd-inline-shell.is-reviewing .sgd-studio-scroll{
 display:none!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd-review-balls .sgd-review-ball-wrap{
 display:grid!important;
 grid-template-rows:auto 28px!important;
 justify-items:center!important;
 width:min(27%,240px)!important;
 min-width:0!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd-review-balls .sgd-review-ball-wrap>.sgd-ball{
 position:relative!important;
 width:100%!important;
 height:auto!important;
 aspect-ratio:1!important;
 overflow:hidden!important;
 border:0!important;
 border-radius:50%!important;
 background:var(--ball-image) center/116% no-repeat!important;
 box-shadow:none!important;
 clip-path:circle(49% at 50% 50%)!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd-review-balls .sgd-review-ball-wrap>.sgd-ball:before,
body .sgd-studio-shell.sgd-inline-shell .sgd-review-balls .sgd-review-ball-wrap>.sgd-ball:after{
 display:none!important;
 content:none!important;
}
body .sgd-studio-shell.sgd-inline-shell .sgd-review-balls .sgd-review-ball-wrap>em{
 align-self:end!important;
 color:#637067!important;
 font-size:12px!important;
 font-style:normal!important;
 line-height:1!important;
}
@media(max-width:900px){
 body .sgd-studio-shell.sgd-inline-shell{
  width:100%!important;
  margin:18px auto 40px!important;
  border-radius:12px!important;
 }
 body .sgd-studio-shell.sgd-inline-shell .sgd>.sgd-progress{
  height:68px!important;
  min-height:68px!important;
  padding:6px 12px!important;
 }
 body .sgd-studio-shell.sgd-inline-shell .sgd-review:not([hidden]){
  display:block!important;
  min-height:0!important;
  overflow:visible!important;
 }
 body .sgd-studio-shell.sgd-inline-shell .sgd-review-preview{
  min-height:0!important;
  gap:14px!important;
  padding:24px 14px 18px!important;
  border-bottom:1px solid #e2e6e3!important;
 }
 body .sgd-studio-shell.sgd-inline-shell .sgd-review-copy{
  display:block!important;
  padding:24px 18px 0!important;
 }
 body .sgd-studio-shell.sgd-inline-shell .sgd-review-actions{
  margin:22px -18px 0!important;
  padding:18px 18px 24px!important;
 }
}
@media(max-width:900px){
}

@media(min-width:1000px){
}

@media(max-width:999px){
}

@media(max-width:600px){
}

@media(min-width:1000px){
}

@media(max-width:999px){
}

@media(max-width:600px){
}
@media(max-width:900px){
}

@media(max-width:560px){
 [data-panel="1"] .sgd-colors{grid-template-columns:repeat(3,1fr);max-width:350px}
 [data-panel="1"] .sgd-colors label span{width:64px;height:64px}
 [data-panel="2"] .sgd-work,[data-panel="3"] .sgd-work{padding-left:8px;padding-right:8px}
 [data-panel="2"] .sgd-three .sgd-ball,[data-panel="3"] .sgd-product-preview .sgd-ball{width:30vw!important}
}

/* 1.9 – klik på bolden og redigér i en indskudt designer */
.sgd [data-panel="2"]{position:relative;display:none!important;min-height:720px;overflow:hidden;background:#eef2f5}
.sgd [data-panel="2"].is-active{display:block!important}
.sgd [data-panel="2"] .sgd-design-studio{width:100%;min-height:720px;padding:34px 42px 38px;background:#eef2f5;transition:width .32s ease,padding .32s ease}
.sgd-canvas-intro{width:min(100%,760px);margin:0 auto 34px;text-align:center}
.sgd-canvas-intro small{display:block;color:var(--green);font-size:14px;font-weight:900;letter-spacing:.13em}
.sgd-canvas-intro h2{margin:10px 0 7px;font-family:var(--display);font-size:42px;line-height:1.05}
.sgd-canvas-intro p{margin:0;color:var(--muted);font-size:17px;line-height:1.5}
.sgd [data-panel="2"] .sgd-three-balls{transition:transform .32s ease}
.sgd [data-panel="2"] .sgd-edit-ball{position:relative;overflow:visible;transition:transform .22s ease,filter .22s ease,opacity .22s ease}
.sgd [data-panel="2"] .sgd-edit-ball:hover{transform:translateY(-7px)}
.sgd [data-panel="2"] .sgd-edit-ball.is-selected{transform:translateY(-8px) scale(1.045);filter:drop-shadow(0 14px 18px rgba(18,70,60,.2))}
.sgd [data-panel="2"] .sgd-edit-ball.is-selected:before{content:'Redigerer bold ' attr(data-ball);bottom:-34px}
.sgd-ball-check{position:absolute;z-index:5;right:5%;top:5%;display:none;width:34px;height:34px;border:4px solid #eef2f5;border-radius:50%;background:var(--green);color:#fff;font-family:Inter,Arial,sans-serif;font-size:17px;font-style:normal;font-weight:900;line-height:26px;text-align:center;box-shadow:0 4px 10px rgba(18,70,60,.18)}
.sgd-edit-ball.has-design .sgd-ball-check{display:block}
.sgd-studio-actions{display:grid;grid-template-columns:minmax(180px,260px) minmax(260px,430px);justify-content:center;gap:18px;width:min(100%,720px);margin:60px auto 0}
.sgd-studio-actions button{height:62px;border-radius:99px;font-family:var(--display);font-size:17px;font-weight:800;cursor:pointer}
.sgd-studio-actions .sgd-back{width:100%;background:#fff}
.sgd-studio-actions .sgd-confirm{width:100%;background:var(--green);color:#fff}

.sgd [data-panel="2"] .sgd-editor-drawer{position:absolute;z-index:51;top:0;right:0;bottom:0;display:block;width:min(520px,42vw);height:auto;min-height:0;overflow-y:auto;border:0;background:#fff;box-shadow:-18px 0 45px rgba(20,38,28,.14);transform:translateX(105%);transition:transform .32s cubic-bezier(.22,.75,.25,1);scrollbar-gutter:stable}
.sgd [data-panel="2"].is-editor-open .sgd-editor-drawer{transform:translateX(0)}
.sgd [data-panel="2"].is-editor-open .sgd-design-studio{width:calc(100% - min(520px,42vw))}
.sgd [data-panel="2"] .sgd-editor-drawer .sgd-panel-body{display:block;width:100%;max-width:none;margin:0;padding:46px 38px 38px;overflow:visible}
.sgd [data-panel="2"] .sgd-editor-drawer .sgd-panel-body>small{text-align:center;font-size:12px}
.sgd [data-panel="2"] .sgd-editor-drawer .sgd-panel-body>h2{margin-top:9px;text-align:center;font-size:38px}
.sgd [data-panel="2"] .sgd-editor-drawer .sgd-panel-body>p{max-width:380px;margin:0 auto 24px;text-align:center;font-size:14px}
.sgd-drawer-close{position:absolute;z-index:3;top:14px;right:16px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#eef2f0;color:#315044;font-size:27px;line-height:36px;cursor:pointer}
.sgd-drawer-close:hover{background:#e1e9e4}
.sgd-drawer-done{width:100%;height:58px;margin:28px 0 0;border:0;border-radius:99px;background:var(--green);color:#fff;font-family:var(--display);font-size:17px;font-weight:800;cursor:pointer}
.sgd-drawer-scrim{display:none}
.sgd [data-panel="2"] .sgd-editor-drawer .sgd-ball-tabs,.sgd [data-panel="2"] .sgd-editor-drawer .sgd-lines,.sgd [data-panel="2"] .sgd-editor-drawer .sgd-fonts,.sgd [data-panel="2"] .sgd-editor-drawer .sgd-ink-picker{width:100%;max-width:none}
.sgd [data-panel="2"] .sgd-editor-drawer .sgd-fonts{grid-template-columns:repeat(2,minmax(0,1fr))}
.sgd [data-panel="2"] .sgd-editor-drawer .sgd-fonts span{height:58px;font-size:16px}
.sgd [data-panel="2"] .sgd-editor-drawer .sgd-lines input{font-size:18px!important}

/* Trin 3: købskontrollerne er en del af produktfeltet og kan ikke forsvinde bag temaets footer */
.sgd [data-panel="3"] .sgd-panel-body{padding-bottom:44px!important}
.sgd [data-panel="3"] .sgd-purchase-footer{position:static!important;display:grid!important;grid-template-columns:minmax(150px,190px) minmax(170px,190px) minmax(260px,1fr);align-items:end;width:100%!important;max-width:900px!important;margin:30px auto 0!important;padding:26px 0 0!important;border-top:1px solid #e1e6e2!important;background:#fff!important;gap:24px!important;transform:none!important;visibility:visible!important;opacity:1!important}
.sgd [data-panel="3"] .sgd-purchase-footer .sgd-back,.sgd [data-panel="3"] .sgd-purchase-footer .sgd-order{display:block!important;width:100%!important;height:64px!important}
.sgd [data-panel="3"] .sgd-purchase-footer .sgd-order{border:0;border-radius:99px;background:var(--green);color:#fff;font-family:var(--display);font-size:18px;font-weight:800;cursor:pointer}
.sgd [data-panel="3"] .sgd-purchase-footer .sgd-qty{width:100%;height:56px;margin:0;grid-template-columns:48px minmax(64px,1fr) 48px}

@media(max-width:1300px) and (min-width:901px){
 .sgd [data-panel="2"].is-editor-open .sgd-design-studio{padding-left:18px;padding-right:18px}
 .sgd [data-panel="2"].is-editor-open .sgd-three-balls{gap:12px}
 .sgd [data-panel="2"].is-editor-open .sgd-edit-ball{width:clamp(145px,15vw,200px)!important}
 .sgd [data-panel="2"].is-editor-open .sgd-canvas-intro h2{font-size:34px}
}

@media(max-width:900px){
 html.sgd-editor-visible{overflow:hidden}
 .sgd [data-panel="2"]{min-height:610px;overflow:visible}
 .sgd [data-panel="2"] .sgd-design-studio{min-height:610px;padding:24px 12px 30px}
 .sgd-canvas-intro{margin-bottom:26px}
 .sgd-canvas-intro small{font-size:12px}
 .sgd-canvas-intro h2{font-size:35px}
 .sgd-canvas-intro p{font-size:15px}
 .sgd [data-panel="2"] .sgd-edit-ball:hover,.sgd [data-panel="2"] .sgd-edit-ball.is-selected{transform:translateY(-4px)}
 .sgd-ball-check{width:27px;height:27px;border-width:3px;font-size:14px;line-height:21px}
 .sgd-studio-actions{grid-template-columns:1fr 1.45fr;gap:10px;margin-top:48px}
 .sgd-studio-actions button{height:56px;font-size:14px}
 .sgd [data-panel="2"].is-editor-open .sgd-design-studio{width:100%}
 .sgd [data-panel="2"] .sgd-editor-drawer{position:fixed;z-index:10001;top:auto;left:0;right:0;bottom:0;width:100%;height:auto;max-height:82dvh;border-radius:24px 24px 0 0;box-shadow:0 -18px 50px rgba(18,35,25,.2);transform:translateY(105%)}
 .sgd [data-panel="2"].is-editor-open .sgd-editor-drawer{transform:translateY(0)}
 .sgd [data-panel="2"] .sgd-editor-drawer .sgd-panel-body{padding:46px 22px 30px}
 .sgd [data-panel="2"] .sgd-editor-drawer:before{content:'';position:absolute;top:10px;left:50%;width:46px;height:4px;border-radius:99px;background:#cbd4ce;transform:translateX(-50%)}
 .sgd-drawer-close{top:17px;right:18px}
 .sgd-drawer-scrim{position:fixed;z-index:10000;inset:0;display:block;border:0;background:rgba(13,30,21,.42);opacity:0;pointer-events:none;transition:opacity .25s}
 .sgd [data-panel="2"].is-editor-open .sgd-drawer-scrim{opacity:1;pointer-events:auto}
 .sgd [data-panel="3"] .sgd-purchase-footer{grid-template-columns:1fr 1fr!important;gap:12px!important;padding-top:22px!important}
 .sgd [data-panel="3"] .sgd-purchase-qty{grid-column:1/-1;grid-row:1;align-items:stretch}
 .sgd [data-panel="3"] .sgd-purchase-footer .sgd-back{grid-column:1}
 .sgd [data-panel="3"] .sgd-purchase-footer .sgd-order{grid-column:2}
 .sgd [data-panel="3"] .sgd-purchase-footer .sgd-qty{width:100%}
}

@media(max-width:520px){
 .sgd-studio-actions{grid-template-columns:1fr}
 .sgd-studio-actions .sgd-confirm{grid-row:1}
 .sgd-studio-actions .sgd-back{grid-row:2}
}

/* 1.9.1 – den gamle enkeltbold-karrusel må ikke skjule de tre redigeringsbolde */
.sgd [data-panel="2"] .sgd-three-balls .sgd-edit-ball,.sgd [data-panel="2"] .sgd-three-balls .sgd-edit-ball.is-selected{
 display:grid!important;
 visibility:visible!important;
 opacity:1!important;
}

/* 1.9.2 – købslinjen er permanent og uafhængig af det scrollbare produktindhold */
.sgd [data-panel="3"] .sgd-panel>.sgd-purchase-footer{
 position:sticky!important;
 z-index:20!important;
 bottom:0!important;
 flex:0 0 auto!important;
 width:min(calc(100% - 48px),900px)!important;
 max-width:900px!important;
 margin:0 auto!important;
 padding:24px 0 30px!important;
 border-top:1px solid #e1e6e2!important;
 background:#fff!important;
 display:grid!important;
 visibility:visible!important;
 opacity:1!important;
}
.sgd .sgd-confirm,.sgd .sgd-order,.sgd .sgd-back,.sgd .sgd-next{
 text-transform:none!important;
}

/* 1.9.22 – ens knapper i Edge/iOS og et synligt WoodMart-logo på mobil */
.sgd button{-webkit-appearance:none!important;appearance:none!important}
.sgd .sgd-next:not(:disabled){border-color:#ffd000!important;background:#ffd000!important;background-color:#ffd000!important;color:#12463c!important;-webkit-text-fill-color:#12463c!important;opacity:1!important}
.sgd .sgd-next:not(:disabled):hover,.sgd .sgd-next:not(:disabled):focus{background:#f4bd00!important;background-color:#f4bd00!important;color:#12463c!important}
@media(max-width:1024px){
 .whb-header .whb-mobile-center,.whb-header .whb-col-center,.whb-header .wd-logo,.whb-header .site-logo{overflow:visible!important;visibility:visible!important;opacity:1!important}
 .whb-header .wd-logo,.whb-header .site-logo{display:flex!important}
 .whb-header .wd-logo img,.whb-header .site-logo img,.whb-header img.sgd-mobile-logo-ready{display:block!important;visibility:visible!important;opacity:1!important}
}
@media(max-width:900px){
 .sgd [data-panel="3"] .sgd-panel>.sgd-purchase-footer{width:calc(100% - 36px)!important;padding:20px 0 24px!important}
}

/* 1.9.4 – symmetrisk og rolig købslinje */
@media(min-width:901px){
 .sgd [data-panel="3"] .sgd-panel>.sgd-purchase-footer{
  grid-template-columns:minmax(220px,1fr) 210px minmax(220px,1fr)!important;
  align-items:end!important;
  gap:28px!important;
 }
 .sgd [data-panel="3"] .sgd-purchase-footer .sgd-back,.sgd [data-panel="3"] .sgd-purchase-footer .sgd-order{
  width:100%!important;
  height:64px!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:18px!important;
  line-height:1!important;
  text-align:center!important;
 }
 .sgd [data-panel="3"] .sgd-purchase-footer .sgd-back{
  border:2px solid #52301d!important;
  background:#fff!important;
  color:#52301d!important;
 }
 .sgd [data-panel="3"] .sgd-purchase-qty{
  width:210px!important;
  align-items:center!important;
  justify-self:center!important;
  text-align:center!important;
 }
 .sgd [data-panel="3"] .sgd-purchase-footer .sgd-qty{
  width:210px!important;
  grid-template-columns:54px 1fr 54px!important;
 }
}

/* 1.9.7 – trin 2 har to ligeværdige navigationsknapper */
.sgd [data-panel="2"] .sgd-studio-actions{
 grid-template-columns:repeat(2,minmax(240px,360px))!important;
 width:min(100%,738px)!important;
 gap:18px!important;
}
.sgd [data-panel="2"] .sgd-studio-actions .sgd-back,.sgd [data-panel="2"] .sgd-studio-actions .sgd-confirm{
 width:100%!important;
 height:64px!important;
 margin:0!important;
 border-radius:999px!important;
}

/* 1.9.9 – købslinjen følger produktlisten og skjuler aldrig modellerne */
.sgd [data-panel="3"] .sgd-panel>.sgd-purchase-footer{
 position:static!important;
 bottom:auto!important;
 flex:0 0 auto!important;
 margin:22px auto 0!important;
}
.sgd [data-panel="3"] .sgd-panel-body{
 padding-bottom:0!important;
}
.sgd [data-panel="3"] .sgd-product-list{
 margin-bottom:0!important;
}

/* 1.9.10 – alle modeller kan scrolles, mens købskontrollerne forbliver synlige */
.sgd [data-panel="3"]{
 height:auto!important;
 min-height:0!important;
 overflow:visible!important;
}
.sgd [data-panel="3"] .sgd-panel{
 height:auto!important;
 min-height:0!important;
 overflow:visible!important;
}
.sgd [data-panel="3"] .sgd-panel-body{
 flex:none!important;
 overflow:visible!important;
}
.sgd [data-panel="3"] .sgd-product-list{
 max-height:min(50vh,500px)!important;
 overflow-x:hidden!important;
 overflow-y:auto!important;
 padding:12px 8px 0 0!important;
 scrollbar-gutter:stable!important;
 overscroll-behavior:contain;
}
.sgd [data-panel="3"] .sgd-panel>.sgd-purchase-footer{
 position:static!important;
 display:grid!important;
 visibility:visible!important;
 opacity:1!important;
 margin:18px auto 28px!important;
}
@media(max-width:900px){
 .sgd [data-panel="3"] .sgd-product-list{max-height:52vh!important;padding:12px 4px 0 0!important}
}

/* 1.9.12 – Bree Serif er SuperGolfs fælles dekorative skrifttype */
.sgd{
 --display:"Bree Serif",Georgia,serif!important;
}
.sgd .sgd-progress button,.sgd .sgd-panel h1,.sgd .sgd-panel h2,.sgd .sgd-panel h3,.sgd .sgd-panel footer button,.sgd .sgd-ball-tabs button,.sgd .sgd-product-preview-title,.sgd .sgd-canvas-intro h2,.sgd .sgd-studio-actions button,.sgd .sgd-drawer-done,.sgd .sgd-purchase-footer .sgd-order{
 font-family:var(--display)!important;
 font-weight:400!important;
}
@media(max-width:700px){
 .sgd [data-panel="2"] .sgd-studio-actions{grid-template-columns:1fr!important;width:min(100%,430px)!important}
}

/* Slutregler til den dynamiske introduktion – skal vinde over ældre layoutlag */
.sgd{background:#f8f5ef!important}
.sgd>.sgd-progress{height:94px!important;padding:15px 8px 10px!important;background:#f8f5ef!important}
.sgd [data-panel="1"] .sgd-panel,.sgd [data-panel="1"] .sgd-panel footer{background:#f8f5ef!important}
.sgd [data-panel="1"] .sgd-panel-body{padding-top:14px!important}
@media(max-width:900px){.sgd>.sgd-progress{height:84px!important;padding:12px 0 8px!important}}
@media(max-width:600px){.sgd>.sgd-progress{height:78px!important;padding:10px 0 7px!important}}

/* 1.9.14 – fortsæt designerens varme flade helt op under headeren */
.sgd{position:relative!important}
.sgd:before{
 content:"";
 position:absolute;
 z-index:0;
 top:-78px;
 left:50%;
 width:100vw;
 height:80px;
 transform:translateX(-50%);
 background:#f8f5ef;
 pointer-events:none;
}
.sgd> *{position:relative;z-index:1}
@media(max-width:900px){.sgd:before{top:-64px;height:66px}}

/* 1.9.26 – designeren skal opleves som et selvstændigt kort på mobil */
@media(max-width:600px){
 .sgd{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:16px!important;
  overflow:hidden!important;
 }
 .sgd:before{left:0!important;width:100%!important;transform:none!important}
 .sgd-context{padding-left:16px!important;padding-right:16px!important}
}

/* 1.9.28 – designerfladen er full bleed på alle skærmstørrelser */
.sgd{
 width:100vw!important;
 max-width:100vw!important;
 margin-right:calc(50% - 50vw)!important;
 margin-left:calc(50% - 50vw)!important;
 border-radius:0!important;
 overflow:hidden!important;
}
.sgd:before{
 left:0!important;
 width:100%!important;
 transform:none!important;
}
@supports(width:100dvw){
 .sgd{
  width:100dvw!important;
  max-width:100dvw!important;
  margin-right:calc(50% - 50dvw)!important;
  margin-left:calc(50% - 50dvw)!important;
 }
}

/* 1.9.29 – luk WoodMarts lodrette mellemrum under headeren */
.sgd{
 margin-top:-78px!important;
 padding-top:78px!important;
}
@media(max-width:900px){
 .sgd{
  margin-top:-64px!important;
  padding-top:64px!important;
 }
}

/* 1.9.30 – rolig trin 2-flade og fritstående golfbolde */
.sgd [data-panel="2"],.sgd [data-panel="2"] .sgd-design-studio{
 background:#f8f5ef!important;
}
.sgd [data-panel="2"] .sgd-three-balls .sgd-edit-ball{
 border:0!important;
 border-radius:50%!important;
 background-color:transparent!important;
 box-shadow:none!important;
}

/* 1.9.31 – samme rolige behandling i trin 3 */
.sgd [data-panel="3"],.sgd [data-panel="3"] .sgd-work,.sgd [data-panel="3"] .sgd-three,.sgd [data-panel="3"] .sgd-panel{
 background:#f8f5ef!important;
}
.sgd [data-panel="3"] .sgd-product-preview .sgd-ball{
 border:0!important;
 border-radius:50%!important;
 background-color:transparent!important;
 box-shadow:none!important;
}
@media(max-width:900px){
}

/* Slutregler 1.9.16 – placeres efter alle ældre kurvlag */
@media(min-width:901px){
}

/* 2.0.9 INLINE – endelig placering efter samtlige ældre regler */
html body .sgd-studio-shell.sgd-inline-shell{position:relative!important;z-index:1!important;inset:auto!important;display:block!important;width:min(1400px,100%)!important;max-width:1400px!important;height:auto!important;min-height:0!important;margin:28px auto 60px!important;border:1px solid #dce2de!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 14px 40px rgba(18,70,60,.08)!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd-studio-scroll{display:block;min-height:0!important;overflow:visible!important;background:#fff!important}
html body .sgd-studio-shell.sgd-inline-shell.is-reviewing .sgd-studio-scroll{display:none!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd{position:relative!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;overflow:hidden!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd:before{display:none!important;content:none!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd>.sgd-progress{height:76px!important;min-height:76px!important;padding:8px max(18px,calc((100% - 1180px)/2))!important;background:#fff!important;border-bottom:1px solid #e2e6e3!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd-stage{min-height:0!important;background:#fff!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd-work,html body .sgd-studio-shell.sgd-inline-shell .sgd-panel,html body .sgd-studio-shell.sgd-inline-shell .sgd-panel footer{background:#fff!important}
html body .sgd-studio-shell.sgd-inline-shell .sgd-review{position:relative!important;z-index:2!important;inset:auto!important;min-height:720px!important}
@media(max-width:900px){html body .sgd-studio-shell.sgd-inline-shell{width:100%!important;margin:18px auto 40px!important;border-radius:12px!important}html body .sgd-studio-shell.sgd-inline-shell .sgd>.sgd-progress{height:68px!important;min-height:68px!important;padding:6px 12px!important}html body .sgd-studio-shell.sgd-inline-shell .sgd-review:not([hidden]){display:block!important;min-height:0!important;overflow:visible!important}}
