main .template
{display: grid;
grid-template-areas: 
'nth-01' 'nth-02' 'nth-03' 'nth-04' 'nth-05' 'nth-06' 'nth-07'
}

main>nav{grid-template-areas:'navbar'}
main>nav .btn{grid-template-areas:'btn'}
[role="portal"] .imagebox{grid-template-areas:'gta'}
[role="portal"] .imagebox>div{grid-template-areas:'nth'}
@media screen and (min-width:1068px) {
[role="portal"] .header{grid-template-areas:'gta'}}
.role-train-module .rtm-car{grid-template-areas:'wgn'}
.assist-form{grid-template-areas:'assist-form'}

.has-banner::before,.has-banner::after{content:"";position:absolute;inset:0;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;z-index:-10}body,html,main,section{font-family:'Poppins',sans-serif;margin:0;padding:0;height:100%;touch-action:manipulation;overscroll-behavior:none;-webkit-font-smoothing:antialiased}[role="portal"]:nth-of-type(1){padding-block-start:90px}


main{--filter-glass-effect:saturate(180%) blur(20px);--nav-canvas-rgba:rgba(245,245,247,.8)}main>nav,main>.nav-canvas{display:grid}main:has(.nav-canvas){position:relative}main>.nav-canvas{position:fixed!important;inset:0 0 calc(100% - 38px) 0;z-index:998}main>.nav-canvas{overflow:hidden;user-select:none;isolation:isolate;transition:all 1s}main>.nav-canvas::before,main>.nav-canvas::after{position:absolute;content:'';inset:0}main>.nav-canvas::before{z-index:1}main>.nav-canvas::after{z-index:-1}main>.nav-canvas::after{border-bottom:1px solid rgba(210,210,222,.8)}main>.nav-canvas::after{background:var(--nav-canvas-rgba);backdrop-filter:var(--filter-glass-effect)}main>nav{height:fit-content;z-index:999;left:50%;transform:translateX(-50%);height:38px;width:min(100dvw,1024px);position:fixed}main>nav>ul{display:grid;grid-area:navbar;list-style:none;margin:0;padding:0;width:fit-content;align-self:start;justify-self:center;margin-inline:0;margin-block-start:110px;padding-inline:0;row-gap:12px;--arw:300px;width:var(--arw);display:none}main:has(.will-open :checked) nav>ul{display:grid}main>nav>ul>li{display:grid;list-style:none;margin-block:0;padding-block:0;height:fit-content;min-height:22px;background:#ffd700;align-self:start;width:fit-content;grid-template-rows:0;overflow-y:hidden}main>nav>ul>li>a,main>nav>ul>li>a:-webkit-any-link{font-size:calc(var(--arw) * .08);font-weight:600}.has-logo,.will-open,.will-close,.has-svg{display:grid;grid-area:navbar;height:38px;aspect-ratio:1/1;position:absolute}nav .has-svg::before{background-image:url(https://mycke.se/site-2026/svg/mycke_se.svg);background-size:28px auto;filter:invert(100%)}.will-open{z-index:1}.will-open,.will-close{justify-self:end}nav .will-close{display:none;z-index:-1}main:has(.will-open :checked) nav{height:100dvh}main:has(.will-open :checked) .nav-canvas{inset:0 0 0 0}main>nav input,main>nav input[type=checkbox],main>nav input[type="radio" i]{display:block;inline-size:100%;block-size:100%;width:100%;height:100%;appearance:unset;overflow:hidden;border:0;outline:0;isolation:isolate;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;position:absolute;inset:0;background-color:transparent;background:transparent;cursor:pointer;z-index:999!important;-webkit-appearance:none;border-radius:0!important}.frontface>.btn{grid-area:frontface}.btn{display:grid;position:relative;isolation:isolate}.btn>div{grid-area:btn;display:grid;position:relative}.btn>div:nth-of-type(1){z-index:99}.has-logo>.btn{width:38px;height:38px;overflow:hidden}.has-logo>.btn span{padding-block-start:6px}.nav-opener-icon::before,.nav-opener-icon::after{position:absolute;content:'';inset:0 0 0 0}.nav-opener-icon::before{inset:0 15px 60% 4px;border-bottom:1px solid #000}.nav-opener-icon::after{inset:0 15px 40% 4px;border-bottom:1px solid #000}nav:has(.will-open :checked) .will-open{display:none}nav:has(.will-open :checked) .will-close{display:grid}nav:has(.will-open :checked) .will-close::before{background-image:url(https://mycke.se/site-2026/svg/exit_black.svg);opacity:.67;background-size:22px auto}main .template > section,main .template > div{justify-self:center}.grd-start{display:grid;justify-self:unset!important;width:100dvw;overflow-x:hidden}button,button a,a:-webkit-any-link{font-family:'Poppins',sans-serif;letter-spacing:-.022em;font-size:15px;line-height:1;color:var(--rtm-accent)}a:-webkit-any-link:visited{color:var(--rtm-accent)}*{box-sizing:border-box}.flx,main{overflow-x:hidden}.flx{flex-direction:column}@media screen and (min-width:1px){[role="portal"]{--irw:min(100dvw,692px)}}@media screen and (min-width:768px){[role="portal"]{--irw:728px}}@media screen and (min-width:1068px){[role="portal"]{--irw:min(100dvw,2560px)}}[role="portal"]{width:var(--irw);height:auto;padding-block:0 80px;display:grid}@media screen and (max-width:1068px){[role="portal"]{padding-block:0 22px}}[role="portal"]>div{justify-self:center}

/* header */

[role="portal"] .header{display:grid;width:100%}@media screen and (min-width:1px){[role="portal"] .header>.container{--arw:280px}}@media screen and (min-width:390px){[role="portal"] .header>.container{--arw:360px}}@media screen and (min-width:410px){[role="portal"] .header>.container{--arw:390px}}@media screen and (min-width:480px){[role="portal"] .header>.container{--arw:450px}}@media screen and (min-width:768px){[role="portal"] .header>.container{--arw:718px}}@media screen and (min-width:1068px){[role="portal"] .header>.container{--arw:1018px}}[role="portal"] .header>.container{width:var(--arw);justify-self:center}[role="portal"] .header>.container h1{font-size:calc(var(--arw) * .0775);letter-spacing:-.022em;line-height:1.199;text-align:center}[role="portal"] .header>.container p{text-align:center;line-height:1.3;letter-spacing:-.004em;margin:0;padding-block:22px 50px}@media screen and (max-width:9999px){[role="portal"] .header>.container p{font-size:calc(var(--arw) * .0228)}}@media screen and (max-width:767px){[role="portal"] .header>.container p{font-size:calc(var(--arw) * .0428)}}
@media screen and (min-width:1068px){
[role="portal"] .header{
justify-self:center;
}
[role="portal"] >.header div{
grid-area:gta;
display:grid
}

}

[role="portal"] .header>.container h2{
font-size:calc(var(--arw) * .0775);
letter-spacing:-.022em;
line-height:1.199;
text-align:center
}


[role="portal"] .imagebox{overflow:hidden}@media screen and (min-width:450px){[role="portal"] .imagebox{border-radius:23px}}[role="portal"] .imagebox{--arw:min(100dvw,550px);--arh:calc((var(--arw) * 1.712))}[role="portal"] .imagebox{width:var(--arw);height:var(--arh)}[role="portal"] .imagebox,[role="portal"] .imagebox *{display:grid;position:relative}[role="portal"] .imagebox>div>div{grid-area:nth}[role="portal"] .imagebox>div{grid-area:gta}[role="portal"] .imagebox .textlager{z-index:10;color:#fff;width:calc(var(--arw) * .88);justify-self:center;align-self:end;text-align:center;margin-block-end:calc(var(--arh) * .18)}@media screen and (max-width:480px) and (orientation:portrait){[role="portal"] .imagebox .textlager{margin-block-end:calc(var(--arh) * .13)}}[role="portal"] .imagebox .textlager h3{font-size:calc(var(--arw) * .05);font-weight:600;letter-spacing:-.018em;line-height:1.119}@media screen and (min-width:450px) and (orientation:landscape){[role="portal"] .imagebox{--arw:min(71dvw,980px);--arh:calc((var(--arw) * .75))}[role="portal"] .imagebox .landscape .svglager{mask-image:url(../svg/svg-overlay/imagebox_landscape.svg);mask-position:bottom center;mask-repeat:no-repeat;mask-size:100% auto;background:#000}[role="portal"] .imagebox .textlager{width:calc(var(--arw) * .66);margin-block-end:calc(var(--arh) * .07)}[role="portal"] .imagebox .textlager h3{font-size:calc(var(--arw) * .033);letter-spacing:-.018em;line-height:1.119}}@media screen and (min-width:450px) and (orientation:landscape){[role="portal"] .imagebox>div:nth-of-type(2){display:none;visibility:hidden;grid-template-rows:0}}[role="portal"] .imagebox .bildlager{z-index:1}[role="portal"] .imagebox .svglager{z-index:2}[role="portal"] .imagebox .bildlager{width:calc(calc(100% / 3) - 4px);background:#fff}[role="portal"] .imagebox>div .bildlager:nth-of-type(2),[role="portal"] .imagebox>div .bildlager:nth-of-type(3),[role="portal"] .imagebox>div .bildlager:nth-of-type(4){height:65.5%}@media screen and (orientation: landscape){[role="portal"] .imagebox>div .bildlager:nth-of-type(2),[role="portal"] .imagebox>div .bildlager:nth-of-type(3),[role="portal"] .imagebox>div .bildlager:nth-of-type(4){height:73.5%}}@media screen and (orientation: portrait) and (min-width:481px) and (max-width:1440px){[role="portal"] .imagebox>div .bildlager:nth-of-type(2),[role="portal"] .imagebox>div .bildlager:nth-of-type(3),[role="portal"] .imagebox>div .bildlager:nth-of-type(4){height:58%}}[role="portal"] .imagebox>div .bildlager:nth-of-type(2){justify-self:start}[role="portal"] .imagebox>div .bildlager:nth-of-type(3){justify-self:center}[role="portal"] .imagebox>div .bildlager:nth-of-type(4){justify-self:end}[role="portal"] .imagebox picture,[role="portal"] .imagebox img,[role="portal"] .imagebox source{width:100%;height:100%;object-fit:cover;display:block;position:absolute}[role="portal"] .imagebox .portrait .svglager,[role="portal"] .imagebox .tablet .svglager{mask-position:bottom center;mask-repeat:no-repeat;mask-size:100% auto;background:#000;mask-image:url(../svg/svg-overlay/imagebox_portrait.svg)}@media screen and (min-width:480px) and (orientation: portrait){[role="portal"] .imagebox{--arw:min(100dvw,550px);--arh:calc((var(--arw) * 1.333))}}[role="portal"] .imagebox>.portrait{display:none}[role="portal"] .imagebox>.tablet{display:none}[role="portal"] .imagebox>.landscape{display:none}@media screen and (max-width:480px) and (orientation: portrait){[role="portal"] .imagebox>.portrait{display:grid}}@media screen and (min-width:481px) and (max-width:1440px) and (orientation: portrait){[role="portal"] .imagebox>.tablet{display:grid}}@media screen and (min-width:550px) and (orientation: landscape){[role="portal"] .imagebox>.landscape{display:grid}}



/* long-description */
@media screen and (min-width: 1px){[role="portal"] .long-description{--arw:280px;width:var(--arw);text-align:center;padding-block-start:calc(var(--arw) * .0188)}[role="portal"] .long-description p{font-size:max(calc(var(--arw) * .0388),15px)}}@media screen and (min-width: 390px){[role="portal"] .long-description{--arw:360px}}@media screen and (min-width: 410px){[role="portal"] .long-description{--arw:390px}[role="portal"] .long-description p{font-size:max(calc(var(--arw) * .0288),16px)}}@media screen and (min-width: 480px){[role="portal"] .long-description{--arw:450px}}@media screen and (min-width: 768px){[role="portal"] .long-description{--arw:718px}[role="portal"] .long-description p{font-size:max(calc(var(--arw) * .02),17px)}}@media screen and (min-width: 1068px){[role="portal"] .long-description{--arw:780px}}




[role="portal"]>.display-x4{display:grid;height:fit-content;--arw:min(100dvw,480px);width:var(--arw)}[role="portal"]>.display-x4,[role="portal"]>.display-x4>div,[role="portal"]>.display-x4>div>div{display:grid}[role="portal"]>.display-x4 .container{grid-template-columns:100%;grid-template-rows:repeat(4,auto);row-gap:6px}[role="portal"]>.display-x4 .container>div{width:100%;min-height:calc(var(--arw) * 1.33);background:#ffd700;position:relative}[role="portal"] .display-x4 picture,[role="portal"] .display-x4 img,[role="portal"] .display-x4 source{width:100%;height:100%;object-fit:cover;display:block!important;position:absolute}@media screen and (min-width:390px){[role="portal"]>.display-x4 .container{grid-template-columns:repeat(2,1fr);row-gap:0;gap:4px;grid-template-rows:repeat(2,auto)}[role="portal"]>.display-x4 .container>div{width:100%;min-height:calc(calc(var(--arw) / 2) * 1.33);background:#add8e6}}





form *{font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif}.guide-pricing > .guide-pricing-header{--ibw:min(100dvw,692px);--ibh:calc((var(--ibw) * 2.2))}@media screen and (min-width:480px) and (orientation: portrait){.guide-pricing > .guide-pricing-header{--ibw:min(100dvw,692px);--ibh:calc((var(--ibw) * 1.8))}}@media screen and (min-width:450px) and (orientation: landscape){.guide-pricing > .guide-pricing-header{--ibw:min(71dvw,692px);--ibh:calc((var(--ibw) * 1))}}.guide-pricing > .guide-pricing-header{display:grid;justify-self:center;width:var(--ibw);height:var(--ibh)}.guide-pricing > .guide-pricing-header{height:fit-content;padding:90px 2rem 2rem;letter-spacing:.011em}.guide-pricing > .guide-pricing-header h3,.guide-pricing > .guide-pricing-header p,.guide-pricing > .guide-pricing-header span{display:contents;font-size:min(calc(var(--ibw) * .0475),21px);color:#86868b;line-height:1.1904761905;text-align:left;font-weight:600;hyphens:auto}@media screen and (min-width:735px){.guide-pricing > .guide-pricing-header h3,.guide-pricing > .guide-pricing-header p,.guide-pricing > .guide-pricing-header span{display:contents;font-size:min(calc(var(--ibw) * .0475),24px);color:#86868b;line-height:1.1904761905;text-align:left;font-weight:600;hyphens:auto}}.guide-pricing > .guide-pricing-header h3,.guide-pricing > .guide-pricing-header span{color:#161616}


.assist-form__container{
padding-inline:2rem;
padding-block-end:2.225rem;
height:fit-content
}

.assist-form__title{
font-size:18px;
font-weight:500;
margin-bottom:2rem;
color:#111;
text-align:center;
max-width:100%;
justify-self:center;
letter-spacing:-.018em;
line-height:1.1999
}

@media screen and (min-width:1068px){
.assist-form__title{
max-width:40%
}
}

.assist-form__field{
display:flex;
flex-direction:column;
margin-bottom:1.5rem
}

.assist-form__field span{
font-size:.75rem;
font-weight:500;
color:#666;
margin-bottom:.25rem
}

.assist-form__field input,.assist-form__field textarea{
appearance:none;
border:1px solid #d2d2d7;
border-radius:10px;
padding:.75rem .9rem;
font-size:.95rem;
font-family:inherit;
transition:border-color .2s ease,box-shadow .2s ease
}

.assist-form__field textarea{
resize:vertical;
min-height:110px
}

.assist-form__field input:focus,.assist-form__field textarea:focus{
outline:none;
border-color:#0071e3;
box-shadow:0 0 0 3px rgba(0,113,227,0.15)
}

.assist-form__button{
width:100%;
margin-top:1rem;
padding:.9rem 1rem;
border-radius:12px;
border:none;
background:#0071e3;
color:#fff;
font-size:.95rem;
font-weight:500;
cursor:pointer;
transition:background .2s ease,transform .1s ease
}

.assist-form__button:hover{
background:#0077ed
}

.assist-form__button:active{
transform:translateY(1px)
}

.assist-form__honeypot{
position:absolute;
opacity:0;
pointer-events:none;
height:0
}

.assist-form__status{
margin-top:1rem;
font-size:.8rem;
color:#666
}

.assist-form__status--success{
color:#1d7f3a
}

.assist-form__status--error{
color:#b3261e
}

.assist-form__container,.assist-form__field input,.assist-form__field textarea{
box-sizing:border-box
}

.assist-form__button:disabled{
opacity:.6;
cursor:default
}

.grd-start.guide-pricing{
background:#f8f8fc;
height:fit-content
}

.assist-form{
--arw:min(100dvw,430px);
isolation:isolate;
border-radius:16px;
display:grid;
width:var(--arw);
justify-self:center;
min-height:800px;
padding-block:0 80px;
background:#fff;
position:relative
}

.assist-form::before{
content:'Frågor som inte täcks av guiden';
color:#fff;
font-size:32px;
letter-spacing:-.022em;
text-align:center;
z-index:20;
padding-block-start:100px;
font-weight:600;
padding-inline:30%
}

@media screen and (max-width:767px){
.assist-form::before{
content:'Frågor som inte täcks av guiden';
color:#fff;
font-size:32px;
padding-block-start:40px;
padding-inline:8%
}
}

@media screen and (min-width:400px){
.assist-form{
min-height:1000px;
padding-block:0 80px
}
}

@media screen and (min-width:551px){
.assist-form{
--arw:min(100dvw,550px);
min-height:1100px
}
}

@media screen and (min-width:768px){
.assist-form{
--arw:min(100dvw,692px);
min-height:1200px
}
}

.assist-form,.assist-form > div,.assist-form > form{
border-radius:0
}

@media screen and (min-width:551px){
.assist-form,.assist-form > div,.assist-form > form{
border-radius:23px
}
}

.assist-form>form{
grid-area:assist-form;
z-index:10
}

.assist-form>div{
grid-area:assist-form;
z-index:1
}

.assist-form>.drop{
z-index:-1
}

.assist-form>.bild-lager{
z-index:1;
background-size:cover;
background-repeat:no-repeat;
background-position:top center;
background-image:url(https://mycke.se/site-2026/media/assist-form/small/small.webp);
height:35%
}

.assist-form>.svg-lager{
mask-image:url(https://mycke.se/site-2026/svg/svg-overlay/contact_svg_small.svg);
background:#fff;
z-index:2;
mask-size:100% auto;
mask-repeat:no-repeat
}

@media screen and (min-width: 1px){
.assist-form>.svg-lager{
mask-position:top center;
margin-block-start:200px
}
}

@media screen and (min-width: 412px){
.assist-form>.svg-lager{
margin-block-start:250px
}
}

@media screen and (min-width: 551px){
.assist-form>.svg-lager{
mask-image:url(https://mycke.se/site-2026/svg/svg-overlay/contact_svg_medium.svg);
margin-block-start:300px
}

.assist-form>.bild-lager{
background-image:url(https://mycke.se/site-2026/media/assist-form/medium/medium.webp);
height:40%
}
}

@media screen and (min-width: 692px){
.assist-form>.svg-lager{
mask-image:url(https://mycke.se/site-2026/svg/svg-overlay/contact_svg_large.svg)
}

.assist-form>.bild-lager{
background-image:url(https://mycke.se/site-2026//media/assist-form/large/large.webp);
height:50%
}
}

@media screen and (min-width: 768px){
.assist-form>.svg-lager{
margin-block-start:400px
}

.assist-form>.bild-lager{
height:45%
}
}

@media screen and (min-width:551px){
.assist-form>.drop{
box-shadow:0 1px 2px rgba(0,0,0,0.04),0 12px 32px rgba(0,0,0,0.08)
}
}

.assist-form>form{
--arw:320px
}

@media screen and (min-width:400px){
.assist-form>form{
--arw:400px
}

.assist-form__field textarea{
resize:vertical;
min-height:110px;
min-height:calc(var(--arw) * .6)
}
}

.assist-form>form{
width:var(--arw);
justify-self:center;
height:fit-content;
align-self:end
}

.guide-pricing>.guide-included{
background:#000;
padding:48px 28px;
margin-block-start:90px
}

.guide-pricing>.guide-included,.guide-pricing>.guide-included>div{
display:grid
}

.guide-included > .area{
grid-template-rows:repeat(2,auto);
row-gap:16px;
--arw:min(430px,100dvw);
height:auto;
background:#111;
border-radius:16px;
color:#fff;
font-size:17px;
letter-spacing:-.016em;
line-height:1.119em
}

.guide-included > .area>div{
padding:40px 16px 16px;
display:grid;
height:fit-content
}

.guide-included > .area>div:nth-of-type(1){
position:relative;
width:85px;
height:120px;
justify-self:start;
margin-inline-start:20px;
margin-block-start:20px
}

.guide-included > .area>div:nth-of-type(1)::before{
background-image:url(https://mycke.se/site-2026/svg/mycke_se.svg);
background-size:55px auto;
z-index:1;
background-position:top 28px center
}

.guide-included > .area>div:nth-of-type(1)::after{
content:'mycke fotostudio';
color:#fff;
letter-spacing:-.022em;
font-size:15px;
font-weight:600;
text-align:center;
z-index:2;
bottom:0;
top:auto;
line-height:1.05
}

.guide-included > .area>div p{
padding:0;
margin:0;
display:grid;
height:fit-content;
padding-block-end:8px
}

@media screen and (min-width:480px){
.guide-included > .area{
grid-template-rows:1fr;
row-gap:0;
column-gap:16px;
grid-template-columns:repeat(2,auto);
width:min(100%,550px);
justify-self:center;
height:fit-content
}

.guide-included > .area>div:nth-of-type(1){
justify-self:start
}

.guide-included > .area>div{
padding:40px 16px
}

.guide-included > .area>div:nth-of-type(1){
margin-block-start:0
}
}

@media screen and (min-width:768px){
.guide-included > .area{
width:min(100%,692px)
}
}

section[role="pricing-table"]{width:min(88dvw,430px);display:grid;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden;margin-block:80px;height:fit-content;justify-self:center}section[role="pricing-table"] .pt-header{display:grid;grid-template-columns:1fr auto;padding:14px 16px;background:#3a3a3a;color:#fff;font-size:13px}section[role="pricing-table"] select{border-radius:8px;border:none;padding:4px 8px;font-size:12px}section[role="pricing-table"] .pt-row{display:grid;grid-template-columns:1fr auto;padding:12px 16px;font-size:13px}@media screen and (max-width:374px){section[role="pricing-table"] .pt-row{display:grid;grid-template-columns:1fr auto;padding:8px 10px;font-size:12px;letter-spacing:-.022em}}section[role="pricing-table"] .pt-row:nth-child(even){background:#f7f7f7}section[role="pricing-table"] .pt-price{font-weight:600;color:#0071e3}section[role="pricing-table"] .pt-row--emphasis .pt-price{color:#0071e3}



.role-train-module{--rtm-gap:12px;--rtm-car-w:320px;--rtm-car-h:550px;--rtm-radius:20px;--rtm-accent:#007aff;--rtm-arw:320px;font-family:inherit;box-sizing:border-box;display:grid}.role-train-module,.role-train-module *{box-sizing:inherit}.role-train-module{padding-block:60px 80px}.role-train-module .rtm-viewport{padding:20px 16px;background:transparent}@media screen and (min-width:1200px){.role-train-module .rtm-viewport{padding:0 calc(50% - min(1260px,87.5%) /2)}}.role-train-module .rtm-header{width:min(88dvw,477px);margin-inline-start:min(6dvw,50px)}.role-train-module .rtm-header h3{font-size:22px;font-weight:600;line-height:1.333}.role-train-module .rtm-header .mobile-break{display:contents}@media screen and (max-width:480px){.role-train-module .rtm-header .mobile-break{display:block}}.role-train-module .rtm-header p{margin:0 0 12px;color:#555;font-size:14px}.role-train-module .rtm-train-outer{position:relative;overflow-x:scroll}@media screen and (min-width:1px){.role-train-module .rtm-train-outer{width:min(100dvw,1670px)}}.role-train-module .rtm-train{display:grid;grid-auto-flow:column;grid-auto-columns:var(--rtm-car-w);gap:var(--rtm-gap);height:var(--rtm-car-h);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:12px 12px 90px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.role-train-module .rtm-train::-webkit-scrollbar{height:0}.role-train-module .rtm-train::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:999px}.role-train-module .rtm-car{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background:#fff;border-radius:var(--rtm-radius);box-shadow:0 6px 18px rgba(0,0,0,0.06);overflow:hidden;scroll-snap-align:center;container-type:inline-size;container-name:wgn}.role-train-module .rtm-car > *{grid-area:wgn;position:relative}.role-train-module .rtm-hero{position:absolute;inset:16px 16px auto 16px;height:20%;border-radius:14px;background:linear-gradient(135deg,#ff8a00 0%,#ffe0c2 100%);z-index:10;overflow:hidden}.role-train-module .rtm-h4{position:absolute;top:calc(20% + 48px);left:16px;right:16px;margin:0;font-weight:600;font-size:18px;line-height:1.25;letter-spacing:-.01em;z-index:20;color:#111;hyphens:auto}.role-train-module .rtm-excerpt{position:absolute;top:calc(20% + 88px);left:16px;right:16px;margin:0;font-size:13px;line-height:1.38;color:#222;opacity:.94;z-index:20;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:80ch}.role-train-module .rtm-footer{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:12px;z-index:20}.role-train-module .rtm-btn{background:var(--rtm-accent);color:#fff;border:none;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600}.role-train-module .rtm-link-more{background:none;border:none;color:var(--rtm-accent);text-decoration:underline;cursor:pointer;font-weight:600}.role-train-module .rtm-overlay{position:absolute;inset:70% 50% 0 0;z-index:9999;background:transparent;-webkit-tap-highlight-color:transparent}.role-train-module .rtm-modal{position:absolute;inset:0;background:rgba(0,0,0,0.85);border-radius:16px;padding:20px;color:#fff;z-index:20000;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease;display:flex;flex-direction:column}

.role-train-module .rtm-car.rtm-open .rtm-modal{opacity:1;pointer-events:auto;transform:translateY(0)}.role-train-module .rtm-close{align-self:flex-end;width:36px;height:36px;border-radius:999px;border:none;background:rgba(255,255,255,0.12);color:#fff;cursor:pointer;font-size:18px}.role-train-module .rtm-modal-body{margin-block-start:32px;display:grid;height:fit-content}.role-train-module .rtm-controls{position:absolute;bottom:14px;left:80%;transform:translateX(-20%);display:flex!important;gap:8px;z-index:50}@media screen and (min-width:2084px){.role-train-module .rtm-controls{display:none!important}}@media screen and (max-width:480px){.role-train-module .rtm-controls{left:70%;transform:translateX(-30%)}}.role-train-module .rtm-control-btn{width:44px;height:44px;border-radius:44px;border:none;background:#fff;box-shadow:0 6px 18px rgba(12,20,30,0.08);cursor:pointer;font-size:18px}

.role-train-module .rtm-control-btn:disabled{opacity:.5;cursor:not-allowed}

@container wgn (min-width:1px){
.role-train-modulertm-h4
{font-size:19px;
letter-spacing:-.02em;
hyphens:auto
}
.role-train-module .rtm-excerpt{
font-size:15px;
line-height:1.42;
-webkit-line-clamp:6;
max-width:75ch
}
.role-train-module .rtm-modal-body h3{
font-size:24px
}
.role-train-module .rtm-modal-body p{
font-size:16px
}
}

.role-train-module .rtm-excerpt{-webkit-line-clamp:6;max-width:80ch;position:absolute;top:calc(20% + 108px);left:16px;right:16px;color:#222;opacity:.94;z-index:20;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.role-train-module .rtm-modal-body p,.role-train-module .rtm-excerpt{margin:0;font-size:16px;line-height:1.311;letter-spacing:-.005em;hyphens:manual;max-width:80ch}.role-train-module .rtm-modal-body p{color:#fff;hyphens:auto;padding-inline:8px}.role-train-module .rtm-viewport::-webkit-scrollbar,.role-train-module .rtm-train::-webkit-scrollbar{display:none}.role-train-module .rtm-viewport::-webkit-scrollbar,.role-train-module .rtm-train::-webkit-scrollbar{width:0;height:0;background:rgba(0,0,0,0)}.role-train-module .rtm-train-outer,.role-train-module .rtm-viewport,.role-train-module .rtm-train{scrollbar-width:none}.role-train-module .rtm-hero{--dark-01:url(https://mycke.se/site-2026/svg/card-deco/dark_01.svg);--dark-02:url(https://mycke.se/site-2026/svg/card-deco/dark_02.svg);--dark-03:url(https://mycke.se/site-2026/svg/card-deco/dark_03.svg);--dark-04:url(https://mycke.se/site-2026/svg/card-deco/dark_04.svg);--dark-05:url(https://mycke.se/site-2026/svg/card-deco/dark_05.svg);--dark-06:url(https://mycke.se/site-2026/svg/card-deco/dark_06.svg);--dark-07:url(https://mycke.se/site-2026/svg/card-deco/dark_07.svg);--dark-08:url(https://mycke.se/site-2026/svg/card-deco/dark_08.svg);--dark-09:url(https://mycke.se/site-2026/svg/card-deco/dark_09.svg);--dark-10:url(https://mycke.se/site-2026/svg/card-deco/dark_10.svg)}.role-train-module .rtm-car>.rtm-hero::before{position:absolute;inset:0;background-size:cover;background-position:50% 50%;content:''}.role-train-module .rtm-car:nth-of-type(1)>.rtm-hero::before{background-image:var(--dark-01)}.role-train-module .rtm-car:nth-of-type(2)>.rtm-hero::before{background-image:var(--dark-02)}.role-train-module .rtm-car:nth-of-type(3)>.rtm-hero::before{background-image:var(--dark-03)}.role-train-module .rtm-car:nth-of-type(4)>.rtm-hero::before{background-image:var(--dark-04)}.role-train-module .rtm-car:nth-of-type(5)>.rtm-hero::before{background-image:var(--dark-05)}