/* ===== LAGERSORTIMENT SIDA – FIXAD ===== */

.prido-lagersortiment,
.prido-lagersortiment * {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.prido-lagersortiment {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, sans-serif;
color: #1a1a1a;
line-height: 1.6;
font-size: 16px;
width: 100%;
max-width: 100%;
–prido-red: #c41e2a;
–prido-red-dark: #a01820;
–prido-black: #1a1a1a;
–prido-gray: #555555;
–prido-light: #f5f5f3;
–prido-white: #ffffff;
}

/* Hero/Header för sidan */
.prido-page-hero {
background: var(–prido-black);
padding: 60px 5% 70px;
text-align: center !important;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-bottom: 4px solid var(–prido-red);
}

.prido-page-hero h1 {
font-size: 42px;
font-weight: 300;
color: white !important;
margin-bottom: 16px;
text-align: center !important;
width: 100%;
}

.prido-page-hero p {
font-size: 18px;
color: rgba(255,255,255,0.7) !important;
max-width: 600px;
margin: 0 auto;
text-align: center !important;
}

/* Kategorier grid */
.prido-categories-page {
padding: 80px 5%;
background: var(–prido-light);
width: 100%;
}

.prido-categories-grid-page {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1300px;
margin: 0 auto;
width: 100%;
}

.prido-category-card-page {
position: relative;
aspect-ratio: 4/5;
overflow: hidden;
background: #2d2d2d;
cursor: pointer;
text-decoration: none !important;
display: block;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
transition: box-shadow 0.3s ease;
}

.prido-category-card-page:hover {
box-shadow: 0 8px 40px rgba(0,0,0,0.2);
}

.prido-category-card-page::before {
content: »;
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 50%, transparent 100%);
z-index: 1;
transition: all 0.4s ease;
}

.prido-category-card-page:hover::before {
background: linear-gradient(to top, rgba(196, 30, 42, 0.9) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
}

.prido-category-card-page img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}

.prido-category-card-page:hover img {
transform: scale(1.08);
}

.prido-category-content-page {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 35px;
z-index: 2;
color: white;
text-align: left;
}

.prido-category-tag-page {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
background: var(–prido-red);
padding: 6px 14px;
margin-bottom: 14px;
color: white !important;
}

.prido-category-name-page {
font-size: 32px;
font-weight: 400;
margin-bottom: 10px;
color: white !important;
}

.prido-category-desc-page {
font-size: 16px;
opacity: 0.9;
margin-bottom: 24px;
line-height: 1.6;
color: white !important;
}

.prido-category-link-page {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: white !important;
padding-bottom: 4px;
border-bottom: 2px solid white;
transition: all 0.3s;
text-decoration: none !important;
}

.prido-category-card-page:hover .prido-category-link-page {
padding-left: 10px;
}

/* Info-bar under kategorier – CENTRERAD */
.prido-info-bar {
background: var(–prido-white);
padding: 60px 5%;
text-align: center !important;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.prido-info-bar p {
font-size: 18px;
color: var(–prido-gray) !important;
max-width: 700px;
margin: 0 auto 24px auto !important;
text-align: center !important;
}

.prido-info-bar a {
display: inline-block;
padding: 16px 32px;
background: var(–prido-red);
color: white !important;
text-decoration: none !important;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
transition: all 0.3s;
border: none;
}

.prido-info-bar a:hover {
background: var(–prido-red-dark);
transform: translateY(-2px);
color: white !important;
}

/* Responsive */
@media (max-width: 1024px) {
.prido-categories-grid-page {
grid-template-columns: 1fr;
gap: 20px;
max-width: 600px;
}

.prido-category-card-page {
aspect-ratio: 16/12;
}

.prido-page-hero h1 {
font-size: 32px;
}
}

@media (max-width: 640px) {
.prido-page-hero {
padding: 40px 5% 50px;
}

.prido-page-hero h1 {
font-size: 28px;
}

.prido-category-card-page {
aspect-ratio: 4/5;
}

.prido-category-name-page {
font-size: 26px;
}
}