/* Header: keep the navigation in the same dark Retro's visual language as the site. */
#header [data-row="middle:boxed"]{
	background:linear-gradient(180deg,#100b1b 0%,#090712 100%)!important;
	border-bottom:1px solid rgba(0,229,255,.16);
	box-shadow:0 12px 36px rgba(0,0,0,.24);
}
#header [data-row="middle:boxed"] > .ct-container{
	background:transparent!important;
}
#header .menu > li > a,
#header .ct-header-account,
#header .ct-header-search,
#header .ct-cart-item,
#header .ct-label,
#header .ct-amount{
	color:#F7F4FF!important;
}
#header .menu > li > a:hover,
#header .menu > li.current-menu-item > a,
#header .menu > li.current-menu-ancestor > a{
	color:#00E5FF!important;
}
#header .ct-icon,
#header .ct-icon *{
	fill:currentColor!important;
	color:#F7F4FF!important;
}
#header [data-device="desktop"] #menu-item-153{display:none!important}

/* Trust chips: richer hover/focus explanations. */
.retros-trust{overflow:visible!important}
.retros-chip{
	position:relative;
	isolation:isolate;
	cursor:help;
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.retros-chip:hover,.retros-chip:focus-visible{
	transform:translateY(-4px);
	border-color:rgba(0,229,255,.7)!important;
	background:#19132a!important;
	box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 28px rgba(0,229,255,.08);
	outline:none;
}
.retros-chip:nth-child(1)::after{content:"Vi kontrollerar relevanta grundfunktioner före försäljning. På produktsidan ska det framgå vad som är testat och om det finns några kända fel eller begränsningar."}
.retros-chip:nth-child(2)::after{content:"Produkten rengörs varsamt inför fotografering och leverans. Målet är att göra den redo för nästa ägare utan att dölja normalt slitage eller kosmetiska spår."}
.retros-chip:nth-child(3)::after{content:"Bilderna visar det faktiska exemplaret du köper – inte en generisk produktbild. Då kan du själv bedöma skick, innehåll och kosmetiska detaljer före köp."}
.retros-chip:nth-child(4)::after{content:"Vi beskriver kosmetiskt skick och kompletthet tydligt. Repor, saknade delar, skador eller andra avvikelser ska framgå i annonsen innan du beställer."}
.retros-chip::after{
	position:absolute;
	z-index:100;
	left:50%;
	bottom:calc(100% + 14px);
	width:min(310px,78vw);
	padding:15px 16px;
	border:1px solid rgba(0,229,255,.45);
	border-radius:12px;
	background:linear-gradient(145deg,#151126,#090712);
	box-shadow:0 18px 50px rgba(0,0,0,.5);
	color:#D9D3E3;
	font:500 13px/1.55 'DM Sans',sans-serif;
	text-align:left;
	letter-spacing:0;
	text-transform:none;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translate(-50%,8px);
	transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.retros-chip::before{
	content:"";
	position:absolute;
	z-index:101;
	left:50%;
	bottom:calc(100% + 8px);
	width:10px;
	height:10px;
	background:#0d0a16;
	border-right:1px solid rgba(0,229,255,.45);
	border-bottom:1px solid rgba(0,229,255,.45);
	opacity:0;
	visibility:hidden;
	transform:translateX(-50%) rotate(45deg);
	transition:opacity .18s ease,visibility .18s ease;
}
.retros-chip:hover::after,.retros-chip:focus-visible::after,
.retros-chip:hover::before,.retros-chip:focus-visible::before{
	opacity:1;
	visibility:visible;
}
.retros-chip:hover::after,.retros-chip:focus-visible::after{
	transform:translate(-50%,0);
}

@media(max-width:900px){
	#header [data-row="middle:boxed"] > .ct-container{border-radius:0}
	.retros-chip::after{bottom:auto;top:calc(100% + 14px)}
	.retros-chip::before{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) rotate(225deg)}
}

/* 404: even getting lost should feel like Retro's. */
.retros-404{min-height:68vh;display:grid;place-items:center;padding:80px 20px;background:radial-gradient(circle at 75% 20%,rgba(255,45,170,.18),transparent 34%),radial-gradient(circle at 20% 80%,rgba(0,229,255,.12),transparent 30%),#090712;text-align:center}
.retros-404-inner{width:min(820px,100%);padding:56px 34px;border:1px solid rgba(0,229,255,.24);border-radius:24px;background:linear-gradient(145deg,rgba(21,17,38,.96),rgba(9,7,18,.96));box-shadow:0 30px 80px rgba(0,0,0,.38)}
.retros-404-kicker{color:#ff2daa;font:900 12px/1.2 'DM Sans',sans-serif;letter-spacing:4px}
.retros-404 h1{margin:12px 0 2px;color:#ffd400;font:400 clamp(70px,13vw,150px)/.9 'Bebas Neue',Impact,sans-serif;letter-spacing:.02em}
.retros-404 h2{margin:12px auto;color:#f7f4ff;font:400 clamp(30px,5vw,54px)/1 'Bebas Neue',Impact,sans-serif;max-width:700px}
.retros-404 p{max-width:620px;margin:18px auto 26px;color:#b8b1c8;font:500 16px/1.7 'DM Sans',sans-serif}
.retros-404-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.retros-404-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;text-decoration:none;font:900 12px 'DM Sans',sans-serif;letter-spacing:.06em}
.retros-404-primary{background:#ffd400;color:#090712!important}.retros-404-secondary{background:#00e5ff;color:#071018!important}
@media(max-width:600px){.retros-404-inner{padding:42px 20px}.retros-404-actions{display:grid}.retros-404-actions a{width:100%}}

/* Product-card stock voice. */
.retros-loop-stock-note{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:4px 0 2px;padding:7px 9px;border-radius:999px;background:rgba(255,212,0,.1);border:1px solid rgba(255,212,0,.35);color:#ffd400;font:900 9px/1.2 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.retros-loop-stock-note.is-out{background:rgba(255,45,170,.1);border-color:rgba(255,45,170,.38);color:#ff72c3}
.retros-one-left.retros-sold-out{background:rgba(255,45,170,.1)!important;border-color:rgba(255,45,170,.38)!important;color:#ff72c3!important}