/* Häckklippning Malmö - Stilmall */
:root{--purpur:#4a148c;--ljus-purpur:#7b1fa2;--beige:#f5f5dc;--vit:#fff;--grön:#4caf50;--skugga:0 2px 4px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#fff}
/* Malmö-specifik layout */
.malmö-container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Huvudnavigering */
.skåne-nav{background:var(--purpur);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:var(--skugga)}.nav-inner{display:flex;justify-content:space-between;align-items:center}.logo-häck{width:50px;height:50px;background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:24px;text-decoration:none}.nav-länkar{display:flex;list-style:none;gap:30px}.nav-länkar a{color:#fff;text-decoration:none;font-size:16px;transition:color 0.3s}.nav-länkar a:hover{color:var(--beige)}
/* Mobil meny */
.mobil-meny-knapp{display:none;background:none;border:none;color:#fff;font-size:28px;cursor:pointer}.mobil-offert-knapp{background:var(--grön);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:bold}
/* Hjälte sektion */
.hjälte{background:linear-gradient(135deg,var(--purpur),var(--ljus-purpur));color:#fff;padding:80px 0;text-align:center}.hjälte h1{font-size:3em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.hjälte p{font-size:1.3em;margin-bottom:30px}.cta-knapp{background:var(--grön);color:#fff;padding:15px 40px;font-size:1.2em;border:none;border-radius:50px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform 0.3s,box-shadow 0.3s;box-shadow:0 4px 6px rgba(0,0,0,0.2)}.cta-knapp:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.3)}
/* Säsongsektion */
.säsong-ruta{background:var(--beige);padding:40px;border-radius:10px;margin:40px 0;box-shadow:var(--skugga)}.säsong-ruta h2{color:var(--purpur);margin-bottom:20px;font-size:2em}.månad-innehåll{display:none}.månad-innehåll.aktiv{display:block}
/* Info rutor */
.info-rutor{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:50px 0}.info-kort{background:#fff;padding:25px;border-radius:10px;box-shadow:var(--skugga);border-left:4px solid var(--grön);transition:transform 0.3s}.info-kort:hover{transform:translateX(5px)}.info-kort h3{color:var(--purpur);margin-bottom:15px;font-size:1.3em}.info-kort p{color:#666;line-height:1.8}
/* Tabeller */
.pris-tabell{width:100%;border-collapse:collapse;margin:30px 0;box-shadow:var(--skugga)}.pris-tabell thead{background:var(--purpur);color:#fff}.pris-tabell th,.pris-tabell td{padding:15px;text-align:left;border:1px solid #ddd}.pris-tabell tbody tr:nth-child(even){background:var(--beige)}.pris-tabell tbody tr:hover{background:#e8e8e8}
/* Citat rutor */
.citat-box{background:linear-gradient(135deg,#f5f5dc,#fff);border-left:4px solid var(--grön);padding:25px;margin:30px 0;border-radius:5px;font-style:italic;position:relative}.citat-box::before{content:'"';font-size:4em;color:var(--purpur);opacity:0.2;position:absolute;top:-10px;left:10px}
/* Formulär */
.offert-formulär{background:#fff;padding:40px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);max-width:600px;margin:0 auto}.formulär-grupp{margin-bottom:25px}.formulär-grupp label{display:block;margin-bottom:8px;color:var(--purpur);font-weight:bold}.formulär-grupp input,.formulär-grupp textarea{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;transition:border-color 0.3s}.formulär-grupp input:focus,.formulär-grupp textarea:focus{border-color:var(--grön);outline:none}.skicka-knapp{background:var(--grön);color:#fff;padding:15px 40px;border:none;border-radius:50px;font-size:1.1em;cursor:pointer;width:100%;transition:background 0.3s}.skicka-knapp:hover{background:#45a049}
/* Frågor och svar */
.faq-container{margin:40px 0}.faq-item{margin-bottom:15px;border:1px solid #ddd;border-radius:5px;overflow:hidden}.faq-fråga{background:var(--beige);padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:bold;color:var(--purpur)}.faq-fråga:hover{background:#e8e8dc}.faq-svar{padding:20px;background:#fff;display:none}.faq-svar.öppen{display:block}.faq-pil{transition:transform 0.3s}.faq-pil.roterad{transform:rotate(180deg)}
/* Footer */
.sidfot{background:var(--purpur);color:#fff;padding:50px 0;margin-top:80px}.sidfot-innehåll{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.sidfot-sektion h3{margin-bottom:20px;color:var(--beige)}.sidfot-sektion ul{list-style:none}.sidfot-sektion a{color:#fff;text-decoration:none;line-height:2;transition:color 0.3s}.sidfot-sektion a:hover{color:var(--beige)}.copyright{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.2)}
/* Responsiv design */
@media(max-width:768px){.mobil-meny-knapp{display:block}.nav-länkar{display:none;position:absolute;top:100%;left:0;right:0;background:var(--purpur);flex-direction:column;padding:20px;box-shadow:var(--skugga)}.nav-länkar.öppen{display:flex}.hjälte h1{font-size:2em}.hjälte p{font-size:1.1em}.info-rutor{grid-template-columns:1fr}.pris-tabell{font-size:14px}.pris-tabell th,.pris-tabell td{padding:10px}.sidfot-innehåll{grid-template-columns:1fr}}
/* Specialeffekter */
.markera{background:yellow;padding:2px 4px}.understryk{text-decoration:underline;text-decoration-color:var(--grön);text-decoration-thickness:2px}.fet-text{font-weight:bold;color:var(--purpur)}.kursiv{font-style:italic}
/* Dropdown */
.dropdown{position:relative;margin:20px 0}.dropdown-huvud{background:var(--beige);padding:15px;cursor:pointer;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.dropdown-innehåll{display:none;background:#fff;padding:20px;border:1px solid #ddd;border-radius:0 0 5px 5px;margin-top:-1px}.dropdown-innehåll.visa{display:block}
/* CSS-bilder för rubriker */
.häck-ikon{display:inline-block;width:40px;height:40px;margin-right:10px;vertical-align:middle}.ikon-1{background:linear-gradient(45deg,#4caf50,#8bc34a);border-radius:50%}.ikon-2{background:linear-gradient(45deg,#2e7d32,#66bb6a);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.ikon-3{background:linear-gradient(135deg,#388e3c,#81c784);border-radius:10px}.ikon-4{background:linear-gradient(90deg,#1b5e20,#4caf50);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.ikon-5{background:linear-gradient(180deg,#2e7d32,#a5d6a7);border-radius:50% 50% 0 0}.ikon-6{background:linear-gradient(270deg,#4caf50,#c8e6c9);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.ikon-7{background:linear-gradient(315deg,#388e3c,#66bb6a);border-radius:20%}.ikon-8{background:linear-gradient(225deg,#1b5e20,#81c784);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}