.site-design.subpage-design main .service-content>#eksempel.webshop-cases{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:clamp(38px,5vw,76px) clamp(16px,2vw,32px);border:0;position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#103740;scroll-margin-top:100px}
.webshop-cases::before,.webshop-cases::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.webshop-cases::before{top:0;left:0;width:20%;height:19%;background:#103740;clip-path:polygon(0 0,100% 0,0 100%);border-bottom-right-radius:100%}
.webshop-cases::after{inset:auto 0 0;height:22%;background:linear-gradient(156deg,#e3ece8 60%,#103740 61%);clip-path:polygon(0 100%,0 72%,10% 72%,26% 92%,48% 100%,68% 83%,87% 43%,100% 8%,100% 100%)}
.webshop-cases-heading,.webshop-cases-footer{text-align:center}
.webshop-cases-heading .eyebrow{display:inline-flex;align-items:center;gap:16px;letter-spacing:.22em}
.webshop-cases-heading .eyebrow::before,.webshop-cases-heading .eyebrow::after{content:"";width:clamp(18px,5vw,75px);height:1px;background:currentColor}
.site-design.subpage-design main #eksempel .webshop-cases-heading h2{font-size:clamp(32px,4.7vw,72px);line-height:1.06;margin:16px auto clamp(30px,4vw,60px);color:#103740;font-weight:750;max-width:none}
.webshop-cases-grid{display:grid;grid-template-columns:minmax(0,947fr) minmax(0,646fr);gap:clamp(12px,1.3vw,22px)}
.webshop-cases-grid article{overflow:hidden;border-radius:clamp(12px,1.5vw,24px);min-width:0}
.webshop-cases-grid a{display:block;position:relative}
.webshop-cases-grid img{display:block;width:100%;max-width:none;height:auto;margin:0}
.webshop-cases-grid a:focus-visible{outline:3px solid #103740;outline-offset:-4px}
.webshop-cases-footer{margin-top:clamp(26px,3vw,48px)}
.webshop-cases-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:100px;padding:12px 28px;background:#103740;color:white;text-decoration:none;font-weight:650}
.site-design.subpage-design main #eksempel .webshop-cases-footer p{margin:12px auto 0;font-size:.9rem;line-height:1.4}
@media(max-width:680px){.webshop-cases-grid{grid-template-columns:minmax(0,1fr)}.webshop-cases::before{height:9%}.webshop-cases::after{height:12%}}
.webshop-carousel{position:relative}
.webshop-cases-grid{--gap:clamp(14px,1.45vw,26px);--inset:6%;display:flex;gap:var(--gap);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--inset);padding:0 var(--inset) 18px;overscroll-behavior-inline:contain}
.webshop-cases-grid article{flex:0 0 46%;scroll-snap-align:start;background:#fff;box-shadow:0 6px 16px #102b3020}
.webshop-cases-grid img{aspect-ratio:3/2;object-fit:cover;border-radius:inherit}
.webshop-cases-grid article div{padding:14px clamp(14px,2vw,32px) 20px}
.webshop-cases-grid h3{font-size:clamp(18px,2vw,32px);margin:0 0 5px;color:#102d31}
.webshop-cases-grid span{color:#103740;text-decoration:underline;text-underline-offset:4px}
.webshop-carousel::after{content:"";pointer-events:none;position:absolute;inset:0 0 0 auto;width:10%;background:linear-gradient(90deg,transparent,#fff)}
.webshop-carousel>button{position:absolute;z-index:1;top:46%;translate:0 -50%;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#103740;box-shadow:0 5px 18px #102b3025;font:32px/1 sans-serif;cursor:pointer}
.webshop-carousel>button:disabled{color:#829895;cursor:default}
.case-prev{left:0}.case-next{right:0}
.case-dots{display:flex;justify-content:center;gap:12px;margin-top:5px}
.case-dots button{border:0;border-radius:50%;width:13px;height:13px;padding:0;background:#adc2bb;cursor:pointer}
.case-dots button[aria-current=true]{background:#103740}
@media(max-width:680px){.webshop-cases-grid article{flex-basis:88%}.webshop-carousel>button{width:36px;height:36px}}
.site-design.subpage-design main .service-content>#eksempel.webshop-cases{width:var(--case-viewport,100%);margin-inline:calc((100% - var(--case-viewport,100%))/2);padding:clamp(30px,3vw,62px) 0 clamp(24px,3vw,58px)}
.webshop-cases::before{width:27%;height:18%;clip-path:shape(from 0 0,line to 100% 0,curve to 32% 78% with 73% 28% / 57% 75%,curve to 0 100% with 20% 82% / 9% 84%,close);border-radius:0}
.webshop-cases::after{height:17%;background:linear-gradient(100deg,#eef3ef,#d7e5df);clip-path:shape(from 0 56%,curve to 65% 88% with 22% 58% / 41% 120%,curve to 100% 0 with 82% 52% / 90% 20%,line to 100% 100%,line to 0 100%,close)}
.webshop-cases-heading .eyebrow{color:#103740}
.site-design.subpage-design main #eksempel .webshop-cases-heading h2{font-size:clamp(32px,4vw,82px);margin:16px auto clamp(26px,3vw,62px)}
.webshop-cases-grid{--inset:6.6%;--gap:1.35vw}
.webshop-cases-grid article{flex-basis:46.5%;border-radius:clamp(16px,1.6vw,30px)}
.webshop-cases-grid article div{padding:clamp(12px,1vw,20px) clamp(15px,1.85vw,38px) clamp(16px,1.4vw,29px)}
.webshop-carousel>button{border-radius:50%;top:45%}
.case-prev{left:2%}.case-next{right:2%}
.webshop-cases-footer{margin-top:clamp(12px,1.2vw,24px)}
@media(max-width:680px){.webshop-cases-grid{--gap:12px}.webshop-cases-grid article{flex-basis:90%}.webshop-cases-heading{padding-inline:22px}}