/* pastel-fonter.css */
@font-face{font-family:'Fredoka';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/fredoka-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/fredoka-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/nunito-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/nunito-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/space-mono-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/space-mono-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/space-mono-latin-ext-700.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/space-mono-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* pastel.css */
:root{
--pink:#FF6FA0;
--pink-deep:#E8467A;
--pink-pale:#FFE3EE;
--cream:#FFF7EC;
--cream-deep:#FFEFDA;
--sky:#7DD8F0;
--sky-pale:#DFF6FC;
--mint:#BFF0DA;
--brown:#9C7458;
--ink:#3B2436;
--ink-soft:#6B4E5C;
--white:#FFFFFF;
--radius-lg:28px;
--radius-md:18px;
--radius-sm:12px;
--shadow-soft:0 10px 30px rgba(58,42,36,0.10);
--shadow-pop:0 16px 40px rgba(232,70,122,0.22);
--line:rgba(58,42,36,0.15);
--pink-soft:#FFE3EE;
--footer:#2E1C29;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
font-family:'Nunito',sans-serif;
color:var(--ink);
background:var(--cream);
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
h1,h2,h3,h4{
font-family:'Fredoka',sans-serif;
margin:0;
font-weight:600;
color:var(--ink);
}
p{line-height:1.6;margin:0 0 1em;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
img,svg{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.eyebrow{
font-family:'Space Mono',monospace;
font-size:0.78rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--pink-deep);
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:10px;
}
.eyebrow::before{content:none;}
.section-title{font-size:clamp(1.6rem,3.4vw,2.6rem);margin-bottom:14px;}
.section-sub{max-width:560px;color:var(--ink-soft);font-size:1.02rem;}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:14px 28px;border-radius:999px;font-weight:800;font-size:0.98rem;
transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .18s ease;
white-space:nowrap;
}
.btn:hover{transform:translateY(-2px) scale(1.02);}
.btn:active{transform:translateY(0) scale(0.98);}
.btn-primary{background:var(--pink-deep);color:var(--white);box-shadow:var(--shadow-pop);}
.btn-primary:hover{background:var(--pink);}
.btn-outline{background:var(--white);color:var(--pink-deep);border:2px solid var(--pink-deep);}
.btn-ghost{background:var(--white);color:var(--ink);box-shadow:var(--shadow-soft);}
.btn-sm{padding:9px 18px;font-size:0.85rem;}
.btn-full{width:100%;}
.btn[disabled]{opacity:0.5;cursor:not-allowed;transform:none !important;}
.scallop{height:22px;width:100%;position:relative;z-index:2;}
.scallop-cream-down{background:radial-gradient(circle at 11px 0, transparent 11px, var(--cream) 12px) 0 -11px/22px 22px repeat-x;}
.scallop-pink-down{background:radial-gradient(circle at 11px 0, transparent 11px, var(--pink-pale) 12px) 0 -11px/22px 22px repeat-x;}
.scallop-white-down{background:radial-gradient(circle at 11px 0, transparent 11px, var(--white) 12px) 0 -11px/22px 22px repeat-x;}
.scallop-cream-up{background:radial-gradient(circle at 11px 22px, transparent 11px, var(--cream) 12px) 0 0/22px 22px repeat-x;}
.scallop-sky-up{background:radial-gradient(circle at 11px 22px, transparent 11px, var(--sky-pale) 12px) 0 0/22px 22px repeat-x;}
.scallop-muslin-up{background:radial-gradient(circle at 11px 22px, transparent 11px, var(--cream-deep) 12px) 0 0/22px 22px repeat-x;}.stitch{border-bottom:2px dashed rgba(58,42,36,0.28);}
.hearts-layer{position:fixed;inset:0;pointer-events:none;z-index:4;overflow:hidden;}
.levitate-heart{
position:absolute;color:var(--pink-deep);opacity:0;
animation:heart-drift ease-in-out forwards;will-change:transform,opacity;
}
@keyframes heart-drift{
0%{transform:translate(0,0) scale(0.85);opacity:0;}
18%{opacity:.4;}
50%{transform:translate(var(--driftx,6px), -10px) scale(1);opacity:.5;}
82%{opacity:.35;}
100%{transform:translate(0,0) scale(0.85);opacity:0;}
}
@media (prefers-reduced-motion: reduce){
.float-heart, .levitate-heart{animation:none !important;display:none;}
html{scroll-behavior:auto;}
}
.muslin-bg{
background-color:var(--cream-deep);
background-repeat:repeat;
background-size:512px 512px;
}
.pat-muslin-hearts{
background-color:#F7C9DA;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M10 5 C10 2 5 2 5 6 C5 9 10 13 10 13 C10 13 15 9 15 6 C15 2 10 2 10 5Z' fill='%23ffffff' opacity='0.6'/%3E%3C/svg%3E"),
repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 1px, transparent 1px 5px),
repeating-linear-gradient(0deg, rgba(255,255,255,0.4) 0 1px, transparent 1px 5px);
background-size:40px 40px, 5px 5px, 5px 5px;
}
.site-header{
position:sticky;top:0;z-index:50;background:rgba(255,247,236,0.92);
backdrop-filter:blur(8px);
border-bottom:1px solid rgba(58,42,36,0.08);
}
.trust-strip{
background:var(--ink);color:var(--cream);font-family:'Space Mono',monospace;
font-size:0.78rem;letter-spacing:0.02em;text-align:center;padding:7px 12px;
}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:20px;}
.logo{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:700;color:var(--pink-deep);display:flex;align-items:center;gap:6px;}
.logo span.dot{color:var(--sky);}
nav.main-nav{display:flex;gap:26px;}
nav.main-nav a{font-weight:700;font-size:0.92rem;position:relative;padding:4px 0;}
nav.main-nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--pink-deep);transition:width .2s ease;}
nav.main-nav a:hover::after{width:100%;}
.header-actions{display:flex;align-items:center;gap:14px;}
.lang-pill{
display:flex;align-items:center;gap:6px;font-size:0.82rem;font-weight:700;
background:var(--white);padding:7px 12px;border-radius:999px;box-shadow:var(--shadow-soft);
}
.cart-btn{
position:relative;background:var(--pink-deep);color:white;width:44px;height:44px;
border-radius:50%;display:flex;align-items:center;justify-content:center;
box-shadow:var(--shadow-pop);flex-shrink:0;
}
.cart-count{
position:absolute;top:-4px;right:-4px;background:var(--sky);color:var(--ink);
font-family:'Space Mono',monospace;font-size:0.75rem;font-weight:700;
width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
border:2px solid var(--cream);
}
.burger{display:none;background:var(--white);border-radius:12px;padding:9px 12px;box-shadow:var(--shadow-soft);flex-shrink:0;}
.hero{position:relative;overflow:hidden;background:var(--cream);padding:56px 0 0;}
.hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:48px;align-items:center;}
.hero-copy h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08;margin-bottom:20px;}
.hero-copy h1 em{font-style:normal;color:var(--pink-deep);}
.hero-copy p.lede{font-size:1.08rem;color:var(--ink-soft);max-width:460px;margin-bottom:26px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px;}
.trust-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.trust-row .badge{
display:flex;align-items:center;gap:7px;font-size:0.78rem;font-weight:700;color:var(--ink-soft);
background:var(--white);padding:8px 12px;border-radius:999px;box-shadow:var(--shadow-soft);
}
.hero-art{position:relative;height:440px;}
.float-heart{position:absolute;color:var(--pink);opacity:.35;font-size:1.4rem;animation:floaty 6s ease-in-out infinite;}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-16px) rotate(8deg);}}
.hero-card{
position:absolute;border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);
display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:var(--white);
overflow:hidden;
}
.hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 100%);z-index:1;pointer-events:none;}
.hero-card .tag{
align-self:flex-start;background:rgba(255,255,255,0.92);color:var(--pink-deep);
font-family:'Space Mono',monospace;font-size:0.75rem;font-weight:700;letter-spacing:.03em;
padding:5px 10px;border-radius:999px;margin-bottom:auto;
}
.hero-card .card-label{font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.05rem;text-shadow:0 2px 8px rgba(0,0,0,.15);}
.card-1{width:280px;height:340px;top:0;right:40px;z-index:2;}
.card-2{width:200px;height:230px;bottom:0;left:0;z-index:1;transform:rotate(-6deg);}
.pat-hearts{background-color:var(--pink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M10 5 C10 2 5 2 5 6 C5 9 10 13 10 13 C10 13 15 9 15 6 C15 2 10 2 10 5Z' fill='%23ffffff' opacity='0.55'/%3E%3C/svg%3E");}
.pat-hearts-cream{background-color:#F4C9DA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M10 5 C10 2 5 2 5 6 C5 9 10 13 10 13 C10 13 15 9 15 6 C15 2 10 2 10 5Z' fill='%23ffffff' opacity='0.7'/%3E%3C/svg%3E");}
.pat-hearts-red{background-color:#FBD7DE;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M10 5 C10 2 5 2 5 6 C5 9 10 13 10 13 C10 13 15 9 15 6 C15 2 10 2 10 5Z' fill='%23E23B4D' opacity='0.85'/%3E%3C/svg%3E");}
.pat-hearts-brown{background-color:#D8B79A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M10 5 C10 2 5 2 5 6 C5 9 10 13 10 13 C10 13 15 9 15 6 C15 2 10 2 10 5Z' fill='%239C7458' opacity='0.75'/%3E%3C/svg%3E");}
.pat-stripes{background:repeating-linear-gradient(115deg, var(--sky), var(--sky) 14px, #ffffff 14px, #ffffff 28px);}
.pat-jersey-pink{background-color:#FFC3D9;background-image:radial-gradient(#ffffff 2px, transparent 2.4px);background-size:16px 16px;}
.pat-jersey-white{background-color:#F3F0EC;background-image:radial-gradient(#FF6FA0 2px, transparent 2.4px);background-size:16px 16px;}
.pat-transferly{background:radial-gradient(circle at 30% 30%, #FFEFDA, #EAD9C4 70%);background-image:radial-gradient(rgba(156,116,88,0.35) 1.6px, transparent 2px);background-size:12px 12px;}
.pat-waffle{background-color:var(--pink);background-image:repeating-conic-gradient(rgba(255,255,255,0.28) 0% 25%, transparent 0% 50%);background-size:16px 16px;}
.pat-solid-grey{background:#D8D3D6;}
.pat-cream-dress{background-color:#FBEEDD;background-image:linear-gradient(180deg, rgba(255,255,255,.5), transparent 40%);}
section{position:relative;}
.section-pad{padding:76px 0;}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;flex-wrap:wrap;}
.carousel-wrap{position:relative;}
.carousel{display:flex;gap:20px;overflow-x:auto;padding:6px 4px 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.carousel::-webkit-scrollbar{height:6px;}
.carousel::-webkit-scrollbar-thumb{background:var(--pink-pale);border-radius:10px;}
.carousel .product-card{min-width:250px;scroll-snap-align:start;}
.product-card{
background:var(--white);border-radius:var(--radius-md);overflow:hidden;
box-shadow:var(--shadow-soft);transition:transform .2s ease, box-shadow .2s ease;
display:flex;flex-direction:column;
}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-pop);}
.product-media{height:210px;position:relative;overflow:hidden;}
.product-media img, .hero-card img, .ci-media img, .result-media img, .omoss-media img, .ugc-tile img{width:100%;height:100%;object-fit:cover;display:block;}
.product-media .badge-fly{
position:absolute;top:10px;left:10px;background:var(--white);color:var(--pink-deep);
font-family:'Space Mono',monospace;font-size:0.75rem;font-weight:700;letter-spacing:.02em;
padding:5px 9px;border-radius:999px;box-shadow:var(--shadow-soft);
}
.product-media .badge-fly.low{color:#B23A3A;}
.product-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.product-cat{font-family:'Space Mono',monospace;font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}
.product-name{font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.0rem;}
.swatch-row{display:flex;gap:6px;align-items:center;}
.swatch{width:16px;height:16px;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 0 1px rgba(58,42,36,0.18);flex-shrink:0;}
.swatch-btn{width:20px;height:20px;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 0 1px rgba(58,42,36,0.18);flex-shrink:0;cursor:pointer;padding:0;transition:transform .15s ease;background-size:12px 12px;}
.swatch-btn:hover{transform:scale(1.12);}
.swatch-btn.active{box-shadow:0 0 0 2px var(--pink-deep);}
.swatch-btn:focus-visible, .size-pill:focus-visible, .filter-pill:focus-visible, .btn:focus-visible{
outline:2.5px solid var(--pink-deep);outline-offset:2px;
}
.size-row{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0;}
.size-pill{
font-size:0.875rem;font-weight:700;padding:7px 13px;border-radius:999px;border:1.5px solid rgba(58,42,36,0.15);
color:var(--ink-soft);
}
.size-pill.active{background:var(--pink-deep);border-color:var(--pink-deep);color:white;}
.size-pill[disabled]{opacity:0.55;text-decoration:line-through;cursor:not-allowed;background:repeating-linear-gradient(135deg,rgba(58,42,36,0.06),rgba(58,42,36,0.06) 3px,transparent 3px,transparent 6px);}
.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px;flex-wrap:wrap;}
.price{font-family:'Space Mono',monospace;font-weight:700;font-size:1rem;color:var(--ink);}
.delivery-micro{font-size:0.78rem;color:var(--ink-soft);display:flex;align-items:center;gap:5px;}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;}
.filter-pill{
padding:9px 18px;border-radius:999px;font-weight:700;font-size:0.85rem;
background:var(--white);box-shadow:var(--shadow-soft);color:var(--ink-soft);
border:2px solid transparent;transition:all .15s ease;
}
.filter-pill.active{background:var(--pink-deep);color:white;box-shadow:var(--shadow-pop);}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.tilpasning-section{background:var(--pink-pale);}
.tilpasning-box{
background:var(--white);border-radius:var(--radius-lg);padding:44px;
display:grid;grid-template-columns:1fr 1fr;gap:40px;box-shadow:var(--shadow-soft);
}
.tilpasning-list{display:flex;flex-direction:column;gap:16px;margin:20px 0 26px;}
.tilpasning-item{display:flex;gap:12px;align-items:flex-start;}
.tilpasning-item .ic{
width:34px;height:34px;border-radius:50%;background:var(--sky-pale);color:var(--ink);
display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;
}
.tilpasning-item strong{display:block;font-size:0.95rem;}
.tilpasning-item span{font-size:0.85rem;color:var(--ink-soft);}
.fee-note{
background:var(--cream-deep);border-radius:var(--radius-sm);padding:14px 16px;font-size:0.85rem;
display:flex;gap:10px;align-items:center;margin-bottom:22px;
}
.form-field{margin-bottom:14px;}
.form-field label{display:block;font-size:0.82rem;font-weight:700;margin-bottom:6px;color:var(--ink-soft);}
.form-field input, .form-field select, .form-field textarea{
width:100%;padding:11px 14px;border-radius:12px;border:1.6px solid rgba(58,42,36,0.15);
font-family:'Nunito',sans-serif;font-size:0.92rem;background:var(--cream);
}
.form-field textarea{resize:vertical;min-height:80px;}
.levering-section{background:var(--sky-pale);}
.levering-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.levering-card{
background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-soft);
position:relative;overflow:hidden;
}
.levering-card .ic-big{font-size:2.1rem;margin-bottom:14px;}
.levering-card h3{font-size:1.3rem;margin-bottom:8px;}
.levering-days{
display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;
font-size:0.78rem;font-weight:700;background:var(--cream-deep);padding:7px 12px;border-radius:999px;margin-top:14px;
}
.levering-card.oslo{border:2px solid var(--pink);}
.levering-card ul{margin-top:14px;display:flex;flex-direction:column;gap:8px;}
.levering-card li{font-size:0.88rem;color:var(--ink-soft);padding-left:20px;position:relative;}
.levering-card li::before{content:"–";position:absolute;left:0;color:var(--ink-soft);font-size:0.85rem;top:0px;}
.quiz-section{background:var(--cream);}
.quiz-card{
max-width:620px;margin:0 auto;background:var(--white);border-radius:var(--radius-lg);
box-shadow:var(--shadow-pop);padding:40px;text-align:center;
}
.quiz-progress{display:flex;gap:6px;justify-content:center;margin-bottom:24px;}
.quiz-dot{width:34px;height:6px;border-radius:6px;background:var(--pink-pale);}
.quiz-dot.done{background:var(--pink-deep);}
.quiz-q{font-family:'Fredoka',sans-serif;font-size:1.25rem;margin-bottom:22px;}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.quiz-opt{
padding:16px;border-radius:16px;border:2px solid var(--pink-pale);font-weight:700;
background:var(--cream);transition:all .15s ease;font-size:0.92rem;
}
.quiz-opt:hover{border-color:var(--pink-deep);background:var(--pink-pale);}
.quiz-result{display:none;}
.quiz-result.show{display:block;}
.quiz-result .result-emoji{font-size:2.6rem;margin-bottom:6px;}
.quiz-result .result-card{
display:flex;gap:16px;align-items:center;text-align:left;background:var(--cream);
border-radius:16px;padding:14px;margin:20px 0;
}
.quiz-result .result-media{width:76px;height:76px;border-radius:12px;flex-shrink:0;}
.quiz-restart{margin-top:14px;font-size:0.85rem;color:var(--ink-soft);text-decoration:underline;cursor:pointer;}
.trust-section{background:var(--white);}
.stars-line{color:#F5B942;font-size:1.1rem;letter-spacing:2px;}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.review-card{background:var(--cream);border-radius:var(--radius-md);padding:22px;}
.review-card p{font-size:0.92rem;color:var(--ink-soft);}
.review-name{font-weight:800;font-size:0.88rem;margin-top:10px;}
.review-disclaimer{font-size:0.78rem;color:var(--ink-soft);margin-top:10px;font-style:italic;}
.ugc-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:34px;}
.ugc-tile{aspect-ratio:1;border-radius:14px;position:relative;overflow:hidden;}
.ugc-tile .ig-mark{position:absolute;bottom:8px;right:8px;color:#fff;font-size:0.9rem;opacity:.85;}
.omoss-section{}
.omoss-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:44px;align-items:center;}
.omoss-media{height:380px;border-radius:var(--radius-lg);}
.omoss-quote{font-family:'Fredoka',sans-serif;font-size:1.3rem;line-height:1.5;margin-bottom:18px;}
.omoss-more{display:none;}
.omoss-more.expanded{display:block;}
.signature{font-family:'Space Mono',monospace;font-size:0.8rem;color:var(--pink-deep);margin-top:18px;}
.kontakt-section{background:var(--ink);color:var(--cream);}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.kontakt-section .section-title{color:var(--cream);}
.kontakt-section .section-sub{color:rgba(255,247,236,0.7);}
.social-row{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;}
.social-btn{
display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,247,236,0.1);
color:var(--cream);border:1.5px solid rgba(255,247,236,0.2);transition:all .15s ease;font-size:0.82rem;font-weight:700;
}
.social-btn:hover{background:var(--pink-deep);border-color:var(--pink-deep);}
.contact-card{background:rgba(255,247,236,0.06);border:1.5px solid rgba(255,247,236,0.15);border-radius:var(--radius-lg);padding:30px;}
.contact-card p{color:rgba(255,247,236,0.75);font-size:0.92rem;}
footer{background:var(--footer);color:rgba(255,247,236,0.65);padding:44px 0 26px;font-size:0.85rem;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px;}
.footer-grid h4{color:var(--cream);font-size:0.85rem;font-family:'Nunito',sans-serif;font-weight:800;margin-bottom:12px;letter-spacing:.02em;}
.footer-grid li{margin-bottom:8px;}
.footer-grid a:hover{color:var(--pink);}
.footer-grid button.linklike{color:inherit;text-align:left;font-size:inherit;text-decoration:none;}
.footer-grid button.linklike:hover{color:var(--pink);}
.pay-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.pay-badge{
background:rgba(255,247,236,0.08);padding:6px 12px;border-radius:8px;font-family:'Space Mono',monospace;
font-size:0.75rem;font-weight:700;color:var(--cream);
}
.footer-bottom{
border-top:1px solid rgba(255,247,236,0.12);padding-top:20px;
display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:0.76rem;
}
.product-modal-overlay{position:fixed;inset:0;background:rgba(58,42,36,0.5);z-index:105;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.product-modal-overlay.show{opacity:1;pointer-events:auto;}
.product-modal{
position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.96);
width:920px;max-width:94vw;max-height:90vh;background:var(--white);border-radius:var(--radius-lg);
z-index:110;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:all .22s ease;
display:flex;overflow:hidden;
}
.product-modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);}
.pm-gallery{width:60%;flex-shrink:0;background:var(--cream);position:relative;display:flex;flex-direction:column;}
.pm-main-media{flex:1;position:relative;min-height:460px;}
.pm-main-media img{width:100%;height:100%;object-fit:cover;display:block;}
.pm-nav{
position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;
background:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);color:var(--ink);
}
.pm-nav.prev{left:10px;} .pm-nav.next{right:10px;}
.pm-thumbs{display:flex;gap:8px;padding:10px;overflow-x:auto;}
.pm-thumb{width:60px;height:60px;border-radius:10px;overflow:hidden;flex-shrink:0;border:2px solid transparent;opacity:0.6;}
.pm-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pm-thumb.active{border-color:var(--pink-deep);opacity:1;}
.pm-info{width:40%;padding:28px;overflow-y:auto;position:relative;}
.pm-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;background:var(--cream);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;}
.pm-cat{font-family:'Space Mono',monospace;font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pink-deep);margin-bottom:6px;}
.pm-name{font-family:'Fredoka',sans-serif;font-size:1.35rem;margin-bottom:10px;padding-right:30px;}
.pm-price{font-family:'Space Mono',monospace;font-weight:700;font-size:1.3rem;margin-bottom:16px;}
.pm-badge{display:inline-block;font-family:'Space Mono',monospace;font-size:0.75rem;font-weight:700;background:var(--pink-pale);color:var(--pink-deep);padding:5px 10px;border-radius:999px;margin-bottom:14px;}
.pm-secondary{margin-top:22px;padding-top:18px;border-top:1px solid rgba(58,42,36,0.1);}
@media (max-width:700px){
.product-modal{flex-direction:column;max-height:92vh;}
.pm-gallery, .pm-info{width:100%;}
.pm-main-media{min-height:300px;}
}
.size-modal-overlay{position:fixed;inset:0;background:rgba(58,42,36,0.5);z-index:115;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.size-modal-overlay.show{opacity:1;pointer-events:auto;}
.size-modal{
position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.96);
width:560px;max-width:92vw;max-height:82vh;background:var(--white);border-radius:var(--radius-lg);
z-index:120;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:all .22s ease;
display:flex;flex-direction:column;
}
.size-modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);}
.size-modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px dashed rgba(58,42,36,0.15);flex-shrink:0;}
.size-modal-body{overflow-y:auto;padding:18px 24px 26px;}
.size-table{width:100%;border-collapse:collapse;font-size:0.82rem;}
.size-table th, .size-table td{padding:8px 6px;text-align:center;border-bottom:1px solid rgba(58,42,36,0.1);}
.size-table th{font-family:'Space Mono',monospace;font-size:0.75rem;letter-spacing:.03em;text-transform:uppercase;color:var(--pink-deep);}
.size-table td:first-child, .size-table th:first-child{text-align:left;font-weight:800;}
.size-table tr:nth-child(even) td{background:var(--cream);}
.size-tip{font-size:0.82rem;color:var(--ink-soft);margin-top:16px;background:var(--pink-pale);padding:12px 14px;border-radius:12px;}
.size-tip a{color:var(--pink-deep);font-weight:800;text-decoration:underline;}
.size-guide-link{font-size:0.78rem;font-weight:700;color:var(--pink-deep);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;}
.pm-fit-row{font-size:0.85rem;margin-bottom:16px;}
.pm-fit-row strong{display:block;font-size:0.78rem;color:var(--ink-soft);font-weight:700;margin-bottom:10px;}
.pm-fit-scale{position:relative;height:4px;background:var(--pink-pale);border-radius:2px;margin:0 4px 8px;}
.pm-fit-dot{
position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--pink-deep);
transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--white), 0 2px 6px rgba(58,42,36,0.25);
transition:left .2s ease;
}
.pm-fit-labels{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--ink-soft);font-weight:700;}
.pm-fit-labels span.active{color:var(--pink-deep);}
.pm-replace-note{
display:flex;gap:8px;align-items:flex-start;background:var(--mint);border-radius:12px;
padding:10px 12px;font-size:0.8rem;color:var(--ink);margin-bottom:10px;
}
.pm-ship-badge{
display:inline-flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:0.78rem;
font-weight:700;color:var(--ink-soft);margin-bottom:16px;
}.overlay{position:fixed;inset:0;background:rgba(58,42,36,0.4);z-index:90;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.overlay.show{opacity:1;pointer-events:auto;}
.cart-drawer{
position:fixed;top:0;right:0;height:100%;width:400px;max-width:92vw;background:var(--cream);
z-index:100;box-shadow:-10px 0 40px rgba(0,0,0,0.2);transform:translateX(100%);
transition:transform .3s cubic-bezier(.34,1.1,.64,1);display:flex;flex-direction:column;
}
.cart-drawer.open{transform:translateX(0);}
.cart-head{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 14px;border-bottom:2px dashed rgba(58,42,36,0.15);}
.cart-close{width:36px;height:36px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.cart-items{flex:1;overflow-y:auto;padding:16px 22px;}
.cart-empty{text-align:center;padding:60px 20px;color:var(--ink-soft);}
.cart-empty .emoji{font-size:2.4rem;margin-bottom:10px;}
.cart-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid rgba(58,42,36,0.08);cursor:pointer;}
.cart-item:hover .ci-name{color:var(--pink-deep);}
.cart-suggestions{padding:14px 22px;border-top:2px dashed rgba(58,42,36,0.15);max-height:280px;overflow-y:auto;flex-shrink:0;}
.cart-suggestions-title{font-family:'Fredoka',sans-serif;font-weight:600;font-size:0.92rem;margin-bottom:10px;}
.suggestion-card{display:flex;gap:10px;align-items:flex-start;background:var(--cream);border-radius:14px;padding:10px;margin-bottom:10px;}
.sg-media{width:56px;height:56px;border-radius:10px;flex-shrink:0;overflow:hidden;}
.sg-media img{width:100%;height:100%;object-fit:cover;display:block;}
.sg-body{flex:1;min-width:0;}
.sg-name{font-weight:800;font-size:0.8rem;}
.sg-price{font-size:0.76rem;color:var(--ink-soft);margin:2px 0 6px;}
.sg-sizes{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px;}
.sg-sizes .size-pill{font-size:0.75rem;padding:4px 9px;}
.sg-add-btn{width:100%;}
.cart-item .ci-media{width:64px;height:64px;border-radius:12px;flex-shrink:0;}
.cart-item .ci-body{flex:1;min-width:0;}
.cart-item .ci-name{font-weight:800;font-size:0.9rem;}
.cart-item .ci-meta{font-size:0.78rem;color:var(--ink-soft);margin:2px 0 6px;}
.qty-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.qty-control button{width:24px;height:24px;border-radius:50%;background:var(--pink-pale);font-weight:800;flex-shrink:0;}
.ci-remove{font-size:0.78rem;color:#B23A3A;text-decoration:underline;margin-left:6px;}
.cart-foot{padding:18px 22px 24px;border-top:2px dashed rgba(58,42,36,0.15);}
.postnr-row{display:flex;gap:8px;margin-bottom:12px;}
.postnr-row input{flex:1;padding:10px 12px;border-radius:10px;border:1.6px solid rgba(58,42,36,0.15);font-size:0.85rem;min-width:0;}
.delivery-est{font-size:0.82rem;background:var(--mint);padding:9px 12px;border-radius:10px;margin-bottom:14px;display:none;}
.delivery-est.show{display:block;}
.subtotal-row{display:flex;justify-content:space-between;font-family:'Fredoka',sans-serif;font-size:1.02rem;margin-bottom:8px;}
.subtotal-row.total{font-size:1.2rem;margin-top:6px;border-top:1px dashed rgba(58,42,36,0.2);padding-top:10px;}
.pay-icons-row{display:flex;gap:8px;margin-top:12px;justify-content:center;}
.policy-overlay{position:fixed;inset:0;background:rgba(58,42,36,0.5);z-index:105;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.policy-overlay.show{opacity:1;pointer-events:auto;}
.policy-modal{
position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.96);
width:700px;max-width:92vw;max-height:84vh;background:var(--white);border-radius:var(--radius-lg);
z-index:110;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:all .22s ease;
display:flex;flex-direction:column;
}
.policy-modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);}
.policy-modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:2px dashed rgba(58,42,36,0.15);}
.policy-modal-body{overflow-y:auto;padding:20px 26px 30px;font-size:0.88rem;color:var(--ink-soft);}
.policy-modal-body h4{color:var(--ink);font-size:1rem;margin:20px 0 8px;}
.policy-modal-body h4:first-child{margin-top:0;}
.policy-modal-body p{margin-bottom:10px;}
.policy-modal-body strong{color:var(--ink);}
.toast{
position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
background:var(--ink);color:var(--cream);padding:12px 22px;border-radius:999px;font-weight:700;font-size:0.85rem;
z-index:200;opacity:0;pointer-events:none;transition:all .3s ease;max-width:88vw;text-align:center;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}.suggest-toast{
position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
background:var(--white);color:var(--ink);padding:12px 14px 12px 16px;border-radius:18px;
box-shadow:var(--shadow-pop);display:flex;align-items:center;gap:12px;
z-index:200;opacity:0;pointer-events:none;transition:all .3s ease;max-width:92vw;
}
.suggest-toast.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.suggest-toast-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--cream);}
.suggest-toast-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.suggest-toast-text{font-size:0.8rem;line-height:1.25;flex:1;min-width:0;}
.suggest-toast-text strong{display:block;font-family:'Fredoka',sans-serif;font-size:0.88rem;font-weight:600;}
.suggest-toast-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0;}
.suggest-toast-add{background:var(--pink-deep);color:white;border:none;border-radius:999px;padding:7px 14px;font-size:0.76rem;font-weight:700;cursor:pointer;white-space:nowrap;}
.suggest-toast-dismiss{background:none;border:none;color:var(--ink-soft);font-size:0.78rem;cursor:pointer;padding:2px;}
@media (max-width:520px){ .suggest-toast{ left:12px; right:12px; transform:translateY(20px); max-width:none; } .suggest-toast.show{ transform:translateY(0); } }
@media (max-width:980px){
nav.main-nav{display:none;}
.nav-row{position:relative;}
nav.main-nav.nav-open{
display:flex;position:absolute;top:calc(100% + 6px);right:16px;left:16px;gap:4px;
max-height:calc(100vh - 160px);overflow-y:auto;
background:var(--white);flex-direction:column;padding:16px 22px;
border-radius:16px;box-shadow:var(--shadow-pop);z-index:60;
}
.burger{display:flex;}
.hero-grid, .tilpasning-box, .levering-grid, .omoss-grid, .kontakt-grid{grid-template-columns:1fr;}
.hero-art{height:300px;margin-top:10px;}
.card-1{width:230px;height:280px;right:10px;}
.card-2{width:160px;height:190px;}
.product-grid{grid-template-columns:repeat(2,1fr);}
.reviews-grid{grid-template-columns:1fr;}
.ugc-strip{grid-template-columns:repeat(3,1fr);}
.footer-grid{grid-template-columns:1fr 1fr;}
.section-pad{padding:56px 0;}
.omoss-media{height:260px;}
}
@media (max-width:560px){
.container{padding:0 16px;}
.nav-row{padding:12px 16px;}
.product-grid{grid-template-columns:1fr 1fr;gap:12px;}
.product-media{height:150px;}
.quiz-options{grid-template-columns:1fr;}
.quiz-card{padding:26px 20px;}
.footer-grid{grid-template-columns:1fr;}
.ugc-strip{grid-template-columns:repeat(3,1fr);}
.hero-art{height:260px;}
.card-1{width:190px;height:230px;top:0;right:0;}
.card-2{width:130px;height:150px;bottom:0;left:0;}
.trust-strip{font-size:0.75rem;letter-spacing:0;line-height:1.45;padding:8px 12px;}
.tilpasning-box{padding:22px;}
.levering-card{padding:22px;}
.hero-ctas .btn, .btn-full{width:100%;}
.hero-ctas{flex-direction:column;}
.cart-drawer{width:100vw;max-width:100vw;}
.policy-modal{width:94vw;max-height:88vh;}
}
.product-media .pc-alt{position:absolute;inset:0;opacity:0;transition:opacity .35s ease;z-index:1;}
.product-media .badge-fly{z-index:2;}
@media (hover:hover) and (pointer:fine){
.product-card:hover .pc-alt[src]{opacity:1;}
}
.pp-main{position:relative;}
.pp-main .pp-ghost, .product-media .pp-ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
opacity:1;transition:opacity .45s ease;pointer-events:none;}
.pp-main .pp-ghost.ut, .product-media .pp-ghost.ut{opacity:0;}
.product-card.pc-farge .pc-alt[src]{opacity:0 !important;}
.fly-heart{position:fixed;left:0;top:0;z-index:200;pointer-events:none;
color:#E8467A;font-size:1.5rem;line-height:1;will-change:transform,opacity;
filter:drop-shadow(0 0 1.5px rgba(255,255,255,.95)) drop-shadow(0 2px 6px rgba(232,70,122,.35));}
.cart-btn.bump{animation:cart-bump .45s cubic-bezier(.34,1.56,.64,1);}
.cart-count.bump{animation:count-pop .45s cubic-bezier(.34,1.56,.64,1);}
@keyframes cart-bump{0%{transform:scale(1);}40%{transform:scale(1.16);}100%{transform:scale(1);}}
@keyframes count-pop{0%{transform:scale(1);}40%{transform:scale(1.45);}100%{transform:scale(1);}}@media (prefers-reduced-motion: reduce){
.product-media .pc-alt, .pp-main .pp-ghost{transition:none;}
.fly-heart{display:none;}
.cart-btn.bump, .cart-count.bump{animation:none;}
}
.sok-skjult{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.search-btn{
background:var(--white);color:var(--ink);width:44px;height:44px;border-radius:50%;
display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);flex-shrink:0;
transition:color .15s ease;
}
.search-btn:hover, .search-btn[aria-expanded="true"]{color:var(--pink-deep);}
.sok-panel{border-top:1px solid rgba(58,42,36,0.08);padding:14px 0 18px;}
.sok-panel[hidden]{display:none;}
.sok-form{position:relative;display:flex;align-items:center;max-width:720px;margin:0 auto;}
.sok-form .sok-ikon{position:absolute;left:18px;color:var(--ink-soft);pointer-events:none;}
.sok-form input, .sok-side-form input{
width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--white);
border:1.5px solid rgba(58,42,36,0.14);border-radius:999px;padding:12px 48px 12px 46px;
-webkit-appearance:none;appearance:none;
}
.sok-form input:focus, .sok-side-form input:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-pale);}
.sok-form input::-webkit-search-cancel-button{-webkit-appearance:none;display:none;}
.sok-lukk{position:absolute;right:6px;width:36px;height:36px;border-radius:50%;border:none;background:none;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.sok-lukk:hover{background:var(--pink-pale);color:var(--pink-deep);}
.sok-forslag{max-width:720px;margin:10px auto 0;}
.sok-liste{list-style:none;margin:0;padding:0;}
.sok-liste:empty{display:none;}
.sok-liste li a{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:14px;color:var(--ink);text-decoration:none;}
.sok-liste li a:hover, .sok-liste li[aria-selected="true"] a{background:var(--white);box-shadow:var(--shadow-soft);}
.sok-liste img, .sok-liste .sok-uten-bilde{width:48px;height:64px;object-fit:cover;border-radius:10px;flex-shrink:0;background:var(--pink-pale);}
.sok-liste .sok-navn{font-weight:700;font-size:0.95rem;line-height:1.3;}
.sok-liste .sok-pris{font-family:'Space Mono',monospace;font-size:0.82rem;color:var(--ink-soft);margin-top:2px;}
.sok-liste .sok-status{font-size:0.75rem;font-weight:700;color:var(--pink-deep);margin-left:8px;font-family:'Nunito',sans-serif;}
.sok-liste .sok-alle a{justify-content:center;font-weight:700;color:var(--pink-deep);padding:12px 10px;}
.sok-liste .sok-kolleksjon a{padding:6px 10px;font-size:0.9rem;}
.sok-liste .sok-kolleksjon a span{color:var(--ink-soft);font-weight:400;margin-right:6px;}
.sok-melding{padding:10px 12px;color:var(--ink-soft);font-size:0.92rem;}
.sok-tips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 2px;}
.sok-tips[hidden]{display:none;}
.sok-tips-tittel{font-size:0.78rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.06em;margin-right:4px;}
.sok-tips .cat-pill{font-size:0.85rem;}
.sok-side-form{display:flex;gap:10px;max-width:620px;margin:0 0 22px;}
.sok-side-form input{padding:12px 20px;}
.sok-side-form .btn{flex-shrink:0;}
.sok-tomt{max-width:620px;line-height:1.7;color:var(--ink-soft);}
.sok-tomt strong{color:var(--ink);}
.sok-tomt .cat-pills{margin:14px 0 18px;}
.sok-merknad{color:var(--ink-soft);margin:-6px 0 18px;}
@media (max-width:980px){
.sok-panel{max-height:calc(100vh - 110px);overflow-y:auto;}
}
@media (max-width:560px){
.header-actions{gap:8px;}
.search-btn, .cart-btn{width:40px;height:40px;}
.sok-side-form .btn{width:auto;}
}
@media (max-width:400px){
.lang-pill{display:none;}
}
/* pastel-pages.css */
body.page-product,
body.page-category,
body.page-cart,
body.page-article,
body.page-404 { background: var(--cream); }.breadcrumb { padding: 14px 0 0; font-size: 0.8125rem; }
.breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.breadcrumb li { display: flex; align-items: center; gap: 6px; color: var(--ink-soft); }
.breadcrumb a { color: var(--ink-soft); text-decoration: none; }
.breadcrumb a:hover { color: var(--pink-deep); text-decoration: underline; }
.breadcrumb .sep { opacity: .45; }
.breadcrumb [aria-current] { font-weight: 700; color: var(--ink); }.pp-wrap { padding-top: 18px; padding-bottom: 70px; }
.pp-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 46px; align-items: start; }.pp-main {
background: var(--white); border-radius: var(--radius-lg); overflow: hidden;
box-shadow: var(--shadow-soft); aspect-ratio: 3 / 4;
}
.pp-main img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pp-main .pp-video { width: 100%; height: 100%; object-fit: cover; display: block; background: var(--white); }
.pp-main [hidden] { display: none; }
.pp-thumb-video { position: relative; }
.pp-thumb-video::after {
content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%);
border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff;
filter: drop-shadow(0 1px 2px rgba(0,0,0,.45));
}.pp-thumbs { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.pp-thumb {
width: 68px; height: 88px; border-radius: var(--radius-sm); overflow: hidden;
border: 2px solid transparent; padding: 0; background: var(--white); cursor: pointer;
transition: border-color .18s ease, transform .18s ease;
}
.pp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pp-thumb:hover { transform: translateY(-2px); }
.pp-thumb.active { border-color: var(--pink-deep); }.pp-buy { padding-top: 6px; }
.pp-cat-link { color: var(--pink-deep); text-decoration: none; }
.pp-cat-link:hover { text-decoration: underline; }
.pp-title {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 2rem;
line-height: 1.18; margin: 6px 0 10px; color: var(--ink);
}
.pp-badge-wrap { min-height: 0; }
.badge-fly.static { position: static; display: inline-block; margin-bottom: 8px; }
.pp-variant-name { font-size: 0.9rem; color: var(--ink-soft); font-weight: 700; }
.pp-price {
font-family: 'Space Mono', monospace; font-size: 1.7rem; font-weight: 700;
color: var(--pink-deep); margin: 4px 0 16px;
}
.pp-intro { font-size: 0.95rem; line-height: 1.65; color: var(--ink-soft); margin-bottom: 22px; }.pp-field { margin-bottom: 20px; }
.pp-field-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.pp-field-label { font-size: 0.8rem; font-weight: 800; color: var(--ink-soft); letter-spacing: .02em; }
.pp-swatches { gap: 10px; margin-top: 8px; }
.pp-swatches .swatch, .pc-swatches .swatch {
width: 24px; height: 24px; cursor: pointer; padding: 0; display: block;
transition: transform .15s ease, box-shadow .15s ease;
}
.pp-swatches .swatch:hover, .pc-swatches .swatch:hover { transform: scale(1.12); }
.swatch.active { box-shadow: 0 0 0 2px var(--pink-deep); }
.swatch.sold { opacity: .42; }#ppSizes .size-pill { cursor: pointer; background: var(--white); transition: all .15s ease; }
#ppSizes .size-pill:hover:not(.disabled) { border-color: var(--pink); }
#ppSizes .size-pill.active { background: var(--pink-deep); color: var(--white); border-color: var(--pink-deep); }#ppSizes .size-pill.disabled { opacity: .38; text-decoration: line-through; cursor: pointer; }
#ppSizes .size-pill.disabled.active { opacity: .7; }#ppSizes .size-pill.sys { border-style: dashed; }.pp-add { margin-bottom: 14px; }
.pp-add:disabled { opacity: .5; cursor: not-allowed; }.pp-waitlist {
background: var(--pink-pale); border-radius: var(--radius-sm);
padding: 14px 16px; margin: 0 0 14px;
}
.pp-waitlist[hidden], .pp-waitlist form[hidden] { display: none; }
.pp-waitlist-intro { font-size: 0.86rem; line-height: 1.55; margin: 0 0 10px; color: var(--ink); }
.pp-waitlist-hjelp { font-size: 0.8rem; color: var(--ink-soft); margin: -4px 0 10px; }
.pp-waitlist-guide {
background: none; border: 0; padding: 0; font: inherit; font-weight: 700;
color: var(--pink-deep); text-decoration: underline; cursor: pointer;
}
.pp-waitlist-label { display: block; font-size: 0.78rem; font-weight: 700; color: var(--ink-soft); margin-bottom: 6px; }
.pp-waitlist-row { display: flex; gap: 8px; flex-wrap: wrap; }
.pp-waitlist-row input {
flex: 1 1 180px; min-width: 0; padding: 11px 14px; font: inherit; font-size: 0.9rem;
border: 1.5px solid rgba(58,42,36,0.15); border-radius: 999px; background: var(--white); color: var(--ink);
}
.pp-waitlist-row input:focus { outline: 2.5px solid var(--pink-deep); outline-offset: 1px; }
.pp-waitlist-row .btn { flex: 0 0 auto; }
.pp-waitlist .tp-status { text-align: left; margin-top: 8px; }.pp-custom-note {
font-size: 0.82rem; line-height: 1.6; color: var(--ink-soft);
background: var(--sky-pale); border-radius: var(--radius-sm); padding: 12px 14px; margin-bottom: 14px;
}.pp-secondary { border-top: 1px solid rgba(58,42,36,.1); padding-top: 18px; margin-top: 6px; }
.pp-fit { margin-bottom: 18px; }
.pp-fit strong { display: block; font-size: 0.8rem; color: var(--ink-soft); margin-bottom: 10px; }
.pp-assurances { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.pp-assurances li {
font-size: 0.82rem; color: var(--ink-soft); padding-left: 20px; position: relative; line-height: 1.5;
}
.pp-assurances li::before {
content: "♥"; position: absolute; left: 0; top: 0; color: var(--pink); font-size: 0.8rem;
}
.pp-assurances a { color: var(--pink-deep); }.pp-detail {
display: grid; grid-template-columns: 1.6fr 1fr; gap: 40px;
margin-top: 58px; padding-top: 38px; border-top: 1px solid rgba(58,42,36,.1);
}
.pp-detail h2 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.4rem;
color: var(--ink); margin-bottom: 14px;
}
.pp-detail-main p { font-size: 0.95rem; line-height: 1.75; color: var(--ink-soft); margin-bottom: 15px; }
.pp-variant-desc {
font-style: italic; border-left: 3px solid var(--pink-pale); padding-left: 14px;
}
.pp-spec { background: var(--white); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-soft); }
.pp-spec h3 {
font-family: 'Fredoka', sans-serif; font-size: 0.95rem; color: var(--ink);
margin: 0 0 8px; font-weight: 600;
}
.pp-spec h3 + ul, .pp-spec h3 + p { margin-bottom: 18px; }
.pp-spec p { font-size: 0.86rem; color: var(--ink-soft); line-height: 1.6; }
.pp-spec ul { margin: 0; padding-left: 18px; }
.pp-spec li { font-size: 0.84rem; color: var(--ink-soft); line-height: 1.6; margin-bottom: 7px; }
.pp-spec-link a { color: var(--pink-deep); font-weight: 700; font-size: 0.84rem; }
.pp-spec-link + .pp-spec-link { margin-top: 6px; }.pp-fakta { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 0 0 18px; font-size: 0.86rem; line-height: 1.5; }
.pp-fakta dt { font-weight: 800; color: var(--ink); }
.pp-fakta dd { margin: 0; color: var(--ink-soft); }.pp-related { margin-top: 54px; }
.pp-related h2 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.45rem;
color: var(--ink); margin-bottom: 20px;
}
.pp-related-grid, .cat-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;
}
.pp-related-more { margin-top: 18px; }
.pp-related-more a { color: var(--pink-deep); font-weight: 700; text-decoration: none; }
.pp-related-more a:hover { text-decoration: underline; }.pc-link { text-decoration: none; color: inherit; display: block; }
.pc-name {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 0.95rem;
line-height: 1.35; color: var(--ink); padding: 14px 16px 0; margin: 0;
}
.pc-link:hover .pc-name { color: var(--pink-deep); }
.pc-price {
font-family: 'Space Mono', monospace; font-weight: 700; font-size: 0.95rem;
color: var(--pink-deep); padding: 6px 16px 0;
}
.pc-swatches { padding: 10px 16px 0; }:is(.product-grid, .pp-related-grid, .cat-grid) > .product-card .pc-name {
min-height: calc(2.7em + 14px);
min-height: calc(2lh + 14px);
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}.pc-buy { margin-top: auto; padding: 12px 16px 0; }
.pc-add {
white-space: normal; font-size: 0.86rem; line-height: 1.25;
padding: 10px 12px; min-height: 42px; height: auto;
}
.pc-add[aria-expanded="true"] {
background: var(--white); color: var(--pink-deep);
box-shadow: inset 0 0 0 2px var(--pink-deep);
}
.pc-sizes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.pc-sizes[hidden] { display: none; }
.pc-sizes .size-pill { cursor: pointer; background: var(--white); min-width: 38px; min-height: 32px; }
.pc-sizes .size-pill:hover { border-color: var(--pink); color: var(--pink-deep); }
.pc-sizes:not([hidden]) { animation: pc-sizes-inn .22s ease; }
@keyframes pc-sizes-inn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .pc-sizes:not([hidden]) { animation: none; } }.szp {
position: fixed; inset: auto 0 0 0; margin: 0; padding: 0; border: 0;
width: 100%; max-width: none; max-height: 88dvh; height: auto;
display: none; flex-direction: column; background: var(--white); color: var(--ink);
border-radius: 24px 24px 0 0; box-shadow: 0 -10px 40px rgba(58,42,36,0.18); overflow: hidden;
}
.szp[open] { display: flex; }
.szp::backdrop { background: rgba(58,42,36,0.22); }
@media (min-width: 721px) {
.szp { inset: 0 0 0 auto; width: 420px; height: 100dvh; max-height: none;
border-radius: 24px 0 0 24px; box-shadow: -10px 0 40px rgba(58,42,36,0.16); }
}
html.vl-laast, html.vl-laast body { overflow: hidden; }
.szp-hode { display: flex; gap: 14px; align-items: center; padding: 18px 20px 16px; border-bottom: 1px solid rgba(58,42,36,0.1); flex: 0 0 auto; }
@media (min-width: 721px) { .szp-hode { padding: 24px 24px 18px; } }
.szp-foto { width: 64px; height: 82px; flex: 0 0 auto; border-radius: 12px; overflow: hidden; background: var(--pink-pale); }
.szp-foto img { width: 100%; height: 100%; object-fit: cover; }
.szp-info { min-width: 0; }
.szp-tittel { font-size: 1.02rem; line-height: 1.25; margin: 0; }
.szp-farge { font-size: 0.8rem; color: var(--ink-soft); margin: 2px 0 0; }
.szp-pris { font-family: 'Space Mono', monospace; font-weight: 700; color: var(--pink-deep); margin-top: 3px; }
.szp-x { margin-left: auto; align-self: flex-start; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 50%;
display: grid; place-items: center; font-size: 1.4rem; line-height: 1; color: var(--ink-soft); }
.szp-x:hover { background: var(--cream); color: var(--ink); }
.szp-kropp { padding: 14px 20px 18px; overflow: auto; flex: 1 1 auto; }
@media (min-width: 721px) { .szp-kropp { padding: 18px 24px 24px; } }
.szp-etikett { display: flex; justify-content: space-between; align-items: baseline;
font-size: 0.82rem; font-weight: 800; color: var(--ink-soft); margin: 0 0 8px; }
.szp-guide { font-size: 0.8rem; font-weight: 700; color: var(--ink-soft); text-decoration: underline; text-underline-offset: 3px; }
.szp-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(58,42,36,0.1); }
.szp-liste li { border-bottom: 1px solid rgba(58,42,36,0.1); }
.szp-rad { width: 100%; display: flex; align-items: center; justify-content: space-between;
min-height: 50px; padding: 0 4px; font-size: 0.98rem; font-weight: 800; text-align: left; }
.szp-rad:hover .szp-str { color: var(--pink-deep); }
.szp-str { color: var(--ink); }
.szp-rad[aria-pressed="true"] .szp-str { color: var(--pink-deep); }.szp-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 0.8rem; font-weight: 700; color: var(--pink-deep); }
.szp-tag svg { width: 15px; height: 15px; }
.szp-boks { margin-top: 14px; padding: 16px; border-radius: 18px; background: var(--cream); }
.szp-boks h3 { font-size: 1rem; margin: 0 0 4px; }
.szp-boks p { font-size: 0.86rem; line-height: 1.5; color: var(--ink-soft); margin: 0 0 10px; }
.szp-boks .tp-status { text-align: left; margin: 6px 0 0; }
.szp-lenke { font-size: 0.82rem; font-weight: 700; color: var(--ink-soft); text-decoration: underline; text-underline-offset: 3px; padding: 4px 0; text-align: left; }
.szp-epost { display: block; width: 100%; box-sizing: border-box; min-height: 48px; padding: 10px 16px; margin: 0 0 4px;
font: inherit; font-size: 16px; color: var(--ink); border: 1.5px solid rgba(58,42,36,0.15);
border-radius: 999px; background: var(--white); }
.szp-epost:focus { outline: 2.5px solid var(--pink-deep); outline-offset: 1px; }
.szp-kjent { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 0.86rem;
padding: 10px 16px; background: var(--white); border-radius: 999px; margin-bottom: 4px; overflow-wrap: anywhere; }
.szp-ok { display: flex; gap: 12px; align-items: flex-start; margin-top: 14px; padding: 16px; border-radius: 18px; background: #eaf7ef; color: #24593a; }
.szp-ok svg { width: 22px; height: 22px; flex: 0 0 auto; color: var(--pink-deep); margin-top: 1px; }
.szp-ok p { margin: 0; font-size: 0.9rem; line-height: 1.5; }
.szp-bunn { padding: 14px 20px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(58,42,36,0.1); flex: 0 0 auto; }
@media (min-width: 721px) { .szp-bunn { padding: 18px 24px; } }
.szp-hoved { min-height: 48px; gap: 8px; }
.szp-hoved svg { width: 18px; height: 18px; }
.szp-hoved[disabled] { opacity: .45; cursor: default; }.pp-sys { margin: 12px 0 0; padding: 14px 16px; border-radius: 16px; background: var(--cream); }
.pp-sys[hidden] { display: none; }
.pp-sys-tid { margin: 0 0 4px; font-weight: 800; font-size: 0.9rem; color: var(--ink); }
.pp-sys-mer { margin: 0 0 6px; font-size: 0.84rem; line-height: 1.5; color: var(--ink-soft); }
.pp-sys-vl { font-size: 0.82rem; font-weight: 700; color: var(--ink-soft); text-decoration: underline; text-underline-offset: 3px; padding: 2px 0; text-align: left; }.ck-sysmerke { display: inline-block; margin-top: 4px; padding: 3px 10px; border-radius: 999px;
background: var(--pink-pale); color: var(--pink-deep); font-size: 0.78rem; font-weight: 800; }
.ck-sys { margin: 0 0 12px; padding: 12px 14px; border-radius: 14px; background: var(--cream);
font-size: 0.84rem; line-height: 1.5; color: var(--ink); }
.product-card { padding-bottom: 16px; }
.product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-pop); }.cat-wrap { padding-top: 18px; padding-bottom: 70px; }
.cat-head { max-width: 760px; margin-bottom: 26px; }
.cat-head h1 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 2.2rem;
color: var(--ink); margin: 10px 0 12px;
}
.cat-intro { font-size: 1.02rem; line-height: 1.7; color: var(--ink-soft); }.cat-pills { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 28px; }
.cat-pill {
font-size: 0.82rem; font-weight: 700; padding: 8px 16px; border-radius: 999px;
background: var(--white); color: var(--ink-soft); text-decoration: none;
border: 1.5px solid rgba(58,42,36,.12); transition: all .16s ease;
}
.cat-pill:hover { border-color: var(--pink); color: var(--pink-deep); }
.cat-pill.active { background: var(--pink-deep); color: var(--white); border-color: var(--pink-deep); }.cat-copy {
margin-top: 54px; padding-top: 34px; border-top: 1px solid rgba(58,42,36,.1); max-width: 760px;
}
.cat-copy h2 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.4rem;
color: var(--ink); margin-bottom: 14px;
}
.cat-copy p { font-size: 0.95rem; line-height: 1.75; color: var(--ink-soft); margin-bottom: 15px; }
.cat-copy a { color: var(--pink-deep); }.ck-wrap { padding-top: 18px; padding-bottom: 70px; }
.ck-wrap h1 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 2.2rem;
color: var(--ink); margin: 10px 0 24px;
}
.ck-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 34px; align-items: start; }.ck-item {
display: grid; grid-template-columns: 84px 1fr auto; gap: 16px; align-items: start;
background: var(--white); border-radius: var(--radius-md); padding: 14px;
box-shadow: var(--shadow-soft); margin-bottom: 12px;
}
.ck-media { display: block; width: 84px; height: 108px; border-radius: var(--radius-sm); overflow: hidden; background: var(--pink-pale); }
.ck-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ck-name {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 0.95rem;
color: var(--ink); text-decoration: none; display: block; line-height: 1.35;
}
.ck-name:hover { color: var(--pink-deep); }
.ck-meta { font-size: 0.8rem; color: var(--ink-soft); margin-top: 4px; }
.ck-warn { font-size: 0.78rem; color: var(--pink-deep); font-weight: 700; margin-top: 4px; }
.ck-qty { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.ck-qty button {
width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid rgba(58,42,36,.16);
background: var(--white); color: var(--ink); cursor: pointer; font-size: 0.95rem; line-height: 1;
}
.ck-qty button:hover:not(:disabled) { border-color: var(--pink); color: var(--pink-deep); }
.ck-qty button:disabled { opacity: .35; cursor: not-allowed; }
.ck-qty span { font-weight: 700; font-size: 0.88rem; min-width: 18px; text-align: center; }
.ck-remove {
width: auto !important; border: none !important; border-radius: 0 !important;
font-size: 0.78rem !important; color: var(--ink-soft) !important;
text-decoration: underline; margin-left: 6px; background: none !important;
}
.ck-price { font-family: 'Space Mono', monospace; font-weight: 700; font-size: 0.95rem; color: var(--pink-deep); white-space: nowrap; }.ck-summary {
background: var(--white); border-radius: var(--radius-md); padding: 24px;
box-shadow: var(--shadow-soft); position: sticky; top: 20px;
}
.ck-summary h2 { font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.2rem; margin: 0 0 16px; color: var(--ink); }
.ck-postnr label { display: block; font-size: 0.875rem; font-weight: 800; color: var(--ink-soft); margin-bottom: 6px; }
.ck-postnr-row { display: flex; gap: 8px; }
.ck-postnr-row input {
flex: 1; width: 0; min-width: 0; padding: 9px 12px; border-radius: var(--radius-sm);
border: 1.5px solid rgba(58,42,36,.15); font-family: inherit; font-size: 0.88rem;
}
.ck-estimate { font-size: 0.875rem; color: var(--ink-soft); margin: 8px 0 18px; line-height: 1.5; }
.ck-row { display: flex; justify-content: space-between; font-size: 0.9rem; color: var(--ink-soft); padding: 7px 0; }
.ck-row.ck-total {
font-weight: 800; color: var(--ink); font-size: 1.08rem;
border-top: 1px solid rgba(58,42,36,.1); margin-top: 6px; padding-top: 13px; margin-bottom: 16px;
}.ck-row span:last-child { font-family: 'Space Mono', monospace; font-weight: 700; color: var(--ink); }
.ck-row.ck-total span:last-child { font-size: 1.15rem; }
.pp-field[hidden] { display: none; }
.ck-fri { font-size: 0.875rem; color: var(--pink-deep); font-weight: 700; margin: 2px 0 4px; line-height: 1.5; }@media (max-width: 760px) {
input, select, textarea { font-size: 16px !important; }
}
.ck-error { color: var(--pink-deep); font-size: 0.82rem; font-weight: 700; margin-top: 10px; min-height: 1em; }
.ck-pay { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; margin-top: 16px; }
.ck-fineprint { font-size: 0.8125rem; color: var(--ink-soft); line-height: 1.55; margin-top: 14px; text-align: center; }
.ck-fineprint a, .ck-empty-links a { color: var(--pink-deep); }.ck-empty { text-align: center; padding: 50px 0; }
.ck-empty p { font-size: 1.05rem; color: var(--ink-soft); margin-bottom: 18px; }
.ck-empty-links { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 24px; font-size: 0.85rem; }.ck-suggest { margin-top: 26px; }
.ck-suggest h2 { font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.1rem; color: var(--ink); margin-bottom: 12px; }.ck-sg {
display: flex; gap: 12px; align-items: center; background: var(--white);
border-radius: var(--radius-sm); padding: 10px; margin-bottom: 8px;
box-shadow: var(--shadow-soft);
}
.ck-sg-media { flex-shrink: 0; }
.ck-sg img { display: block; width: 48px; height: 60px; object-fit: cover; border-radius: 8px; }
.ck-sg-info { flex: 1; min-width: 0; }
.ck-sg-navn { display: block; font-size: 0.85rem; color: var(--ink); font-weight: 700; text-decoration: none; line-height: 1.35; }
.ck-sg-navn:hover { color: var(--pink-deep); }
.ck-sg-pris { font-size: 0.85rem; color: var(--pink-deep); font-family: 'Space Mono', monospace; font-weight: 700; }
.ck-sg-farger { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.ck-sg-farger .swatch { width: 20px; height: 20px; padding: 0; cursor: pointer; }
.ck-sg-kjop { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; flex-shrink: 0; max-width: 50%; }
.ck-sg-kjop .btn { white-space: nowrap; }
.ck-sg-kjop .size-pill { cursor: pointer; background: var(--white); min-width: 38px; min-height: 36px; }
.ck-sg-kjop .size-pill:hover { background: var(--ink); color: var(--cream); }.article-wrap { padding-top: 18px; padding-bottom: 70px; max-width: 780px; }.tp-honning { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tp-status { margin: 10px 0 0; font-size: 0.86rem; font-weight: 700; text-align: center; }
.tp-status:empty { display: none; }
.tp-status-ok { color: #2f7a4f; }
.tp-status-feil { color: #b3261e; }
.article-head { margin-bottom: 34px; }
.article-head h1 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 2.2rem;
line-height: 1.2; color: var(--ink); margin: 10px 0 14px;
}
.article-lede { font-size: 1.05rem; line-height: 1.7; color: var(--ink-soft); }
.article-block { margin-bottom: 38px; }
.article-block h2 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.4rem;
color: var(--ink); margin-bottom: 14px;
}
.article-block h3 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.05rem;
color: var(--ink); margin: 0 0 8px;
}
.article-block p { font-size: 0.95rem; line-height: 1.75; color: var(--ink-soft); margin-bottom: 14px; }.article-block a:not(.btn) { color: var(--pink-deep); }
.article-rules { padding-left: 22px; }
.article-rules li { font-size: 0.95rem; line-height: 1.7; color: var(--ink-soft); margin-bottom: 14px; }
.article-rules strong { color: var(--ink); }.fabric-block {
background: var(--white); border-radius: var(--radius-md); padding: 20px 22px;
margin-bottom: 16px; box-shadow: var(--shadow-soft);
}
.fabric-block ul { padding-left: 18px; margin: 10px 0; }
.fabric-block li { font-size: 0.88rem; line-height: 1.6; color: var(--ink-soft); margin-bottom: 6px; }
.fabric-products { font-size: 0.84rem !important; margin: 12px 0 0 !important; }.article-cta { background: var(--pink-pale); border-radius: var(--radius-md); padding: 26px; }
.article-cta h2 { margin-top: 0; }
.policy-form { font-family: 'Space Mono', monospace; font-size: 0.82rem !important; line-height: 2.1 !important; }.notfound-wrap { padding-top: 70px; padding-bottom: 90px; text-align: center; max-width: 600px; }
.notfound-wrap h1 { font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 2rem; color: var(--ink); margin-bottom: 14px; }
.notfound-wrap p { color: var(--ink-soft); line-height: 1.7; margin-bottom: 20px; }
.notfound-links { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 30px; font-size: 0.85rem; }
.notfound-links a { color: var(--pink-deep); }@media (max-width: 980px) {
.pp-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.pp-detail { grid-template-columns: 1fr; gap: 26px; }
.ck-grid { grid-template-columns: minmax(0, 1fr); }
.ck-summary { position: static; }
.pp-related-grid, .cat-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
.pp-related-grid, .cat-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
.pp-title { font-size: 1.55rem; }
.cat-head h1, .article-head h1 { font-size: 1.7rem; }
.ck-wrap h1 { font-size: 1.6rem; }
.pp-price { font-size: 1.4rem; }
.pp-thumb { width: 56px; height: 72px; }
.ck-item { grid-template-columns: 68px 1fr; }
.ck-media { width: 68px; height: 88px; }
.ck-price { grid-column: 2; text-align: right; }
.pc-name { font-size: 0.86rem; padding: 12px 12px 0; }
.pc-price, .pc-swatches, .pc-buy { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 420px) {
.pp-related-grid, .cat-grid { grid-template-columns: 1fr 1fr; gap: 11px; }
}.ck-pay .pay-badge {
background: var(--pink-pale); color: var(--ink);
border: 1px solid rgba(58,42,36,.08);
}.blog-list { display: grid; gap: 18px; }
.blog-card {
display: grid; grid-template-columns: 190px 1fr; gap: 20px; align-items: center;
background: var(--white); border-radius: var(--radius-md); overflow: hidden;
box-shadow: var(--shadow-soft); transition: transform .18s ease, box-shadow .18s ease;
}
.blog-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-pop); }
.blog-card-media { display: block; height: 100%; min-height: 150px; background: var(--pink-pale); }
.blog-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog-card-body { padding: 18px 22px 18px 0; }
.blog-card-body h2, .blog-card-body h3 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.15rem;
line-height: 1.3; margin: 6px 0 8px;
}
.blog-card-body h2 a, .blog-card-body h3 a { color: var(--ink); text-decoration: none; }
.blog-card-body h2 a:hover, .blog-card-body h3 a:hover { color: var(--pink-deep); }
.blog-card-body p { font-size: 0.9rem; line-height: 1.6; color: var(--ink-soft); margin: 0; }.blog-meta {
display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
font-size: 0.78rem; color: var(--ink-soft); margin-top: 10px;
}
.article-head .blog-meta { margin: 0 0 16px; }
.blog-back { margin-top: 34px; }
.blog-back a { color: var(--pink-deep); font-weight: 700; text-decoration: none; }
.blog-back a:hover { text-decoration: underline; }.table-scroll { overflow-x: auto; margin: 14px 0 16px; }
.table-scroll .size-table { min-width: 420px; }@media (max-width: 620px) {
.blog-card { grid-template-columns: 1fr; }
.blog-card-media { min-height: 170px; max-height: 200px; }
.blog-card-body { padding: 0 18px 20px; }
}.pp-reviews { margin-top: 54px; }
.pp-reviews h2 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.45rem;
color: var(--ink); margin-bottom: 20px;
}
.pp-reviews-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
@media (max-width: 720px) { .pp-reviews-grid { grid-template-columns: 1fr; } }.samtykke {
position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 300;
max-width: 440px; margin-left: auto;
max-height: calc(100vh - 24px); overflow-y: auto;
background: var(--white); color: var(--ink);
border-radius: var(--radius-md); box-shadow: 0 12px 32px rgba(58,42,36,0.22);
padding: 14px 14px 10px;
opacity: 0; transform: translateY(16px); pointer-events: none;
transition: opacity .25s ease, transform .25s ease;
}
.samtykke.vis { opacity: 1; transform: translateY(0); pointer-events: auto; }
.samtykke-tekst { font-size: 0.82rem; line-height: 1.45; color: var(--ink-soft); margin: 0 0 10px; }
.samtykke-tekst a { color: var(--pink-deep); font-weight: 700; }
.samtykke-valg { display: grid; gap: 10px; margin: 0 0 12px; }
.samtykke-valg[hidden] { display: none; }
.samtykke-linje {
display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start;
font-size: 0.8rem; line-height: 1.45; color: var(--ink-soft); cursor: pointer;
}
.samtykke-linje input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--pink-deep); cursor: pointer; }
.samtykke-linje strong { color: var(--ink); font-weight: 800; }
.samtykke-knapper { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.samtykke-knapp {
font: inherit; font-weight: 800; font-size: 0.88rem; cursor: pointer;
padding: 10px 10px; min-height: 44px; border-radius: 999px;
background: var(--white); color: var(--ink); border: 2px solid var(--ink);
}
.samtykke-knapp:hover { background: var(--ink); color: var(--cream); }
.samtykke-knapp:focus-visible,
.samtykke-velg:focus-visible { outline: 3px solid var(--pink); outline-offset: 2px; }
.samtykke-lagre { width: 100%; }
.samtykke-velg {
display: block; margin: 6px auto 0; padding: 6px 10px; min-height: 32px;
background: none; border: 0; cursor: pointer;
font: inherit; font-size: 0.8rem; font-weight: 700; color: var(--ink-soft);
text-decoration: underline; text-underline-offset: 3px;
}
.samtykke-velg[hidden] { display: none; }.samtykke-slor {
position: fixed; inset: 0; z-index: 299;
background: rgba(58,42,36,0.38);
opacity: 0; pointer-events: none; transition: opacity .25s ease;
}
.samtykke-slor.vis { opacity: 1; pointer-events: auto; }.samtykke-slor { display: none; }
.samtykke { padding-right: 40px; }
.samtykke-lukk {
position: absolute; top: 4px; right: 4px; width: 36px; height: 36px;
background: none; border: 0; cursor: pointer; border-radius: 50%;
font: inherit; font-size: 1.5rem; line-height: 1; color: var(--ink-soft);
}
.samtykke-lukk:hover { color: var(--ink); }
.samtykke-lukk:focus-visible { outline: 3px solid var(--pink); outline-offset: 2px; }
.samtykke:focus { outline: none; }
.samtykke.rist { animation: samtykke-rist .35s ease; }
@keyframes samtykke-rist {
0%, 100% { transform: translateY(0); }
30% { transform: translateY(-6px); }
60% { transform: translateY(2px); }
}
@media (prefers-reduced-motion: reduce) {
.samtykke.rist { animation: none; }
}
.footer-grid button.linklike { background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit; line-height: inherit; }.sett-farge {
font-size: 0.8rem; color: var(--ink-soft); padding: 4px 16px 0; line-height: 1.4;
}
.sett-kort .pc-price { padding-top: 4px; }
.sett-sizes {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 10px;
}
.sett-sizes .size-pill { cursor: pointer; background: var(--white); min-width: 38px; min-height: 32px; }
.sett-sizes .size-pill:hover { border-color: var(--pink); color: var(--pink-deep); }.sett-add {
white-space: normal;
padding: 10px 12px;
font-size: 0.86rem;
line-height: 1.25;
height: auto;
min-height: 42px;
}
.sett-add[aria-expanded="true"] {
background: var(--white); color: var(--pink-deep);
box-shadow: inset 0 0 0 2px var(--pink-deep);
}
.sett-sizes[hidden] { display: none; }
.sett-sizes:not([hidden]) { animation: pc-sizes-inn .22s ease; }
@media (prefers-reduced-motion: reduce) { .sett-sizes:not([hidden]) { animation: none; } }.bred-grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 720px) { .bred-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 781px) {
.bred-grid {
width: min(880px, calc(100vw - 48px));
margin-left: calc(50% - min(440px, 50vw - 24px));
}
}.article-block .product-card .pc-name { font-size: 0.95rem; margin: 0; }
.article-block .product-card .pc-link { color: inherit; }
.sett-deler {
list-style: none;
margin: 10px 0 0;
padding: 10px 16px 0;
border-top: 1px dashed rgba(58,42,36,.12);
font-size: 0.76rem;
line-height: 1.45;
color: var(--ink-soft);
}
.sett-deler li { margin-bottom: 5px; }
.sett-deler li span { white-space: nowrap; font-family: 'Space Mono', monospace; font-weight: 700; font-size: 0.85rem; margin-left: 4px; }
.sett-deler li span::before { content: "· "; }
.sett-deler a { color: inherit; text-decoration: none; }
.sett-deler a:hover { color: var(--pink-deep); text-decoration: underline; }
@media (max-width: 720px) {
.sett-farge { padding-left: 12px; padding-right: 12px; }
.sett-deler { padding-left: 12px; padding-right: 12px; margin-left: 0; margin-right: 0; }
}.pp-fiber,
.pp-laget,
.fabric-fiber {
margin: 10px 0;
font-size: 0.88rem;
color: var(--ink-soft);
}.tp-teaser {
background: var(--white); border-radius: var(--radius-md); padding: 26px;
box-shadow: var(--shadow-soft); align-self: center;
}
.tp-teaser h3 { font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.2rem; margin: 0 0 10px; color: var(--ink); }
.tp-teaser p { font-size: 0.92rem; line-height: 1.6; color: var(--ink-soft); margin-bottom: 18px; }
.tp-teaser .tp-teaser-mer { margin: 14px 0 0; text-align: center; font-size: 0.85rem; }
.tp-teaser-mer a, .omoss-les-mer { color: var(--pink-deep); font-weight: 700; }
.omoss-les-mer { display: inline-block; margin-top: 6px; text-decoration: underline; }.tp-intro { padding-bottom: 0; }
.tp-skjema { padding: 40px 0 46px; margin-bottom: 40px; }#tp-skjema-tittel { scroll-margin-top: 120px; }
.tp-skjema-tittel {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.5rem;
color: var(--ink); margin: 0 0 18px;
}
.tp-steg { padding-left: 22px; margin: 0; }
.tp-steg li { font-size: 0.95rem; line-height: 1.7; color: var(--ink-soft); margin-bottom: 10px; }
.tp-steg strong { color: var(--ink); }.om-meg .omoss-quote { color: var(--ink); margin-top: 6px; }
.om-meg-foto { margin: 0 0 30px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-soft); }.om-meg-foto img { width: 100%; height: auto; max-height: 520px; object-fit: cover; object-position: center 30%; display: block; }
@media (max-width: 720px) { .om-meg-foto img { max-height: 420px; } }
.om-meg-uthevet { color: var(--ink) !important; font-weight: 700; }
.om-meg-slutt { font-size: 1.15rem; margin: 26px 0 0; }
.om-meg-videre ul, .page-kontakt .article-block ul { padding-left: 20px; }
.om-meg-videre li, .page-kontakt .article-block li { font-size: 0.95rem; line-height: 1.8; color: var(--ink-soft); }.kontakt-epost { font-size: 1.15rem; font-weight: 700; }.faq-liste { border-top: 1px solid rgba(58,42,36,.12); }
.faq { border-bottom: 1px solid rgba(58,42,36,.12); }
.faq summary {
list-style: none; cursor: pointer; position: relative;
padding: 16px 40px 16px 0;
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1rem; color: var(--ink);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
content: ""; position: absolute; right: 6px; top: 50%; width: 22px; height: 22px; margin-top: -11px;
border-radius: 50%; background: var(--pink-pale);
background-image:
linear-gradient(var(--pink-deep), var(--pink-deep)),
linear-gradient(var(--pink-deep), var(--pink-deep));
background-size: 10px 2px, 2px 10px; background-position: center; background-repeat: no-repeat;
transition: transform .25s ease;
}
.faq[open] summary::after { transform: rotate(45deg); }
.faq summary:hover { color: var(--pink-deep); }
.faq summary:focus-visible { outline: 2.5px solid var(--pink-deep); outline-offset: 2px; border-radius: 6px; }
.faq-svar { padding: 0 40px 16px 0; }
.faq-svar p { margin: 0; }
.faq[open] .faq-svar { animation: faq-inn .25s ease; }
@keyframes faq-inn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
.faq summary::after { transition: none; }
.faq[open] .faq-svar { animation: none; }
}.pp-lev { list-style: none; margin: 16px 0 0; padding: 0; border: 1px solid rgba(58,42,36,0.1); border-radius: 16px; background: var(--white); }
.pp-lev li { display: flex; gap: 12px; padding: 12px 14px; }
.pp-lev li + li { border-top: 1px solid rgba(58,42,36,0.08); }
.pp-lev svg { width: 22px; height: 22px; flex: 0 0 auto; margin-top: 1px; fill: none; stroke: var(--pink-deep);
stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pp-lev strong { display: block; font-size: 0.88rem; }
.pp-lev span { display: block; font-size: 0.84rem; line-height: 1.5; color: var(--ink-soft); }
.pp-lev a { color: var(--ink-soft); text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }.pp-passform { max-width: 460px; margin: 0 0 22px; padding: 14px 16px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow-soft); }
.pp-passform-topp { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; margin-bottom: 10px; font-size: 0.9rem; }
.pp-passform-topp span { color: var(--ink-soft); font-size: 0.84rem; text-align: right; }
.pp-passform-skala { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.pp-passform-del { height: 8px; border-radius: 999px; background: var(--pink-pale); overflow: hidden; }
.pp-passform-del span { display: block; height: 100%; background: var(--pink); border-radius: 999px; }
.pp-passform-del.mest span { background: var(--pink-deep); }
.pp-passform-etiketter { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 6px; font-size: 0.76rem; color: var(--ink-soft); }
.pp-passform-etiketter span:nth-child(2) { text-align: center; }
.pp-passform-etiketter span:nth-child(3) { text-align: right; }
.review-passform { font-size: 0.8rem; font-weight: 700; color: var(--pink-deep); margin: -4px 0 8px; }.ck-gave { margin: 0 0 12px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(58,42,36,0.12); background: var(--white); }
.ck-gave-valg { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 0.9rem; cursor: pointer; }
.ck-gave-valg input { width: 20px; height: 20px; accent-color: var(--pink-deep); margin: 0; }
.ck-gave-pris { margin-left: auto; font-size: 0.8rem; font-family: 'Space Mono', monospace; font-weight: 700; color: var(--pink-deep); white-space: nowrap; }
.ck-gave-mer { margin-top: 10px; }
.ck-gave-mer[hidden] { display: none; }
.ck-gave-mer label { display: block; font-size: 0.8rem; font-weight: 700; color: var(--ink-soft); margin-bottom: 4px; }
.ck-gave-mer textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; padding: 10px 12px; border-radius: 12px;
border: 1.5px solid rgba(58,42,36,0.15); resize: vertical; color: var(--ink); }
.ck-gave-mer textarea:focus { outline: 2.5px solid var(--pink-deep); outline-offset: 1px; }
.ck-gave-mer p { font-size: 0.78rem; color: var(--ink-soft); margin: 6px 0 0; }.article-figurer { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 4px 0 18px; }
.article-figurer img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius-md); display: block; }.pp-track { display: none; }
@media (max-width: 980px) {
.pp-main--sveip > #ppMainImg,
.pp-main--sveip > #ppMainVideo,
.pp-main--sveip > .pp-ghost { display: none; }
.pp-main--sveip .pp-track {
display: flex; width: 100%; height: 100%;
overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.pp-track::-webkit-scrollbar { display: none; }
.pp-track > img, .pp-track > video {
flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover;
scroll-snap-align: center; scroll-snap-stop: always; display: block;
user-select: none; -webkit-user-drag: none;
}
.pp-thumbs {
flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
scroll-snap-type: x proximity; padding-bottom: 2px; gap: 8px;
}
.pp-thumbs::-webkit-scrollbar { display: none; }
.pp-thumb { flex: 0 0 auto; scroll-snap-align: start; }
.pp-thumb:hover { transform: none; }
}.pp-kjopslinje { display: none; }
@media (max-width: 760px) {
.pp-kjopslinje {
display: flex; align-items: center; gap: 12px;
position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
background: var(--white); border-top: 1px solid rgba(58,42,36,0.1);
box-shadow: 0 -6px 20px rgba(58,42,36,0.08);
transform: translateY(110%); transition: transform .25s ease;
}
.pp-kjopslinje.vis { transform: none; }
.pp-kjopslinje-tekst { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.pp-kjopslinje-navn { font-size: .82rem; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: .8; }
.pp-kjopslinje-pris { font-family: 'Space Mono', monospace; font-weight: 700; color: var(--pink-deep, #e0457b); }
.pp-kjopslinje .btn { flex: 0 0 auto; padding: 12px 18px; font-size: .95rem; white-space: nowrap; }
html.samtykke-apen .samtykke { bottom: calc(78px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .pp-kjopslinje { transition: none; } }.forside-utvalg-mer { text-align: center; margin: 34px 0 0; }
.forside-tilpasning { text-align: center; margin: 16px 0 0; color: var(--ink-soft); }
.forside-tilpasning a { color: var(--pink-deep); }
@media (max-width: 980px) { .forside-utvalg > :nth-child(n+10) { display: none; } }
@media (max-width: 720px) { .forside-utvalg > :nth-child(n+7)  { display: none; } }.kt-wrap { padding-top: 18px; padding-bottom: 80px; max-width: 1080px; }
.kt-head { max-width: 640px; margin-bottom: 34px; }
.kt-head h1, .bl-head h1 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 2.4rem;
line-height: 1.15; color: var(--ink); margin: 10px 0 12px;
}
.kt-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 22px; align-items: stretch; }
.kt-post {
background: var(--pink-pale); border-radius: var(--radius-lg); padding: 40px 42px;
display: flex; flex-direction: column; align-items: flex-start;
}
.kt-post h2, .kt-boks h2, .kt-snarveier h2 {
font-family: 'Fredoka', sans-serif; font-weight: 600; color: var(--ink); margin: 0 0 10px;
}
.kt-post h2 { font-size: 1.1rem; }
.kt-adresse {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: clamp(1.25rem, 3.2vw, 1.95rem);
color: var(--pink-deep); text-decoration: none; word-break: break-all; line-height: 1.2; margin-bottom: 18px;
}
.kt-adresse:hover { text-decoration: underline; }
.kt-post p { color: var(--ink-soft); line-height: 1.65; margin: 0 0 10px; max-width: 520px; }
.kt-post .kt-svartid { font-size: 0.9rem; margin-bottom: 24px; }
.kt-post .btn { margin-top: auto; }
.kt-side { display: grid; gap: 22px; align-content: stretch; }
.kt-boks { background: var(--white); border-radius: var(--radius-lg); padding: 28px 30px; box-shadow: var(--shadow-soft); }
.kt-boks h2 { font-size: 1.05rem; }
.kt-boks p { color: var(--ink-soft); line-height: 1.65; margin: 0; font-size: 0.95rem; }
.kt-sosiale { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.kt-sosiale a {
font-size: 0.85rem; font-weight: 700; color: var(--ink); text-decoration: none;
border: 1.5px solid var(--line); border-radius: 999px; padding: 7px 14px;
}
.kt-sosiale a:hover { border-color: var(--pink-deep); color: var(--pink-deep); }
.kt-snarveier { margin-top: 56px; }
.kt-snarveier h2 { font-size: 1.35rem; margin-bottom: 18px; }
.kt-ruter { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.kt-rute {
display: flex; flex-direction: column; gap: 6px; text-decoration: none;
background: var(--white); border: 1.5px solid var(--line); border-radius: var(--radius-md);
padding: 20px; transition: border-color .2s, transform .2s;
}
.kt-rute svg { color: #E8467A; margin-bottom: 6px; }
.kt-rute strong { color: var(--ink); font-size: 0.98rem; }
.kt-rute span { color: var(--ink-soft); font-size: 0.86rem; line-height: 1.45; }
.kt-rute:hover { border-color: var(--pink-deep); transform: translateY(-2px); }
@media (max-width: 900px) {
.kt-grid { grid-template-columns: 1fr; }
.kt-ruter { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
.kt-post { padding: 28px 22px; }
.kt-head h1, .bl-head h1 { font-size: 1.8rem; }
.kt-ruter { grid-template-columns: 1fr; }
.kt-rute { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 12px; padding: 16px; }
.kt-rute svg { margin: 0; }
.kt-rute span { flex-basis: 100%; padding-left: 32px; }
}.bl { padding-top: 18px; padding-bottom: 80px; max-width: 1180px; }
.bl-head { max-width: 680px; margin-bottom: 34px; }
.bl-hoved {
display: grid; grid-template-columns: 1.1fr 1fr; background: var(--white);
border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-soft); margin-bottom: 48px;
}
.bl-hoved-bilde { display: block; background: var(--pink-pale); min-height: 480px; position: relative; }
.bl-hoved-bilde img { position: absolute; inset: 0; }
.bl-hoved-bilde img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bl-hoved-tekst { padding: 48px 46px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.bl-hoved h2 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: clamp(1.5rem, 2.6vw, 2.1rem);
line-height: 1.2; margin: 10px 0 14px;
}
.bl-hoved h2 a, .bl-kort h2 a { color: var(--ink); text-decoration: none; }
.bl-hoved h2 a:hover, .bl-kort h2 a:hover { color: var(--pink-deep); }
.bl-hoved p { color: var(--ink-soft); line-height: 1.7; margin: 0 0 14px; }
.bl-hoved .blog-meta { margin-bottom: 24px; }
.bl-rutenett { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 34px 24px; }
.bl-kort-bilde {
display: block; aspect-ratio: 4 / 5; border-radius: var(--radius-md); overflow: hidden;
background: var(--pink-pale); margin-bottom: 14px;
}
.bl-kort-bilde img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.bl-kort:hover .bl-kort-bilde img { transform: scale(1.04); }
.bl-kort h2 {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.12rem; line-height: 1.3; margin: 6px 0 8px;
}
.bl-kort p {
color: var(--ink-soft); font-size: 0.9rem; line-height: 1.6; margin: 0 0 10px;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.bl-plagg {
display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 60px;
padding-top: 28px; border-top: 1px solid var(--line);
}
.bl-plagg span { font-family: 'Fredoka', sans-serif; font-weight: 600; color: var(--ink); margin-right: 6px; }
@media (max-width: 820px) {
.bl-hoved { grid-template-columns: 1fr; }
.bl-hoved-bilde img { object-position: 50% 25%; }
.bl-hoved-bilde { min-height: 0; aspect-ratio: 4 / 3; }
.bl-hoved-tekst { padding: 26px 24px 30px; }
}
@media (max-width: 520px) {
.bl-rutenett { grid-template-columns: 1fr 1fr; gap: 24px 12px; }
.bl-kort h2 { font-size: 0.98rem; }
.bl-kort p { display: none; }
}.tp-gang { padding: 10px 0 44px; }
.tp-gang-tittel {
font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.5rem; color: var(--ink); margin: 0 0 22px;
}
.tp-gang-rad {
list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr);
gap: 16px; counter-reset: none; position: relative;
}
.tp-gang-rad li { position: relative; padding-top: 4px; }
.tp-gang-rad li::before {
content: ""; position: absolute; top: 25px; left: 56px; right: -8px;
border-top: 2px dashed rgba(232,70,122,.35);
}
.tp-gang-rad li:last-child::before { display: none; }
.tp-nr {
display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
background: var(--pink-pale); color: #C4386A; font-family: 'Space Mono', monospace; font-weight: 700;
font-size: 1.05rem; margin-bottom: 14px; position: relative;
}
.tp-gang-rad h3 { font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: 1.05rem; color: var(--ink); margin: 0 0 6px; }
.tp-gang-rad p { font-size: 0.9rem; line-height: 1.6; color: var(--ink-soft); margin: 0; max-width: 250px; }
@media (max-width: 860px) {
.tp-gang-rad { grid-template-columns: 1fr 1fr; gap: 26px 18px; }
.tp-gang-rad li::before { display: none; }
}
@media (max-width: 480px) {
.tp-gang-rad { grid-template-columns: 1fr; gap: 0; }
.tp-gang-rad li { display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; padding-bottom: 20px; }
.tp-nr { grid-row: span 2; margin: 0; }
.tp-gang-rad li::before { display: block; top: 50px; bottom: 2px; left: 21px; right: auto; border-top: 0; border-left: 2px dashed rgba(232,70,122,.35); }
.tp-gang-rad li:last-child::before { display: none; }
}.pp-lovnad { margin: 4px 0 14px; font-size: .9rem; line-height: 1.4; color: var(--ink-soft, #6b5a52); }.pp-prikker { display: none; }
@media (max-width: 980px) {
.pp-main--sveip .pp-prikker {
display: flex; gap: 6px; position: absolute; left: 50%; bottom: 12px;
transform: translateX(-50%); padding: 6px 9px; border-radius: 999px;
background: rgba(255,255,255,0.72); pointer-events: none; z-index: 2;
}
.pp-prikker span { width: 7px; height: 7px; border-radius: 50%; background: rgba(58,42,36,0.28); transition: background .2s, transform .2s; }
.pp-prikker span.aktiv { background: var(--pink-deep, #e0457b); transform: scale(1.25); }
}.filt { margin: -8px 0 22px; scroll-margin-top: 90px; }
.filt-bar { display: flex; align-items: center; gap: 10px; }
.filt-rad { display: flex; align-items: center; gap: 8px; flex: 0 1 auto; min-width: 0;
overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 2px; }
.filt-rad::-webkit-scrollbar { display: none; }.filt-chip, .filt-flere, .filt-sorter {
display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 0 0 auto;
font: 700 0.84rem/1 'Nunito', sans-serif; color: var(--ink); white-space: nowrap;
background: var(--white); border: 1.5px solid rgba(58,42,36,.14); border-radius: 999px;
padding: 9px 15px; cursor: pointer; transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.filt-chip.smal { min-width: 46px; padding-left: 12px; padding-right: 12px; }
.filt-chip:hover:not(:disabled), .filt-flere:hover, .filt-sorter:hover { border-color: var(--pink-deep); }
.filt-chip[aria-pressed="true"] { background: var(--pink-deep); border-color: var(--pink-deep); color: var(--white); }
.filt-chip:disabled { opacity: .38; cursor: default; }
.filt-flere.aktiv { background: var(--pink-pale); border-color: var(--pink-deep); }
.filt-flere[hidden] { display: none; }
.filt-flere svg { width: 17px; height: 14px; }
.filt-tall:empty { display: none; }
.filt-tall { min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px;
background: var(--pink-deep); color: var(--white); font-size: 0.72rem;
display: inline-flex; align-items: center; justify-content: center; }.filt-sorter { position: relative; padding: 0 14px; flex: 0 0 auto; margin-left: auto; }
.filt-sorter-navn { color: var(--ink-soft); font-weight: 700; }
.filt-sorter select { appearance: none; -webkit-appearance: none; border: 0; background: transparent;
font: 700 0.84rem 'Nunito', sans-serif; color: var(--ink); padding: 9px 0; cursor: pointer; }
.filt-sorter select:focus { outline: none; }
.filt-sorter:focus-within { border-color: var(--pink-deep); }
.filt-pil { width: 11px; height: 8px; flex: 0 0 auto; }.filt-valgt { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding-top: 12px; }
.filt-merke { display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
font: 700 0.78rem/1 'Nunito', sans-serif; color: var(--ink);
background: var(--pink-pale); border: 0; border-radius: 999px; padding: 7px 11px; }
.filt-merke svg { width: 9px; height: 9px; }
.filt-merke:hover { background: var(--cream-deep); }
.filt-antall { font-family: 'Space Mono', monospace; font-size: 0.8rem; color: var(--ink-soft); white-space: nowrap; }
.filt-nullstill { background: none; border: 0; padding: 4px 6px; cursor: pointer;
font: 700 0.8rem 'Nunito', sans-serif; color: var(--pink-deep); text-decoration: underline; }.product-card.filt-skjult { display: none !important; }.product-card.filt-byttet .pc-alt { display: none; }
.filt-ingen { padding: 40px 20px; text-align: center; background: var(--white); border-radius: var(--radius-md); }
.filt-ingen p { color: var(--ink-soft); margin-bottom: 16px; }
.filt-ingen strong { color: var(--ink); }.filt-ark-bak { position: fixed; inset: 0; z-index: 200; background: rgba(46,33,28,0);
transition: background .22s ease; }
.filt-ark-bak.apen { background: rgba(46,33,28,.42); }
.filt-ark { position: absolute; left: 0; right: 0; bottom: 0; max-height: 86vh; display: flex; flex-direction: column;
background: var(--white); border-radius: 22px 22px 0 0; transform: translateY(100%); transition: transform .22s ease; }
.filt-ark-bak.apen .filt-ark { transform: none; }
.filt-ark-topp { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px 10px;
border-bottom: 1px solid var(--line); }
.filt-ark-topp h2 { font-size: 1.2rem; }
.filt-lukk { width: 38px; height: 38px; border-radius: 50%; border: 0; background: var(--cream); cursor: pointer;
display: inline-flex; align-items: center; justify-content: center; color: var(--ink); }
.filt-lukk svg { width: 13px; height: 13px; }
.filt-ark-innhold { overflow-y: auto; padding: 6px 18px 12px; -webkit-overflow-scrolling: touch; flex: 1 1 auto; }
.filt-ark-gruppe { padding: 14px 0; border-bottom: 1px solid var(--line); }
.filt-ark-gruppe:last-child { border-bottom: 0; }
.filt-ark-gruppe h3 { font-size: 0.95rem; margin-bottom: 10px; }
.filt-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.filt-ark .filt-chip { background: var(--cream); border-color: transparent; }
.filt-ark .filt-chip[aria-pressed="true"] { background: var(--pink-deep); color: var(--white); }
.filt-ark .filt-chip:hover:not(:disabled) { border-color: var(--pink-deep); }
.filt-chips .filt-chip.smal, .filt-chips.smal .filt-chip { min-width: 52px; }
.filt-ark-bunn { display: flex; gap: 10px; padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
border-top: 1px solid var(--line); }
.filt-ark-bunn .btn { flex: 1 1 0; padding-left: 10px; padding-right: 10px; }
.filt-ark-bunn .btn-primary { flex-grow: 2; }
html.filt-laast, html.filt-laast body { overflow: hidden; }@media (min-width: 761px) {
.filt-ark { left: auto; top: 0; width: 400px; max-height: none; border-radius: 22px 0 0 22px;
transform: translateX(100%); }
}
@media (max-width: 760px) {
.filt { margin-top: -12px; }
.filt-bar { flex-wrap: wrap; gap: 10px 8px; }
.filt-flere { order: 1; }
.filt-sorter { order: 2; padding: 0 12px; }
.filt-rad { order: 3; flex: 1 1 100%; }
.filt-sorter-navn { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.filt-ark, .filt-ark-bak { transition: none; }
}.product-media { height: auto; aspect-ratio: 3 / 4; }
.product-card:not(.sett-kort) .pc-buy { display: none; }
.product-card:not(.sett-kort) { padding-bottom: 14px; }
@media (max-width: 560px) {
.product-media { height: auto; }
.product-grid, .pp-related-grid, .cat-grid {
gap: 20px 8px;
}
.product-grid > .product-card:not(.sett-kort),
.pp-related-grid > .product-card:not(.sett-kort),
.cat-grid > .product-card:not(.sett-kort) {
border-radius: 0; box-shadow: none; background: transparent; padding-bottom: 0;
}
.product-grid > .product-card:hover, .cat-grid > .product-card:hover,
.pp-related-grid > .product-card:hover { transform: none; box-shadow: none; }
:is(.product-grid, .pp-related-grid, .cat-grid) > .product-card:not(.sett-kort) .pc-name { font-size: 0.86rem; padding: 8px 2px 0; line-height: 1.3; min-height: calc(2.6em + 8px); min-height: calc(2lh + 8px); }
:is(.product-grid, .pp-related-grid, .cat-grid) > .product-card:not(.sett-kort) .pc-price { font-size: 0.88rem; padding: 2px 2px 0; }
:is(.product-grid, .pp-related-grid, .cat-grid) > .product-card:not(.sett-kort) .pc-swatches { padding: 7px 2px 4px; }
.product-media .badge-fly { top: 8px; left: 8px; font-size: 0.68rem; padding: 4px 8px; }
}
/* pastel-tema.css */
:root{
--pink-deep:#7A4E33;
--ink:#3A2A24;
--ink-soft:#6B5448;
--line:rgba(58,42,36,0.15);
--footer:#2E211C;
--shadow-soft:0 10px 30px rgba(58,42,36,0.10);
--shadow-pop:0 16px 40px rgba(122,78,51,0.22);
}.logo{color:#E8467A;}.btn-primary:hover{background:#5C3D2E;}.kontakt-section .btn-primary{background:var(--pink);color:var(--ink);box-shadow:none;}
.kontakt-section .btn-primary:hover{background:#FF85B0;}.contact-card strong{color:#FF85B0 !important;}:root{
--pink:#E8467A;
--sky:#E8467A;
--sky-pale:#F3E6DA;
--mint:#FFEFDA;
--error:#B3261E;
}.cart-count{background:var(--pink-pale);color:var(--ink);}.kontakt-section .eyebrow{color:#FF85B0 !important;}.kontakt-section .btn-primary{background:#FF85B0;color:var(--footer);}
.kontakt-section .btn-primary:hover{background:var(--pink-pale);}.stars-line{color:var(--pink);}.ck-error,.tp-status-feil,.ci-remove,.product-media .badge-fly.low{color:var(--error);}
.badge-fly.ut,.product-media .badge-fly.ut{color:var(--ink-soft);}[class^="pat-"],[class*=" pat-"]{background:var(--cream-deep) !important;}.tp-nr{color:#B8325F;}
/* pastel-mork.css */
:root{color-scheme:light dark;}
@media (prefers-color-scheme: dark){
:root{
--cream:#1C1512;
--cream-deep:#271E1A;
--white:#2A211C;
--ink:#F6EADF;
--ink-soft:#CDB8AA;
--pink:#F2638F;
--sky:#F2638F;
--pink-deep:#FF8DB4;
--pink-pale:#3B2430;
--pink-soft:#3B2430;
--sky-pale:#2D241F;
--mint:#302619;
--mint-soft:#1F2E25;
--brown:#C9A285;
--card:#2A211C;
--footer:#120D0B;
--error:#FF8A80;
--line:rgba(246,234,223,0.14);
--shadow-soft:0 10px 30px rgba(0,0,0,0.35);
--shadow-pop:0 16px 40px rgba(0,0,0,0.45);
}
.stitch{border-bottom:2px dashed rgba(246,234,223,0.28)}
.site-header{border-bottom:1px solid rgba(246,234,223,0.08)}
.hero-card .tag{background:rgba(42,33,28,0.92)}
.product-media .badge-fly.low{color:#FF8A80}
.size-pill{border:1.5px solid rgba(246,234,223,0.15)}
.size-pill[disabled]{background:repeating-linear-gradient(135deg,rgba(246,234,223,0.06),rgba(246,234,223,0.06) 3px,transparent 3px,transparent 6px)}
.form-field input, .form-field select, .form-field textarea{border:1.6px solid rgba(246,234,223,0.15)}
.stars-line{color:#F2638F}
.kontakt-section .section-title{color:#F6EADF}
.social-btn{color:#F6EADF}
.footer-grid h4{color:#F6EADF}
.pay-badge{color:#F6EADF}
.pm-nav{background:rgba(42,33,28,0.85)}
.pm-secondary{border-top:1px solid rgba(246,234,223,0.1)}
.size-modal-head{border-bottom:2px dashed rgba(246,234,223,0.15)}
.size-table th, .size-table td{border-bottom:1px solid rgba(246,234,223,0.1)}
.cart-head{border-bottom:2px dashed rgba(246,234,223,0.15)}
.cart-item{border-bottom:1px solid rgba(246,234,223,0.08)}
.cart-suggestions{border-top:2px dashed rgba(246,234,223,0.15)}
.ci-remove{color:#FF8A80}
.cart-foot{border-top:2px dashed rgba(246,234,223,0.15)}
.postnr-row input{border:1.6px solid rgba(246,234,223,0.15)}
.subtotal-row.total{border-top:1px dashed rgba(246,234,223,0.2)}
.policy-modal-head{border-bottom:2px dashed rgba(246,234,223,0.15)}
.sok-panel{border-top:1px solid rgba(246,234,223,0.08)}
.sok-form input, .sok-side-form input{border:1.5px solid rgba(246,234,223,0.14)}
.pp-waitlist-row input{border:1.5px solid rgba(246,234,223,0.15)}
.pp-secondary{border-top:1px solid rgba(246,234,223,.1)}
.pp-detail{border-top:1px solid rgba(246,234,223,.1)}
.szp-hode{border-bottom:1px solid rgba(246,234,223,0.1)}
.szp-liste{border-top:1px solid rgba(246,234,223,0.1)}
.szp-liste li{border-bottom:1px solid rgba(246,234,223,0.1)}
.szp-epost{border:1.5px solid rgba(246,234,223,0.15)}
.szp-ok{background:#1F2E25;color:#A8E0BC}
.szp-bunn{border-top:1px solid rgba(246,234,223,0.1)}
.cat-pill{border:1.5px solid rgba(246,234,223,.12)}
.cat-copy{border-top:1px solid rgba(246,234,223,.1)}
.ck-qty button{border:1.5px solid rgba(246,234,223,.16)}
.ck-postnr-row input{border:1.5px solid rgba(246,234,223,.15)}
.ck-row.ck-total{border-top:1px solid rgba(246,234,223,.1)}
.tp-status-ok{color:#7FD6A0}
.tp-status-feil{color:#FF8A80}
.ck-pay .pay-badge{border:1px solid rgba(246,234,223,.08)}
.sett-deler{border-top:1px dashed rgba(246,234,223,.12)}
.faq-liste{border-top:1px solid rgba(246,234,223,.12)}
.faq{border-bottom:1px solid rgba(246,234,223,.12)}
.pp-lev{border:1px solid rgba(246,234,223,0.1)}
.pp-lev li + li{border-top:1px solid rgba(246,234,223,0.08)}
.ck-gave{border:1px solid rgba(246,234,223,0.12)}
.ck-gave-mer textarea{border:1.5px solid rgba(246,234,223,0.15)}
@media (max-width: 760px){
.pp-kjopslinje{border-top:1px solid rgba(246,234,223,0.1)}
}
.tp-nr{color:#FF8DB4;color:#FF8DB4}
@media (max-width: 980px){
.pp-main--sveip .pp-prikker{background:rgba(42,33,28,0.72)}
}
@media (max-width: 980px){
.pp-prikker span{background:rgba(246,234,223,0.28)}
}
.filt-chip, .filt-flere, .filt-sorter{border:1.5px solid rgba(246,234,223,.14)}
.ord-linje li::before{background:rgba(246,234,223,0.12)}
.ord-prikk{border:2px solid rgba(246,234,223,0.2)}
.btn-primary:hover{background:#FFB3CD}
.trust-strip,.toast{background:#33261F;color:var(--ink);}
.kontakt-section{background:#120D0B;color:var(--ink);}
.kontakt-section .section-title{color:var(--ink);}
.sv-fane[aria-selected="true"]{background:var(--pink-deep);color:var(--white);}
header,.site-header{background:rgba(28,21,18,0.92) !important;}
.btn-primary:hover{background:#FFB3CD;}
.logo{color:#F2638F;}
.hero-card{color:#FFFFFF;}
.tp-nr,.pp-kjopslinje-pris{color:var(--pink-deep);}
.product-media img,.pp-gallery img,.product-card img{filter:brightness(.94);}
.swatch,.swatch-btn{box-shadow:0 0 0 1px rgba(246,234,223,0.35);}
input,select,textarea{background-color:var(--white);color:var(--ink);}
::placeholder{color:#9C8779;}
}