/* ===== PRIDO WEBSHOP CUSTOM STYLES v5 ===== */

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

.prido-shop {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, sans-serif;
color: #1a1a1a;
line-height: 1.6;
overflow-x: hidden;
font-size: 16px;
–prido-red: #c02302;
–prido-red-dark: #a01e02;
–prido-red-light: #d93a1a;
–prido-black: #1a1a1a;
–prido-gray: #555555;
–prido-light: #f5f5f3;
–prido-white: #ffffff;
}

/* ===== TOP BANNER – PROFESSIONAL INDUSTRIAL DOORS ===== */
.prido-top-banner {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
padding: 50px 5%;
text-align: center;
}

.prido-pid-title {
font-size: 48px;
font-weight: 300;
font-style: italic;
letter-spacing: 2px;
margin-bottom: 0;
color: #ffffff !important;
}

.prido-pid-title .red {
color: #c02302 !important;
}

.prido-webshop-label {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #c02302 !important;
margin-bottom: 12px;
}

.prido-webshop-title {
font-size: 36px;
font-weight: 300;
color: var(–prido-black) !important;
}

/* ===== HERO MED KATEGORIER ===== */
.prido-hero-new {
display: grid;
grid-template-columns: 1fr 2fr;
background: var(–prido-light);
gap: 40px;
padding: 30px 5% 60px;
align-items: center;
}

.prido-hero-text {
padding-right: 20px;
}

.prido-hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 20px;
background: #c02302;
color: white !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 24px;
width: fit-content;
}

.prido-hero-title {
font-size: 38px;
font-weight: 300;
line-height: 1.2;
margin-bottom: 20px;
color: var(–prido-black) !important;
}

.prido-hero-title strong {
font-weight: 700;
}

.prido-hero-title em {
font-style: italic;
color: #c02302;
font-weight: 400;
}

.prido-hero-subtitle {
font-size: 18px;
color: var(–prido-gray) !important;
line-height: 1.7;
margin-bottom: 0;
}

/* Kategorier i hero */
.prido-hero-categories {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.prido-category-card {
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.15);
transition: all 0.3s ease;
}

.prido-category-card:hover {
box-shadow: 0 8px 40px rgba(0,0,0,0.25);
transform: translateY(-4px);
}

.prido-category-card::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:hover::before {
background: linear-gradient(to top, rgba(192, 35, 2, 0.9) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
}

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

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

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

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

.prido-category-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
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:hover .prido-category-link {
padding-left: 8px;
}

/* ===== TRUST BAR ===== */
.prido-trust-bar {
background: var(–prido-black);
padding: 50px 5%;
display: flex;
justify-content: center;
gap: 80px;
flex-wrap: wrap;
border-top: 4px solid #c02302;
}

.prido-trust-item {
text-align: center;
color: white;
}

.prido-trust-number {
font-size: 48px;
font-weight: 300;
margin-bottom: 8px;
color: white !important;
}

.prido-trust-number span {
color: #d93a1a !important;
}

.prido-trust-label {
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
opacity: 0.7;
color: white !important;
}

/* ===== OM PRIDO SEKTION ===== */
.prido-about {
padding: 100px 5%;
background: var(–prido-white);
}

.prido-about-container {
max-width: 900px;
margin: 0 auto;
text-align: center;
}

.prido-about-title {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #c02302 !important;
margin-bottom: 20px;
}

.prido-about-heading {
font-size: 36px;
font-weight: 300;
color: var(–prido-black) !important;
margin-bottom: 40px;
line-height: 1.3;
}

.prido-about-text {
font-size: 18px;
line-height: 1.9;
color: var(–prido-gray) !important;
text-align: left;
}

.prido-about-text p {
margin-bottom: 24px;
color: var(–prido-gray) !important;
}

.prido-about-text strong {
color: var(–prido-black) !important;
font-weight: 600;
}

.prido-about-highlight {
background: var(–prido-light);
padding: 30px 40px;
margin-top: 40px;
border-left: 4px solid #c02302;
text-align: left;
}

.prido-about-highlight p {
font-size: 20px;
font-weight: 600;
color: var(–prido-black) !important;
margin: 0;
}

/* ===== USP SEKTION ===== */
.prido-usp {
padding: 100px 5%;
background: var(–prido-light);
}

.prido-section-header {
text-align: center;
margin-bottom: 60px;
}

.prido-section-label {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #c02302 !important;
margin-bottom: 16px;
}

.prido-section-title {
font-size: 42px;
font-weight: 300;
color: var(–prido-black) !important;
}

.prido-usp-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
max-width: 1200px;
margin: 0 auto;
}

.prido-usp-item {
text-align: center;
}

.prido-usp-icon {
width: 80px;
height: 80px;
margin: 0 auto 24px;
display: flex;
align-items: center;
justify-content: center;
background: #c02302;
border-radius: 50%;
}

.prido-usp-icon svg {
width: 36px;
height: 36px;
stroke: white;
fill: none;
stroke-width: 1.5;
}

.prido-usp-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
color: var(–prido-black) !important;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.prido-usp-desc {
font-size: 16px;
color: var(–prido-gray) !important;
line-height: 1.6;
}

/* ===== CTA BANNER ===== */
.prido-cta {
padding: 100px 5%;
background: #c02302 !important;
text-align: center;
color: white;
position: relative;
}

.prido-cta-container {
max-width: 700px;
margin: 0 auto;
}

.prido-cta-title {
font-size: 42px;
font-weight: 300;
margin-bottom: 20px;
color: #ffffff !important;
}

.prido-cta-text {
font-size: 20px;
opacity: 0.95;
margin-bottom: 40px;
line-height: 1.6;
color: #ffffff !important;
}

.prido-cta h2,
.prido-cta p {
color: #ffffff !important;
}

.prido-btn-white {
background: #ffffff !important;
color: #c02302 !important;
border: 2px solid #ffffff !important;
padding: 20px 45px;
font-size: 15px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none !important;
display: inline-block;
transition: all 0.3s ease;
}

.prido-btn-white:hover {
background: transparent !important;
color: #ffffff !important;
transform: translateY(-2px);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
.prido-pid-title {
font-size: 36px;
}

.prido-hero-new {
grid-template-columns: 1fr;
gap: 40px;
padding: 30px 5% 50px;
}

.prido-hero-text {
text-align: center;
padding-right: 0;
}

.prido-hero-badge {
margin-left: auto;
margin-right: auto;
}

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

.prido-hero-categories {
grid-template-columns: 1fr;
gap: 16px;
max-width: 500px;
margin: 0 auto;
}

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

.prido-usp-grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}

.prido-trust-bar {
gap: 40px;
}

.prido-trust-number {
font-size: 36px;
}
}

@media (max-width: 640px) {
.prido-top-banner {
padding: 35px 5%;
}

.prido-pid-title {
font-size: 26px;
letter-spacing: 1px;
}

.prido-webshop-header {
padding: 35px 5% 20px;
}

.prido-webshop-title {
font-size: 28px;
}

.prido-hero-new {
padding: 20px 5% 40px;
}

.prido-hero-title {
font-size: 26px;
}

.prido-hero-subtitle {
font-size: 16px;
}

.prido-usp-grid {
grid-template-columns: 1fr;
}

.prido-trust-bar {
gap: 30px;
padding: 40px 5%;
}

.prido-trust-number {
font-size: 32px;
}

.prido-section-title {
font-size: 32px;
}

.prido-cta-title {
font-size: 32px;
}

.prido-about-heading {
font-size: 28px;
}

.prido-about-text {
font-size: 16px;
}
}