/* Projekt vi är stolta över: böjd bildrad som rullar sakta och går att dra. Vanlig muspekare. */
.pm-strip { position: relative; overflow: hidden; padding: 14px 0; margin-top: 8px; touch-action: pan-y; }
.pm-track { display: flex; gap: 16px; width: max-content; will-change: transform; user-select: none; -webkit-user-select: none; }
.pm-track .h-card.h4-c { flex: 0 0 auto; width: 320px; height: 500px; aspect-ratio: auto; border-radius: 18px; }
.pm-track .h-card img { pointer-events: none; -webkit-user-drag: none; }
.pm-mask { position: absolute; left: 0; right: 0; height: 90px; z-index: 3; pointer-events: none; }
.pm-mask svg { display: block; width: 100%; height: 100%; }
.pm-mask path { fill: var(--pm-bg, #111); }
.pm-mask.t { top: 0; } .pm-mask.b { bottom: 0; }
@media (max-width: 700px) { .pm-track .h-card.h4-c { width: 240px; height: 360px; } .pm-mask { height: 60px; } .pm-track { gap: 12px; } }
/* Bågen skär kortens över- och underkant, så etikett och rubrik flyttas in där de syns hela */
.pm-mask { height: 56px; }
.pm-track .h-card .h-tag { top: 64px; }
.pm-track .h-card .h-card-b { padding-bottom: 68px; }
.pm-track .h-card.h4-c { height: 540px; }
@media (max-width: 700px) { .pm-mask { height: 38px; } .pm-track .h-card .h-tag { top: 46px; } .pm-track .h-card .h-card-b { padding-bottom: 48px; } .pm-track .h-card.h4-c { height: 400px; } }

/* Rubriken ska se ut som de andra sektionsrubrikerna (korttitlarna är fortfarande tjocka och vita) */
[data-home="4"] .h1-port .sec-head h2, .h1-port .h4-head h2 { font-weight: 400 !important; }
