/* =========================== Bas-typografi & länkar =========================== */
p{font-size:20px;font-weight:400;}
h1{color:#636363;}
h2{color:#636363!important;}
h4{color:#636363!important;}
a{text-decoration:none;}
p a{text-decoration:underline;}
li{font-size:20px;font-weight:lighter;}

/* =========================== Layout-containrar =========================== */
.cont_full{width:auto;height:auto;}
.cont_66{width:64%;float:left;height:auto;margin:1%;}
.cont_50{width:47%;margin:1%;float:left;height:auto;}
.cont_100{width:94%;margin:0 0 0 1.5%;}
.cont_33{width:31.25%;float:left;height:auto;margin:1%;}
.small_info{width:50%;margin:1%;float:right;height:auto;}
.center{max-width:1200px;margin:0 auto;overflow:hidden;}
.view_cont_full{width:auto;height:auto;}
.view_cont_700{width:auto;height:auto;display:none;}
.sidebar{width:280px;float:right;height:auto;padding:5px 5px 10px;margin:0;}

/* =========================== Video-embeds =========================== */
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;}

/* =========================== Bilder =========================== */
img{max-width:100%;height:auto;}
.video_text p{font-size:18px;padding:5px 0 10px 10px;margin-top:2px;}

/* =========================== Knappar legacy =========================== */
.button,.button2,.button3,a.button,button.button{display:inline-block;background:#76477b!important;background-color:#76477b!important;color:#fff!important;border:none;border-radius:5px;text-align:center;cursor:pointer;font-size:20px;padding:5px 20px;opacity:.95;box-shadow:0 3px 6px rgba(0,0,0,.3);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .08s ease-in-out;}
.button:hover,.button2:hover,.button3:hover,a.button:hover,button.button:hover{background:#5e3763!important;background-color:#5e3763!important;background-image:none!important;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.4);}
.button:active,.button2:active,.button3:active,a.button:active,button.button:active{transform:translateY(1px);}
.button:focus-visible,.button2:focus-visible,.button3:focus-visible,a.button:focus-visible,button.button:focus-visible{outline:2px solid #cdb3cf;outline-offset:2px;}
.button2{font-size:24px;padding:6px 22px;}
.button3{font-size:16px;padding:4px 16px;}
.button span,.button2 span,.button3 span{cursor:pointer;display:inline-block;position:relative;transition:.5s;}
.button span:after,.button2 span:after,.button3 span:after{content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:.5s;}
.button:hover span,.button2:hover span,.button3:hover span{padding-right:25px;}
.button:hover span:after,.button2:hover span:after,.button3:hover span:after{opacity:1;right:0;}

/* =========================== Media queries – layout =========================== */
@media screen and (max-width:980px){html,body{-webkit-text-size-adjust:none;}#pagewrap{width:94%;}.cont_66{width:70%;}.sidebar{width:27%;}.cont_33{width:48%;float:left;margin:1%;}.cont_app_left,.cont_app_right,.cont_app_center{width:auto;float:none;margin:1% 0;}.cont_50{width:auto;float:none;margin:0;}.small_info{width:auto;float:none;margin:2%;}.cont_100{width:auto;float:none;margin:6%;}.view_cont_full{display:none;}.view_cont_700{display:block;}}
@media screen and (max-width:700px){html,body{-webkit-text-size-adjust:none;}.cont_quote{width:auto;float:none;padding:10% 15%;margin-top:10%;}.cont_66{width:auto;float:none;}.sidebar{width:auto;float:none;}.cont_33{width:auto;float:none;margin:1% 0;}.cont_50{width:100%!important;float:none!important;margin:0 0 28px 0!important;}.vimeo-wrap{width:100%!important;max-width:none!important;border-radius:10px;box-shadow:none;}.vimeo-wrap iframe{width:100%!important;height:100%!important;}.video_text p{padding-left:0!important;padding-right:0!important;margin-top:12px;}}
@media screen and (max-width:480px){html,body{-webkit-text-size-adjust:none;}}

/* =========================== Hero legacy =========================== */
.hero,.hero2,.hero3{position:relative;width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-radius:10px;margin:20px auto!important;box-shadow:0 3px 6px rgba(0,0,0,.3);background-size:cover;background-position:top;}
.hero{height:350px;background-image:url('/media/vympgwku/movdoo_cta.jpg');border-radius:10px;}
.hero2{height:250px;background-image:url('/media/vympgwku/movdoo_cta.jpg');border-radius:5px;}
.hero3{width:98%;height:250px;background-image:url('/media/k3fb4ow5/hero3-cta.jpg');border-radius:5px;}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:10px;}
.hero-text{position:relative;z-index:2;color:#fff!important;max-width:min(900px,90%);text-align:left;}
.hero-text h1{font-size:clamp(1.9rem,6vw,3rem)!important;margin:10px 0 10px!important;color:#fff!important;font-weight:400!important;line-height:1.15!important;text-shadow:1px 1px 4px rgba(0,0,0,.7)!important;background:transparent!important;text-wrap:balance;}
.hero-text p{font-size:clamp(1.15rem,3.6vw,1.6rem)!important;margin:0 0 10px!important;color:#fff!important;font-weight:400!important;line-height:1.25!important;text-shadow:1px 1px 3px rgba(0,0,0,.7)!important;background:transparent!important;text-wrap:balance;}
.hero .hero-button,.hero2 .hero-button,.hero3 .hero-button{font-size:clamp(.95rem,2.6vw,1.1rem)!important;display:inline-block;background-color:#76477b!important;color:#fff!important;padding:10px 18px;border-radius:5px;text-decoration:none;font-weight:normal!important;text-align:center;border:none;box-shadow:0 3px 6px rgba(0,0,0,.3);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;}
.hero .hero-button:hover,.hero2 .hero-button:hover,.hero3 .hero-button:hover{background-color:#5e3763!important;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.4);}

/* =========================== Produktkort =========================== */
.product-container{width:100%;max-width:1060px;margin:30px auto;text-align:center;}
.product-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.product-card{flex:0 0 calc((1040px - 30px) / 3);max-width:calc((1040px - 30px) / 3);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;}
.product-card:hover{transform:translateY(-3px);box-shadow:0 3px 6px rgba(0,0,0,.15);}
.product-image img{display:block;width:100%;height:auto;}
.product-info{padding:10px 30px;text-align:center;}
.product-info h4{font-size:1.3rem;margin-top:5px!important;color:#76477b!important;margin-bottom:0;}
.product-info p{font-size:1rem;color:#555;margin:5px 0 10px!important;}

/* =========================== Learn cards =========================== */
.learn-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1060px;margin:20px auto;}
.learn-card{display:block;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;}
.learn-card:hover{transform:translateY(-3px);box-shadow:0 3px 6px rgba(0,0,0,.15);}
.learn-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;}
.learn-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.learn-card__body{background:#fff;padding:12px 14px;text-align:center;}
.learn-card__title{font-size:1.1rem;line-height:1.25;margin:6px 0 4px;color:#76477b;}
.learn-card__text{font-size:.95rem;color:#555;margin:0 0 10px;}
@media(max-width:1024px){.learn-cards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.learn-cards{grid-template-columns:1fr;}}

/* =========================== Pricing =========================== */
.pricing-title{text-align:center;font-size:28px;margin:30px 0;}
.pricing-options{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:20px auto;}
.pricing-card{flex:0 1 45%;background-color:rgba(255,255,255,.6)!important;border:1px solid #ddd;border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block;margin:10px 0;}
.pricing-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2);}
.pricing-card h3{font-size:25px;margin:20px 0 10px;}
.pricing-card p{font-size:25px;color:#4375a4;margin:10px 0!important;}
.featured{border:2px solid #76477b;position:relative;}
.featured::after{content:"Populärt val";position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#76477b;color:#fff;padding:5px 20px;font-size:18px;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.25);}
.flex{border:2px solid #76477b;position:relative;}
.flex::after{content:"Flexibelt";position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#76477b;color:#fff;padding:5px 20px;font-size:18px;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.25);}
.old-price{text-decoration:line-through;color:#888;margin-left:10px;font-size:20px;}
.usp{color:#636363;font-size:18px;}
.cta{display:inline-block;background:#76477b!important;color:#fff!important;padding:3px 12px;font-size:18px!important;border-radius:5px;text-decoration:none!important;box-shadow:0 2px 5px rgba(0,0,0,.25);}
@media screen and (max-width:768px){.pricing-card{flex:0 1 100%;}}

/* =========================== Promo Split =========================== */
.split-promo{display:grid;grid-template-columns:1fr;max-width:1000px;margin:20px auto;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden;text-decoration:none;color:inherit;}
.split-promo__media{position:relative;width:100%;overflow:hidden;background:transparent;line-height:0;}
.split-promo__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;-webkit-transform:translateZ(0);backface-visibility:hidden;}
.split-promo__content{padding:30px 32px 24px 28px;display:flex;flex-direction:column;justify-content:center;gap:16px;background:#fff;}
.split-promo__title{margin:0;font-size:clamp(1.4rem,3.8vw,1.8rem);line-height:1.25;color:#76477b!important;}
.split-promo__text{margin:0;color:#444;font-size:clamp(1.1rem,2.3vw,1.25rem);line-height:1.5;}
.split-promo__cta{display:inline-block;align-self:flex-start;background:#76477b;color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.3);transition:background-color .25s,box-shadow .25s;font-size:1.1rem;margin-top:10px;margin-bottom:14px;}
.split-promo:hover .split-promo__cta{background:#5e3763;box-shadow:0 1px 2px rgba(0,0,0,.35);}
.split-promo:focus-visible{outline:3px solid #cdb3cf;outline-offset:3px;}
@media(min-width:900px){.split-promo{grid-template-columns:1fr 1fr;align-items:stretch;}.split-promo__media{height:auto;min-height:0;}.split-promo__media img{width:100%;height:100%;object-fit:cover;}}
@media(max-width:899.98px){.split-promo{grid-template-columns:1fr;max-width:calc(100% - 20px);}.split-promo__media{height:200px;min-height:200px;}}

/* =========================== Weekly plans – intro/header =========================== */
.weekly-intro{max-width:1060px;margin:0 auto 20px auto;}
.weekly-intro .split-promo{max-width:1060px;margin:0 auto 28px;}
.weekly-intro .split-promo__title{color:#76477b!important;}
.split-promo--weekly .split-promo__media img{object-position:center 18%!important;}
@media(max-width:899.98px){.split-promo--weekly .split-promo__media{height:160px;min-height:160px;}.split-promo--weekly .split-promo__media img{object-position:center 18%!important;}}

/* =========================== Fun button =========================== */
.fun-button{display:inline-block;background:#76477b!important;color:#fff!important;padding:4px 12px;font-size:clamp(1.3rem,2.5vw,1.4rem);border-radius:5px;text-decoration:none!important;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.25);font-weight:500;margin:12px auto;}
.fun-button:hover{background:#5e3763!important;color:#fff!important;box-shadow:0 4px 8px rgba(0,0,0,.4);cursor:pointer;}
.fun-button.small{padding:3px 10px;font-size:clamp(1.4rem,2.2vw,1.2rem);}

/* =========================== Content-boxar =========================== */
.cont_box{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:20px;}
.cont_box img{max-width:100%;height:auto;display:block;}
.cont_box p{padding-left:5%;padding-right:5%;text-align:center;margin:20px 30px;font-size:18px;}
.cont_box.transparent{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:15px;text-align:center;}
.cont_box.transparent .box-title{font-size:clamp(1.6rem,4vw,2rem);line-height:1.3;margin:10px 0;font-weight:600;color:#76477b;}
.cont_box.transparent .box-subtitle{font-size:clamp(1.5rem,3vw,1.6rem);line-height:1.3;margin:10px auto;font-weight:400;color:#444;max-width:600px;}
.cont_box.transparent p{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.5;margin:10px auto;color:#333;max-width:1000px;padding-left:0;padding-right:0;}
.cont_box.transparent ul{list-style:none;padding-left:0;margin:12px auto;max-width:700px;text-align:left;}
.cont_box.transparent li{position:relative;font-size:clamp(1.2rem,2.2vw,1.2rem);line-height:1.5;margin:8px 0;font-weight:400;color:#333;padding-left:28px;}
.cont_box.transparent li::before{content:"✔";position:absolute;left:0;top:0;color:#76477b;font-weight:bold;}

/* =========================== Scroll-indicator =========================== */
.scroll-indicator{display:flex;justify-content:center;align-items:center;margin:6px auto 10px;animation:bounce 1.5s infinite;font-size:5em;color:#76477b;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}

/* =========================== Footer =========================== */
.page-footer{clear:both;width:100%;text-align:center;margin:40px 0 20px;}
.page-footer img{display:block;margin:8px auto 0;max-width:100%;height:auto;}
.page-footer p{font-size:20px;color:#333;margin:10px 0 0;}
.page-footer .welcome-text{margin-bottom:20px;font-size:20px;font-weight:400;color:#444;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.5;}
@media(max-width:700px){.page-footer p,.page-footer .welcome-text{font-size:18px;}}

/* =========================== Header =========================== */
.movdoo-zone1{outline:5px solid red!important;}
.page-header{clear:both;width:100%;text-align:center;margin:20px 0 20px;}
.page-header img{display:block;margin:8px auto 0;max-width:100%;height:auto;}
.page-header p{font-size:20px;color:#333;margin:10px 0 0;}
.page-header .header-title{font-size:26px;font-weight:600;color:#333;margin:10px auto;line-height:1.3;}
.page-header .welcome-text{margin-bottom:20px;font-size:20px;font-weight:400;color:#444;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.5;}
.page-header .smaller-text{margin-bottom:20px;font-size:16px;font-weight:400;color:#444;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.5;}
@media(max-width:700px){.page-header p,.page-header .welcome-text{font-size:18px;}.page-header p.smaller-text{font-size:14px;}.page-header .header-title{font-size:22px;}}

/* =========================== Zon 1 – startsida / valkort =========================== */
.movdoo-zone1{width:100%!important;max-width:none!important;margin:20px 0 24px 0!important;}
.movdoo-zone1{outline:5px solid red!important;}
.movdoo-zone1__title{color:#76477b!important;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15;font-weight:600;margin:0 0 14px;}
.movdoo-zone1__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;}
.movdoo-zone1-card{display:block;position:relative;min-height:150px;border-radius:10px;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.18);text-decoration:none!important;color:#fff!important;transition:transform .25s ease,box-shadow .25s ease;}
.movdoo-zone1-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.22);}
.movdoo-zone1-card--image{background-size:cover;background-position:center 45%;}
.movdoo-zone1-card__content{position:relative;z-index:2;padding:24px 28px;}
.movdoo-zone1-card--image .movdoo-zone1-card__content{position:absolute;left:0;right:0;bottom:0;padding:24px 28px;}
.movdoo-zone1-card h3{color:inherit!important;font-size:clamp(1.35rem,2.5vw,1.8rem);line-height:1.15;margin:0 0 8px;font-weight:600;}
.movdoo-zone1-card p{color:inherit!important;font-size:16px;line-height:1.35;margin:0 0 18px;max-width:520px;}
.movdoo-zone1-card::after{content:"→";position:absolute;right:22px;bottom:18px;font-size:32px;font-weight:300;line-height:1;color:currentColor;opacity:.85;transition:transform .2s ease,opacity .2s ease;}
.movdoo-zone1-card:hover::after{transform:translateX(4px);opacity:1;}

/* =========================== Zon 1 – SOMA Premium =========================== */
.movdoo-zone1--soma .movdoo-zone1__title{color:#76477b!important;}
.movdoo-zone1--soma .movdoo-zone1-card{background:#76477b;color:#fff!important;}
.movdoo-zone1--soma .movdoo-zone1-card--light{background:#ded0dc;color:#76477b!important;}

/* =========================== Zon 1 – Styrkeklubben =========================== */
.movdoo-zone1--styrkeklubben .movdoo-zone1__title{color:#111111!important;}
.movdoo-zone1--styrkeklubben .movdoo-zone1-card{background:#111111;color:#F4C430!important;}
.movdoo-zone1--styrkeklubben .movdoo-zone1-card--light{background:#F4C430;color:#111111!important;}
.movdoo-zone1--styrkeklubben .movdoo-zone1-card::after{color:inherit;}
.movdoo-zone1--styrkeklubben .movdoo-zone1-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.25);}
.movdoo-zone1--styrkeklubben .movdoo-zone1-card h3{font-weight:700;letter-spacing:-.02em;}
.movdoo-zone1--styrkeklubben .movdoo-zone1-card p{opacity:.92;}

/* =========================== Zon 1 – Träningsklubben =========================== */
.movdoo-zone1--traningsklubben .movdoo-zone1__title{color:#76477b!important;}
.movdoo-zone1--traningsklubben .movdoo-zone1-card{background:#76477b;color:#fff!important;}
.movdoo-zone1--traningsklubben .movdoo-zone1-card--light{background:#ded0dc;color:#76477b!important;}

/* =========================== Zon 1 – bildfix per abonnemang =========================== */
.movdoo-zone1--soma .movdoo-zone1-card--image{background-image:linear-gradient(rgba(118,71,123,.40),rgba(118,71,123,.90)),url('https://movdoo.com/media/txrdoqxl/knapp-bakgrund.jpg');background-size:cover;background-position:center 45%;}
.movdoo-zone1--styrkeklubben .movdoo-zone1-card--image{background-image:linear-gradient(rgba(17,17,17,.20),rgba(17,17,17,.88)),url('https://movdoo.com/media/tvyptmho/knapp-bakgrund-styrkeklubben.jpg');background-size:cover;background-position:center 38%;}
.movdoo-zone1--traningsklubben .movdoo-zone1-card--image{background-image:linear-gradient(rgba(118,71,123,.40),rgba(118,71,123,.90)),url('https://movdoo.com/media/pcyca1g3/knapp-bakgrund-traeningsklubben.jpg');background-size:cover;background-position:center 45%;}

/* =========================== Zon 1 – responsive =========================== */
@media(max-width:900px){.movdoo-zone1{max-width:calc(100% - 24px);}.movdoo-zone1__grid{grid-template-columns:1fr 1fr;}.movdoo-zone1-card--wide{grid-column:1/-1;min-height:170px;}}
@media(max-width:600px){.movdoo-zone1__grid{grid-template-columns:1fr 1fr;gap:14px;}.movdoo-zone1-card--wide{grid-column:1/-1;}.movdoo-zone1-card{min-height:150px;}.movdoo-zone1-card__content{padding:22px 18px;}.movdoo-zone1-card h3{font-size:1.45rem;}.movdoo-zone1-card p{font-size:15px;}}

/* =========================== Zon 1 – hero-text bottenläge =========================== */
.movdoo-zone1-card--image .movdoo-zone1-card__content{position:absolute;left:0;right:0;bottom:0;padding:24px 72px 12px 28px;}
.movdoo-zone1-card--image::after{right:22px;bottom:10px;}

/* =========================== HERO-CARD SOMA =========================== */
.hero-card{position:relative;display:block;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 3px 6px rgba(0,0,0,.3);height:clamp(80px,18vw,120px);background-color:#000;}
.hero-card picture,.hero-card picture>img{display:block;width:100%;height:100%;}
.hero-card picture>img{object-fit:cover!important;object-position:88% center!important;-webkit-transform:translateZ(0);backface-visibility:hidden;border-radius:inherit;}
.hero-card__content{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding-left:clamp(6px,2vw,12px);text-align:left;pointer-events:none;}
.hero-card .hero-card__logo{width:120px;height:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));}
.studio-hero{height:clamp(120px,26vw,170px);}
.hero-card__cornerbtn{position:absolute;bottom:8px;right:8px;pointer-events:none;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:9999px;}
.hero-card .button.hero-card__cornerbtn{font-size:clamp(12px,3.5vw,14px)!important;padding:6px 10px!important;line-height:1.1;box-shadow:0 2px 6px rgba(0,0,0,.25);background:#76477b!important;color:#fff!important;backdrop-filter:saturate(140%) blur(2px);}
.hero-card__cornerbtn_left{position:absolute;bottom:8px;left:25px;pointer-events:none;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:9999px;}
.hero-card .button.hero-card__cornerbtn_left{font-size:clamp(12px,3.5vw,14px)!important;padding:6px 10px!important;line-height:1.1;box-shadow:0 2px 6px rgba(0,0,0,.25);background:#76477b!important;color:#fff!important;backdrop-filter:saturate(140%) blur(2px);}
@media(max-width:700px){.hero-card{height:clamp(70px,20vw,110px);}.studio-hero{height:clamp(120px,26vw,170px);}.hero-card picture>img{object-position:90% center!important;}.hero-card .hero-card__logo{width:200px;}}

/* =========================== Studio-nav =========================== */
.studio-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:12px auto 0;padding:8px 0;}
.btn-mini{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:14px;line-height:1.2;border-radius:9999px;background:transparent;color:#76477b;border:1px solid #76477b;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease;}
.btn-mini:hover{background:#76477b;color:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.2);}

/* =========================== Hero-bild =========================== */
.hero-frame{max-width:1060px;margin:20px auto;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15);}
.hero-frame img{display:block;width:100%;height:auto;object-fit:cover;}
@media(max-width:700px){.hero-frame{margin:16px auto;border-radius:12px;}}

/* =========================== Vimeo-responsiv =========================== */
.vimeo-wrap{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);background:#000;}
.vimeo-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px;display:block;}

/* =========================== Vertikal video-embed =========================== */
.video-vertical{position:relative;width:100%;max-width:100%;margin:0;padding-bottom:177.78%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.15);background:#000;}
.video-vertical iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:12px;object-fit:cover;}
.cont_box:has(.video-vertical){background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0;}
.cont_box.transparent .video-vertical{max-width:100%;margin:0;}

/* =========================== Weekly plans – layout =========================== */
.weekly-plans.center{overflow:visible!important;}
.weekly-plans{max-width:1060px;margin:40px auto;text-align:center;}
.weekly-plans__heading{font-size:1.6rem;font-weight:700;color:#76477b!important;margin-bottom:8px;}
.weekly-plans__note{max-width:820px;margin:0 auto 20px;font-size:1rem;line-height:1.6;color:#444;}
.weekly-plans .btn-mini{margin:10px auto 24px;display:inline-flex;}
.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.plan-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.10);overflow:visible;}
.plan-card__inner{padding:16px 20px 20px;border-radius:12px;overflow:hidden;}
.plan-card__title{color:#76477b;font-size:1.45rem;font-weight:700;line-height:1.15;margin:0 0 2px;text-align:left;}
.plan-card__desc{font-size:1rem;color:#555;margin:0 0 12px;text-align:left;line-height:1.45;}
@media(max-width:900px){.plan-grid{grid-template-columns:1fr;}}
@media(max-width:600px){.weekly-plans{max-width:calc(100% - 20px);margin:30px auto;}.plan-grid{grid-template-columns:1fr;gap:22px;}.plan-card__inner{padding:16px 18px 18px;}.plan-card__title{font-size:1.35rem;}}

/* =========================== Weekly plans – klickbara pass med bild =========================== */
.weekly-plans .pass-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 0!important;padding:0!important;list-style:none!important;}
.weekly-plans .pass-row{list-style:none!important;margin:0!important;padding:0!important;}
.weekly-plans .pass-row a{display:grid!important;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;min-height:78px;background:#ebe6de;border-radius:10px;padding:0 14px 0 0;text-decoration:none!important;color:inherit;box-shadow:none;border:1px solid #dfd8cf;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
.weekly-plans .pass-row a:hover{transform:translateY(-2px);background:#e4ded5;box-shadow:0 2px 6px rgba(0,0,0,.08);}
.weekly-plans .pass-row__media{display:block;width:120px;height:100%;min-height:78px;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:10px 0 0 10px;}
.weekly-plans .pass-row__body{min-width:0;text-align:left;}
.weekly-plans .pass-row__title{display:block;font-size:1rem;font-weight:600;line-height:1.25;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.weekly-plans .pass-row__meta{display:block;font-size:.85rem;line-height:1.25;color:#666;margin-top:2px;}
.weekly-plans .pass-row__go{display:flex;align-items:center;justify-content:center;color:#76477b;font-size:0;min-width:18px;align-self:center;}
.weekly-plans .pass-row__go::after{content:"›";font-size:28px;font-weight:300;line-height:1;}
@media(max-width:600px){.weekly-plans .pass-row a{grid-template-columns:96px 1fr auto;gap:10px;min-height:70px;padding:0 10px 0 0;}.weekly-plans .pass-row__media{width:96px;min-height:70px;}.weekly-plans .pass-row__title{font-size:.95rem;}.weekly-plans .pass-row__meta{font-size:.8rem;}.weekly-plans .pass-row__go{font-size:0;min-width:16px;}.weekly-plans .pass-row__go::after{font-size:26px;}}
/* =========================== Weekly plans – äldre listor =========================== */
.hr-strong{border:0;border-top:2px solid #e6e2e0;margin:10px 0;}
.hr-thin{border:0;border-top:1px solid #ece9e7;margin:8px 0;}
.plan-list{list-style:none;margin:0;padding:0;}
.plan-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#333;font-size:1rem;line-height:1.4;text-align:left;}
.badge{display:inline-block;padding:4px 10px;border:1px solid #76477b;background:#76477b;color:#fff;border-radius:9999px;font-size:.85rem;line-height:1;white-space:nowrap;flex-shrink:0;margin-left:10px;font-weight:500;}

/* =========================== Mood guide – känslokort =========================== */
.mood-guide{max-width:1060px;margin:40px auto;text-align:center;}
.mood-guide__intro{max-width:760px;margin:0 auto 28px;}
.mood-guide__title{color:#76477b!important;font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:700;margin:0 0 10px;}
.mood-guide__text{font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.5;color:#444;margin:0;}
.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.mood-card{position:relative;display:block;min-height:140px;border-radius:26px;padding:24px;text-align:left;text-decoration:none!important;color:#fff!important;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.10);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;}
.mood-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.14);filter:saturate(105%);}
.mood-card::after{content:"→";position:absolute;right:22px;bottom:18px;font-size:28px;font-weight:300;line-height:1;color:currentColor;opacity:.8;transition:transform .25s ease,opacity .25s ease;}
.mood-card:hover::after{transform:translateX(5px);opacity:1;}
.mood-card__label{display:block;font-size:clamp(1.5rem,3vw,2rem);line-height:1.05;font-weight:700;margin:0 0 8px;color:inherit;}
.mood-card__text{display:block;max-width:280px;font-size:.98rem;line-height:1.4;color:inherit;opacity:.9;}
.mood-card--dark{color:#fff!important;}
.mood-card--light{color:#4d3d50!important;}
.mood-card--stark{background:linear-gradient(145deg,#7d647f,#5e4c61);}
.mood-card--lugn{background:linear-gradient(145deg,#b7b1a3,#908878);}
.mood-card--fokuserad{background:linear-gradient(145deg,#dfe2e6,#cfd3da);}
.mood-card--energi{background:linear-gradient(145deg,#ead4bf,#d8b89f);}
.mood-card--aterhamtad{background:linear-gradient(145deg,#d9d6c8,#bfb8a4);}
.mood-card--utmanad{background:linear-gradient(145deg,#87656c,#6d4d55);}
@media(max-width:900px){.mood-grid{grid-template-columns:repeat(2,1fr);gap:16px;}}
@media(max-width:600px){.mood-guide{max-width:calc(100% - 20px);margin:30px auto;}.mood-grid{grid-template-columns:repeat(2,1fr);gap:14px;}.mood-card{min-height:120px;padding:20px 18px;border-radius:22px;}.mood-card__label{font-size:1.35rem;line-height:1.05;}.mood-card__text{font-size:.9rem;line-height:1.35;}.mood-card::after{right:18px;bottom:14px;font-size:24px;}}


/* =========================== Mood pass grid – undersidor =========================== */
.mood-pass-page{max-width:1360px;margin:40px auto;}
.mood-pass-page__intro{max-width:760px;margin:0 auto 32px;text-align:center;}
.mood-pass-page__title{color:#76477b!important;font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:700;margin:0 0 10px;}
.mood-pass-page__text{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.5;color:#444;margin:0;}
.mood-pass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mood-pass-card{display:block;background:#fff;text-decoration:none!important;color:inherit;overflow:hidden;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease;}
.mood-pass-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.14);}
.mood-pass-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#000;}
.mood-pass-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s ease;}
.mood-pass-card:hover .mood-pass-card__media img{transform:scale(1.03);}
.mood-pass-card__body{display:block;background:#fff;padding:16px 16px 14px;text-align:left;min-height:84px;}
.mood-pass-card__title{display:block;font-size:1.08rem;font-weight:700;line-height:1.25;color:#555;margin:0 0 8px;}
.mood-pass-card__meta{display:block;font-size:.82rem;line-height:1.3;color:#555;margin:0;}
.mood-pass-card__text{display:none;}
@media(max-width:900px){.mood-pass-grid{grid-template-columns:repeat(2,1fr);gap:18px;}}
@media(max-width:600px){.mood-pass-page{max-width:calc(100% - 20px);margin:30px auto;}.mood-pass-grid{grid-template-columns:repeat(2,1fr);gap:14px;}.mood-pass-card{border-radius:10px;}.mood-pass-card__body{padding:12px;min-height:auto;}.mood-pass-card__title{font-size:.9rem;margin-bottom:5px;}.mood-pass-card__meta{font-size:.72rem;}}

/* =========================== Mood nav =========================== */
.mood-nav{max-width:1060px;margin:24px auto 34px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;}
.mood-nav a{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:9999px;text-decoration:none!important;font-size:1rem;font-weight:600;line-height:1;color:inherit;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;}
.mood-nav a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.14);filter:saturate(105%);}
.mood-nav__home{background:#ffffff;color:#76477b!important;}
.mood-nav__stark{background:linear-gradient(145deg,#7d647f,#5e4c61);color:#fff!important;}
.mood-nav__lugn{background:linear-gradient(145deg,#b7b1a3,#908878);color:#fff!important;}
.mood-nav__fokuserad{background:linear-gradient(145deg,#dfe2e6,#cfd3da);color:#4d3d50!important;}
.mood-nav__utmanad{background:linear-gradient(145deg,#87656c,#6d4d55);color:#fff!important;}
.mood-nav__energi{background:linear-gradient(145deg,#ead4bf,#d8b89f);color:#4d3d50!important;}
.mood-nav__aterhamtad{background:linear-gradient(145deg,#d9d6c8,#bfb8a4);color:#4d3d50!important;}
@media(max-width:700px){.mood-nav{max-width:calc(100% - 20px);gap:8px;margin:18px auto 24px;}.mood-nav a{height:38px;padding:0 14px;font-size:.85rem;}}
.weekly-intro .mood-nav{justify-content:flex-start;margin:0 auto 8px;}
.mood-guide{margin:0 auto 40px!important;}
.mood-guide>.mood-nav{justify-content:flex-start!important;margin:0 auto 8px auto!important;}

/* =========================== Nivå-ruta =========================== */
.level-card{border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:14px 16px;margin:8px 0;background:#fff;}
.level-card p{margin:0;padding:0;text-align:left;font-size:18px;line-height:1.5;color:#333;}
.cont_box.level-card{overflow:visible;}
@media(max-width:700px){.level-card{margin:12px 0;}}

/* =========================== Omdömen =========================== */
.quote{max-width:900px;margin:18px auto;padding:12px 0;border-top:1px solid #e6e2e0;}
.quote:first-of-type{border-top:0;}
.quote blockquote{margin:0 0 6px;font-size:18px;line-height:1.6;color:#333;}
.quote figcaption{font-weight:600;color:#636363;}

/* =========================== Movdoo headline =========================== */
.movdoo-headline{all:unset!important;display:block!important;color:#76477b!important;font-size:28px!important;line-height:1.2!important;font-weight:600!important;margin:0 0 10px 0!important;}

/* =========================== Training hub =========================== */
.training-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:32px;}
.hub-card{background:#fff;border-radius:16px;padding:28px 26px 24px;box-shadow:0 8px 24px rgba(0,0,0,.08);border-bottom:5px solid #76477b;}
.hub-card h4{margin:0 0 16px 0;color:#636363;font-size:clamp(1.9rem,2.6vw,2.3rem);font-weight:500;letter-spacing:-.5px;}
.hub-card p{font-size:17px;line-height:1.65;margin:0 0 20px 0;color:#444;}
.hub-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.hub-links a{display:inline-block;background-color:#76477b!important;color:#fff!important;padding:8px 14px;border-radius:6px;text-decoration:none!important;font-size:16px;font-weight:500;line-height:1.35;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.14);}
.hub-links a:hover{background-color:#5e3763!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.18);}
@media(max-width:700px){.training-hub{gap:18px;margin-top:22px;}.hub-card{padding:22px 20px 18px;border-radius:12px;}.hub-card p{font-size:16px;}.hub-links a{font-size:15px;padding:7px 12px;}}