/* Each link stays stationary; its image settles like a sheet of paper.
   Defaults preserve all content when JavaScript is unavailable. */
.catalog .card-image{
 position:relative;
 transform-origin:50% 50%;
 transform:perspective(1000px) translateY(var(--paper-y,0px)) rotateX(var(--paper-x-angle,0deg));
 box-shadow:0 24px 38px rgba(15,20,40,var(--paper-shadow-alpha,0));
 backface-visibility:hidden;
}
.catalog .paper-sheet{display:none;position:absolute;inset:0;transform-style:preserve-3d}
.catalog .card-image.paper-moving{overflow:visible;background:transparent;transform-style:preserve-3d;border-radius:0}
.catalog .paper-moving>img{visibility:hidden}
.catalog .paper-moving .paper-sheet{display:block}
.catalog .paper-strip{display:block;position:absolute;top:0;left:0;width:100%;overflow:hidden;background:#f0f1f4;transform-origin:50% 0}
.catalog .paper-strip img{position:absolute;left:0;width:100%;max-width:none;object-fit:contain;transform:none!important;transition:none}
.catalog .card-copy{display:block;position:relative}
.catalog .card-copy p{margin-top:8px}
.catalog .card-copy h3{display:inline;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;transition:color .2s,text-decoration-color .2s}
.catalog .card-image img{transition:transform .65s cubic-bezier(.16,1,.3,1)}
.catalog .card:focus-visible h3{color:var(--blue);text-decoration-color:currentColor}
@media(hover:hover){
 .catalog .card:hover .card-image img{transform:scale(1.055)}
 .catalog .card:hover h3{color:var(--blue);text-decoration-color:currentColor}
}
@media(prefers-reduced-motion:reduce){
 .catalog .card-image{transform:none;opacity:1;box-shadow:none}
 .catalog .paper-moving>img{visibility:visible}
 .catalog .paper-moving .paper-sheet{display:none}
 .catalog .card-image img,.catalog .card-copy h3{transition:none}
 .catalog .card:hover .card-image img{transform:none}
}

/* Compact product overview; the service tiles above the catalogue stay unchanged. */
#produkter{padding-top:44px;padding-bottom:44px}
#produkter .section-heading{margin-bottom:24px}
#produkter .product-group{margin-bottom:30px}
#produkter .product-group:last-child{margin-bottom:0}
#produkter .group-title{margin-bottom:14px}
#produkter .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px}
#produkter .card-image{aspect-ratio:1.6}
#produkter .card-copy{padding-top:10px}
#produkter .card-copy h3{font-size:17px;line-height:1.25;text-decoration-color:currentColor;text-underline-offset:4px}
#produkter .card-copy p{font-size:13px;line-height:1.45;margin-top:6px}
@media(max-width:1099px){#produkter .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:759px){#produkter .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}}
@media(max-width:539px){
 #produkter{padding-top:32px;padding-bottom:32px}
 #produkter .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 #produkter .card-copy h3{font-size:16px}
 #produkter .product-group{margin-bottom:26px}
}