/* Trädvård Skåne - Stilmall */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Source+Sans+3:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&family=Lora:wght@400;500;600&family=Outfit:wght@300;400;500;600&display=swap');
:root{--trad-ljus:#faf9f7;--trad-beige:#f5f1eb;--trad-bark:#4a3f35;--trad-lov:#5b7c4d;--trad-lov-ljus:#7fa06b;--trad-accent:#d4a574;--trad-cta:#e8b4b8;--trad-cta-hover:#dba0a5;--trad-text:#2d2a26;--trad-text-ljus:#5c5750;--trad-vit:#ffffff;--trad-skugga:0 4px 20px rgba(74,63,53,0.08);--trad-skugga-hover:0 8px 32px rgba(74,63,53,0.15);--trad-rund:12px;--trad-glas:rgba(255,255,255,0.85);--rubrik:'Cormorant Garamond',Georgia,serif;--brodtext:'Source Sans 3',system-ui,sans-serif;--accent-font:'Playfair Display',serif;--detalj:'Lora',serif;--ui:'Outfit',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:clamp(15px,1.2vw,18px)}
body{font-family:var(--brodtext);background:var(--trad-ljus);color:var(--trad-text);line-height:1.7;overflow-x:hidden}
/* Trädlogotyp med CSS */
.trad-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.trad-logo-ikon{width:48px;height:48px;position:relative}
.trad-logo-stam{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:8px;height:24px;background:linear-gradient(180deg,var(--trad-bark) 0%,#3a3028 100%);border-radius:2px}
.trad-logo-krona{position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:32px;background:radial-gradient(ellipse at center,var(--trad-lov) 0%,var(--trad-lov-ljus) 50%,transparent 70%);border-radius:50% 50% 45% 45%}
.trad-logo-krona::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:28px;height:24px;background:radial-gradient(ellipse,var(--trad-lov-ljus) 0%,transparent 70%);border-radius:50%}
.trad-logo-krona::after{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:20px;height:18px;background:radial-gradient(ellipse,var(--trad-lov) 0%,transparent 65%);border-radius:50%}
.trad-logo-text{font-family:var(--rubrik);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:var(--trad-bark)}
.trad-logo-text span{display:block;font-size:0.55em;font-weight:400;color:var(--trad-text-ljus);letter-spacing:0.1em;font-family:var(--ui)}
/* Header med glasmorfism */
.trad-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:clamp(12px,2vw,20px) clamp(16px,4vw,48px);background:var(--trad-glas);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all 0.3s ease;border-bottom:1px solid rgba(74,63,53,0.05)}
.trad-header.scrollad{background:rgba(250,249,247,0.95);box-shadow:var(--trad-skugga)}
.trad-header-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.trad-nav{display:flex;gap:clamp(16px,3vw,32px);align-items:center}
.trad-nav a{font-family:var(--ui);font-weight:500;color:var(--trad-text);text-decoration:none;font-size:0.95rem;transition:color 0.2s;position:relative}
.trad-nav a:hover{color:var(--trad-lov)}
.trad-nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--trad-lov);transition:width 0.3s}
.trad-nav a:hover::after{width:100%}
/* CTA-knapp */
.trad-cta{display:inline-flex;align-items:center;gap:8px;background:var(--trad-cta);color:var(--trad-bark);padding:clamp(12px,1.5vw,16px) clamp(20px,2.5vw,32px);border-radius:var(--trad-rund);font-family:var(--ui);font-weight:600;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;font-size:clamp(0.9rem,1vw,1rem)}
.trad-cta:hover{background:var(--trad-cta-hover);transform:translateY(-2px);box-shadow:var(--trad-skugga-hover)}
.trad-cta-sekundar{background:transparent;border:2px solid var(--trad-bark);color:var(--trad-bark)}
.trad-cta-sekundar:hover{background:var(--trad-bark);color:var(--trad-vit)}
/* Mobilmeny */
.trad-mobil-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.trad-mobil-toggle span{width:24px;height:2px;background:var(--trad-bark);transition:all 0.3s}
@media(max-width:900px){
.trad-nav{position:fixed;top:0;right:-100%;width:min(320px,85vw);height:100vh;background:var(--trad-ljus);flex-direction:column;padding:100px 32px 32px;gap:24px;transition:right 0.4s ease;box-shadow:-4px 0 32px rgba(0,0,0,0.1)}
.trad-nav.oppen{right:0}
.trad-mobil-toggle{display:flex}
.trad-mobil-toggle.aktiv span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.trad-mobil-toggle.aktiv span:nth-child(2){opacity:0}
.trad-mobil-toggle.aktiv span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.trad-header-cta-desktop{display:none}
.trad-nav .trad-cta{width:100%;justify-content:center}
}
/* Hero-sektion */
.trad-hero{min-height:clamp(600px,85vh,900px);display:flex;flex-direction:column;justify-content:center;padding:clamp(100px,15vh,160px) clamp(16px,5vw,64px) clamp(48px,8vh,80px);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--trad-beige) 0%,var(--trad-ljus) 50%,rgba(127,160,107,0.08) 100%)}
.trad-hero::before{content:'';position:absolute;top:-30%;right:-20%;width:80%;height:140%;background:radial-gradient(ellipse at center,rgba(127,160,107,0.15) 0%,transparent 60%);animation:heroBlob 20s ease-in-out infinite}
.trad-hero::after{content:'';position:absolute;bottom:-40%;left:-10%;width:60%;height:120%;background:radial-gradient(ellipse,rgba(212,165,116,0.1) 0%,transparent 55%);animation:heroBlob 25s ease-in-out infinite reverse}
@keyframes heroBlob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(0.95)}}
.trad-hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.trad-hero h1{font-family:var(--rubrik);font-size:clamp(2.4rem,6vw,4.5rem);font-weight:700;color:var(--trad-bark);line-height:1.15;margin-bottom:clamp(16px,2vw,24px);max-width:14ch}
.trad-hero-underrubrik{font-family:var(--detalj);font-size:clamp(1.1rem,2vw,1.4rem);color:var(--trad-text-ljus);max-width:50ch;margin-bottom:clamp(24px,4vw,40px);line-height:1.6}
.trad-hero-knappar{display:flex;gap:16px;flex-wrap:wrap}
/* Statistikrad */
.trad-statistik{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(16px,3vw,32px);margin-top:clamp(32px,5vw,56px);padding-top:clamp(24px,4vw,40px);border-top:1px solid rgba(74,63,53,0.1)}
.trad-stat{text-align:center}
.trad-stat-tal{font-family:var(--rubrik);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--trad-lov);line-height:1}
.trad-stat-text{font-family:var(--ui);font-size:0.85rem;color:var(--trad-text-ljus);margin-top:4px}
/* Process-steg */
.trad-process{padding:clamp(48px,8vw,96px) clamp(16px,5vw,64px);background:var(--trad-vit)}
.trad-process-inner{max-width:1200px;margin:0 auto}
.trad-sektion-rubrik{font-family:var(--rubrik);font-size:clamp(1.8rem,4vw,2.8rem);color:var(--trad-bark);text-align:center;margin-bottom:clamp(32px,5vw,56px)}
.trad-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,3vw,40px)}
.trad-process-steg{position:relative;padding:clamp(32px,4vw,48px) clamp(24px,3vw,36px);background:var(--trad-ljus);border-radius:var(--trad-rund);transition:all 0.3s}
.trad-process-steg:hover{transform:translateY(-4px);box-shadow:var(--trad-skugga-hover)}
.trad-process-nummer{position:absolute;top:16px;right:16px;font-family:var(--rubrik);font-size:clamp(4rem,8vw,6rem);font-weight:700;color:rgba(91,124,77,0.08);line-height:1}
.trad-process-steg h3{font-family:var(--accent-font);font-size:clamp(1.2rem,2vw,1.5rem);color:var(--trad-bark);margin-bottom:12px;position:relative;z-index:1}
.trad-process-steg p{color:var(--trad-text-ljus);font-size:0.95rem;position:relative;z-index:1}
/* Servicekort */
.trad-tjanster{padding:clamp(48px,8vw,96px) clamp(16px,5vw,64px);background:linear-gradient(180deg,var(--trad-ljus) 0%,var(--trad-beige) 100%)}
.trad-tjanster-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,3vw,32px)}
.trad-kort{background:var(--trad-vit);border-radius:var(--trad-rund);padding:clamp(28px,4vw,40px);position:relative;overflow:hidden;transition:all 0.3s;box-shadow:var(--trad-skugga)}
.trad-kort::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--trad-lov),var(--trad-accent));transition:width 0.4s}
.trad-kort:hover{transform:translateY(-6px);box-shadow:var(--trad-skugga-hover)}
.trad-kort:hover::before{width:100%}
.trad-kort-ikon{width:56px;height:56px;background:linear-gradient(135deg,var(--trad-lov-ljus) 0%,var(--trad-lov) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.trad-kort-ikon svg{width:28px;height:28px;stroke:var(--trad-vit);fill:none;stroke-width:2}
.trad-kort h3{font-family:var(--accent-font);font-size:clamp(1.15rem,1.8vw,1.35rem);color:var(--trad-bark);margin-bottom:12px}
.trad-kort p{color:var(--trad-text-ljus);font-size:0.92rem;margin-bottom:16px}
.trad-kort-lank{font-family:var(--ui);font-weight:600;color:var(--trad-lov);text-decoration:none;font-size:0.9rem;display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s}
.trad-kort-lank:hover{gap:10px}
/* FAQ-accordion */
.trad-faq{padding:clamp(48px,8vw,96px) clamp(16px,5vw,64px);background:var(--trad-vit)}
.trad-faq-inner{max-width:900px;margin:0 auto}
.trad-faq-item{border-bottom:1px solid rgba(74,63,53,0.1);overflow:hidden}
.trad-faq-fraga{width:100%;background:none;border:none;padding:clamp(20px,3vw,28px) 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}
.trad-faq-fraga h3{font-family:var(--detalj);font-size:clamp(1rem,1.5vw,1.15rem);color:var(--trad-bark);font-weight:500;padding-right:16px}
.trad-faq-ikon{width:24px;height:24px;position:relative;flex-shrink:0}
.trad-faq-ikon::before,.trad-faq-ikon::after{content:'';position:absolute;background:var(--trad-lov);transition:transform 0.3s}
.trad-faq-ikon::before{width:14px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
.trad-faq-ikon::after{width:2px;height:14px;top:50%;left:50%;transform:translate(-50%,-50%)}
.trad-faq-item.oppen .trad-faq-ikon::after{transform:translate(-50%,-50%) rotate(90deg)}
.trad-faq-svar{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
.trad-faq-svar-inner{padding:0 0 clamp(20px,3vw,28px);color:var(--trad-text-ljus);font-size:0.95rem;line-height:1.7}
/* Info-rutor */
.trad-info-ruta{background:var(--trad-beige);border-left:4px solid var(--trad-lov);padding:clamp(20px,3vw,28px);margin:clamp(24px,4vw,40px) 0;border-radius:0 var(--trad-rund) var(--trad-rund) 0}
.trad-info-ruta.varning{border-left-color:var(--trad-accent)}
.trad-info-ruta.tips{border-left-color:var(--trad-cta)}
.trad-info-ruta h4{font-family:var(--accent-font);color:var(--trad-bark);margin-bottom:8px;font-size:1.05rem}
.trad-info-ruta p{color:var(--trad-text-ljus);font-size:0.92rem;margin:0}
/* CTA-sektion med roterande ljuseffekt */
.trad-cta-sektion{padding:clamp(56px,10vw,120px) clamp(16px,5vw,64px);background:linear-gradient(135deg,var(--trad-bark) 0%,#3a3028 50%,var(--trad-bark) 100%);position:relative;overflow:hidden;text-align:center}
.trad-cta-sektion::before{content:'';position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,0.03),transparent,rgba(255,255,255,0.05),transparent);animation:ctaRotate 20s linear infinite;transform-origin:center}
@keyframes ctaRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
.trad-cta-sektion-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.trad-cta-sektion h2{font-family:var(--rubrik);font-size:clamp(1.8rem,4vw,2.8rem);color:var(--trad-vit);margin-bottom:16px}
.trad-cta-sektion p{color:rgba(255,255,255,0.8);font-size:clamp(1rem,1.5vw,1.15rem);margin-bottom:clamp(24px,4vw,36px)}
.trad-cta-sektion .trad-cta{background:var(--trad-cta);color:var(--trad-bark)}
/* Tidsbaserat meddelande - kompakt */
.trad-tid-meddelande{display:inline-block;padding:8px 16px;background:rgba(91,124,77,0.08);border-radius:20px;margin:12px 0 20px;font-size:0.85rem;border-left:3px solid var(--trad-lov)}
.trad-tid-meddelande h3{display:none}
.trad-tid-meddelande p{color:var(--trad-text-ljus);margin:0;font-style:italic}
/* Ortssektion */
.trad-orter{padding:clamp(48px,8vw,96px) clamp(16px,5vw,64px);background:var(--trad-beige)}
.trad-orter-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(16px,2.5vw,28px)}
.trad-ort-kort{background:var(--trad-vit);padding:clamp(24px,3vw,32px);border-radius:var(--trad-rund);transition:all 0.3s}
.trad-ort-kort:hover{transform:translateY(-3px);box-shadow:var(--trad-skugga-hover)}
.trad-ort-kort h3{font-family:var(--accent-font);color:var(--trad-bark);margin-bottom:8px;font-size:1.1rem}
.trad-ort-kort p{color:var(--trad-text-ljus);font-size:0.9rem;margin-bottom:12px}
/* Tabell */
.trad-tabell-container{overflow-x:auto;margin:clamp(24px,4vw,40px) 0}
.trad-tabell{width:100%;border-collapse:collapse;background:var(--trad-vit);border-radius:var(--trad-rund);overflow:hidden;box-shadow:var(--trad-skugga)}
.trad-tabell th,.trad-tabell td{padding:clamp(12px,2vw,18px) clamp(16px,2.5vw,24px);text-align:left}
.trad-tabell th{background:var(--trad-bark);color:var(--trad-vit);font-family:var(--ui);font-weight:600;font-size:0.9rem}
.trad-tabell td{border-bottom:1px solid rgba(74,63,53,0.08);color:var(--trad-text);font-size:0.92rem}
.trad-tabell tr:last-child td{border-bottom:none}
.trad-tabell tr:hover td{background:rgba(91,124,77,0.03)}
.trad-tabell-not{font-size:0.85rem;color:var(--trad-text-ljus);font-style:italic;margin-top:12px}
/* Formulär */
.trad-form{max-width:600px;margin:0 auto}
.trad-form-grupp{margin-bottom:clamp(16px,2.5vw,24px)}
.trad-form-grupp label{display:block;font-family:var(--ui);font-weight:500;color:var(--trad-bark);margin-bottom:8px;font-size:0.95rem}
.trad-form-grupp input,.trad-form-grupp textarea,.trad-form-grupp select{width:100%;padding:clamp(12px,1.8vw,16px);border:2px solid rgba(74,63,53,0.15);border-radius:var(--trad-rund);font-family:var(--brodtext);font-size:1rem;transition:border-color 0.2s;background:var(--trad-vit)}
.trad-form-grupp input:focus,.trad-form-grupp textarea:focus,.trad-form-grupp select:focus{outline:none;border-color:var(--trad-lov)}
.trad-form-grupp textarea{min-height:150px;resize:vertical}
.trad-form .trad-cta{width:100%;justify-content:center}
.trad-spam-skydd{display:flex;gap:12px;align-items:center;margin-bottom:clamp(16px,2.5vw,24px);padding:16px;background:var(--trad-beige);border-radius:var(--trad-rund)}
.trad-spam-skydd label{margin:0;font-size:0.92rem}
.trad-spam-skydd input{width:auto;padding:8px 12px;max-width:80px}
.trad-honeypot{position:absolute;left:-9999px}
/* Formulärets bekräftelseruta */
.trad-bekraftelse{background:linear-gradient(135deg,rgba(91,124,77,0.15) 0%,rgba(127,160,107,0.1) 100%);border:2px solid var(--trad-lov);border-radius:var(--trad-rund);padding:clamp(24px,4vw,40px);text-align:center;margin:clamp(24px,4vw,40px) 0}
.trad-bekraftelse h3{font-family:var(--accent-font);color:var(--trad-lov);margin-bottom:8px}
.trad-bekraftelse p{color:var(--trad-text)}
/* Innehållssektioner */
.trad-innehall{padding:clamp(100px,12vw,140px) clamp(16px,5vw,64px) clamp(48px,8vw,96px);background:var(--trad-ljus)}
.trad-innehall-inner{max-width:900px;margin:0 auto}
.trad-innehall h1{font-family:var(--rubrik);font-size:clamp(2rem,5vw,3.2rem);color:var(--trad-bark);margin-bottom:clamp(16px,2.5vw,24px);line-height:1.2}
.trad-innehall h2{font-family:var(--accent-font);font-size:clamp(1.4rem,3vw,2rem);color:var(--trad-bark);margin:clamp(32px,5vw,48px) 0 clamp(12px,2vw,20px)}
.trad-innehall h3{font-family:var(--detalj);font-size:clamp(1.15rem,2vw,1.4rem);color:var(--trad-bark);margin:clamp(24px,4vw,36px) 0 clamp(8px,1.5vw,12px)}
.trad-innehall p{color:var(--trad-text);margin-bottom:clamp(12px,2vw,18px);font-size:clamp(0.95rem,1.1vw,1.05rem)}
.trad-innehall ul,.trad-innehall ol{margin:clamp(16px,2.5vw,24px) 0;padding-left:clamp(20px,3vw,32px);color:var(--trad-text)}
.trad-innehall li{margin-bottom:8px}
.trad-innehall a{color:var(--trad-lov);text-decoration:underline;text-underline-offset:3px;transition:color 0.2s}
.trad-innehall a:hover{color:var(--trad-bark)}
.trad-innehall strong{font-weight:600;color:var(--trad-bark)}
.trad-innehall em{font-style:italic}
.trad-innehall u{text-decoration:underline;text-decoration-color:var(--trad-accent);text-underline-offset:3px}
/* Bild-rubriker med CSS */
.trad-bild-rubrik{position:relative;padding:clamp(40px,6vw,64px) clamp(24px,4vw,40px);margin:clamp(32px,5vw,56px) 0;border-radius:var(--trad-rund);overflow:hidden;text-align:center}
.trad-bild-rubrik.lov{background:linear-gradient(135deg,rgba(91,124,77,0.2) 0%,rgba(127,160,107,0.1) 100%)}
.trad-bild-rubrik.bark{background:linear-gradient(135deg,rgba(74,63,53,0.15) 0%,rgba(58,48,40,0.08) 100%)}
.trad-bild-rubrik.sol{background:linear-gradient(135deg,rgba(212,165,116,0.2) 0%,rgba(232,180,184,0.1) 100%)}
.trad-bild-rubrik.himmel{background:linear-gradient(135deg,rgba(135,180,220,0.15) 0%,rgba(200,220,240,0.1) 100%)}
.trad-bild-rubrik::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,0.03) 20px,rgba(255,255,255,0.03) 40px)}
.trad-bild-rubrik h2,.trad-bild-rubrik h3{position:relative;z-index:1;margin:0}
/* Footer */
.trad-tjanster-footer{padding:clamp(40px,6vw,64px) clamp(16px,5vw,64px);background:var(--trad-beige)}
.trad-tjanster-footer-inner{max-width:1200px;margin:0 auto}
.trad-tjanster-footer h3{font-family:var(--accent-font);color:var(--trad-bark);margin-bottom:clamp(16px,2.5vw,24px);font-size:1.1rem}
.trad-tjanster-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(12px,2vw,20px)}
.trad-tjanster-footer a{display:block;padding:12px 16px;background:var(--trad-vit);border-radius:8px;color:var(--trad-text);text-decoration:none;font-family:var(--ui);font-size:0.9rem;transition:all 0.2s}
.trad-tjanster-footer a:hover{background:var(--trad-lov);color:var(--trad-vit)}
.trad-footer{padding:clamp(32px,5vw,48px) clamp(16px,5vw,64px);background:var(--trad-bark);color:rgba(255,255,255,0.7)}
.trad-footer-inner{max-width:1200px;margin:0 auto;text-align:center}
.trad-footer p{font-size:0.9rem;margin-bottom:4px}
.trad-footer a{color:rgba(255,255,255,0.9)}
.trad-footer-sitemap{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1)}
.trad-footer-sitemap a{font-size:0.85rem}
/* Säsongssektion */
.trad-sasong{padding:clamp(32px,5vw,56px);margin:clamp(24px,4vw,40px) auto;max-width:900px;border-radius:var(--trad-rund);position:relative;overflow:hidden}
.trad-sasong.vinter{background:linear-gradient(135deg,#e8f0f5 0%,#d0e0eb 100%)}
.trad-sasong.var{background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c8 100%)}
.trad-sasong.sommar{background:linear-gradient(135deg,#f5f0e0 0%,#e8dfc0 100%)}
.trad-sasong.host{background:linear-gradient(135deg,#f5e8e0 0%,#e8d0c0 100%)}
.trad-sasong h3{font-family:var(--accent-font);color:var(--trad-bark);margin-bottom:12px}
.trad-sasong p{color:var(--trad-text);margin-bottom:8px;font-size:0.95rem}
/* Slide-up animation */
.trad-slide-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}
.trad-slide-up.synlig{opacity:1;transform:translateY(0)}
/* Utility */
.trad-text-center{text-align:center}
.trad-mb-0{margin-bottom:0}
.trad-mt-stor{margin-top:clamp(40px,6vw,64px)}
@media(max-width:600px){
.trad-statistik{grid-template-columns:repeat(2,1fr)}
.trad-hero-knappar{flex-direction:column}
.trad-hero-knappar .trad-cta{width:100%;justify-content:center}
}
/* Dropdown info */
.trad-dropdown{margin:clamp(16px,2.5vw,24px) 0;border:1px solid rgba(74,63,53,0.1);border-radius:var(--trad-rund);overflow:hidden}
.trad-dropdown-trigger{width:100%;padding:clamp(16px,2.5vw,20px);background:var(--trad-beige);border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--detalj);font-size:1rem;color:var(--trad-bark);text-align:left}
.trad-dropdown-trigger::after{content:'+';font-size:1.5rem;color:var(--trad-lov);transition:transform 0.3s}
.trad-dropdown.oppen .trad-dropdown-trigger::after{transform:rotate(45deg)}
.trad-dropdown-innehall{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
.trad-dropdown-innehall-inner{padding:clamp(16px,2.5vw,24px);background:var(--trad-vit)}
/* Citat-ruta */
.trad-citat{position:relative;padding:clamp(24px,4vw,40px);padding-left:clamp(32px,5vw,56px);margin:clamp(24px,4vw,40px) 0;background:var(--trad-vit);border-radius:var(--trad-rund);box-shadow:var(--trad-skugga)}
.trad-citat::before{content:'"';position:absolute;top:12px;left:16px;font-family:var(--rubrik);font-size:4rem;color:var(--trad-lov);line-height:1;opacity:0.3}
.trad-citat p{font-family:var(--detalj);font-style:italic;color:var(--trad-text);font-size:1.05rem;margin:0}
/* 404 */
.trad-404{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(100px,15vh,160px) clamp(16px,5vw,64px)}
.trad-404 h1{font-family:var(--rubrik);font-size:clamp(4rem,10vw,8rem);color:var(--trad-lov);line-height:1}
.trad-404 p{font-size:1.1rem;color:var(--trad-text-ljus);margin:16px 0 32px}