.hron-custom-header {position:relative; z-index:1002; background:#fff; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; transition:background-color .25s ease, box-shadow .25s ease;}
.hron-custom-header {box-shadow:none !important;}
.hron-custom-header, .hron-custom-header * {box-sizing:border-box;}

@media (max-width:992px) {
.hron-submenu-panel {position:static; margin-left:0; box-shadow:none; border:0; padding:6px 0 0; visibility:hidden; opacity:0; height:0; overflow:hidden; transform:translateY(-10px);}
.hron-submenu.is-open > .hron-submenu-panel {visibility:visible; opacity:1; transform:translateY(0); height:auto;}
}

.hron-custom-header a {text-decoration:none; color:inherit;}
.hron-custom-header a, .hron-custom-header button {font:inherit; line-height:1;}
.hron-custom-header a:where(.hron-cta), .hron-custom-header .hron-item-link, .hron-custom-header .hron-mega-link, .hron-custom-header .hron-lang-current {-webkit-appearance:none; appearance:none;}
.hron-custom-container {max-width:none; margin:0; padding:0 0; display:grid; grid-template-columns:min-content 1fr auto auto; align-items:center; column-gap:24px; min-height:70px;}
.hron-custom-logo {display:inline-flex; align-items:center; text-decoration:none; color:inherit; white-space:nowrap;}
.hron-site-logo {height:36px !important; width:auto !important; display:block; flex-shrink:0; max-width:none !important; transform:none !important;}
.hron-site-logo[src*="HR_ON_logo_wideDarkBlue.png"] {content:url('https://hr-on.com/wp-content/uploads/2025/11/logo-blue.svg');}
.hron-custom-header.is-scrolled .hron-site-logo {content:url('https://hr-on.com/wp-content/uploads/2025/11/logo-white.svg') !important;}
.hron-custom-logo {flex:0 0 auto !important; min-width:fit-content;}
.hron-custom-logo {flex:0 0 auto; min-width:fit-content;}
.hron-custom-menu {list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:24px; justify-content:center;}
.hron-custom-menu {flex-wrap:nowrap;}
.hron-custom-item {position:relative;}
.hron-custom-logo {padding-left:24px;}
.hron-right {padding-right:24px;}
.hron-right {display:flex; align-items:center; gap:16px; flex-wrap:nowrap;}
.hron-right .hron-cta {white-space:nowrap;}
.hron-right .hron-cta {all:unset; display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 20px; border-radius:20px 5px 20px 5px; cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent; position:relative; font-weight:600; font-size:14px; letter-spacing:.3px; color:#ffffff !important; background:#ff6f61 !important; box-shadow:0 4px 12px rgba(255, 111, 97, 0.3); transform:translateZ(0); will-change:transform, box-shadow; transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1); overflow:hidden; white-space:nowrap !important;}
.hron-cta-switch {display:inline-flex; align-items:stretch; justify-content:center; position:relative; height:46px; padding:0; border-radius:999px; background:rgba(8,21,58,0.06); border:1px solid rgba(8, 21, 58, 0.12); box-shadow:0 6px 18px rgba(8, 21, 58, 0.08); overflow:hidden;}
.hron-cta-switch::before {content:''; position:absolute; top:3px; bottom:3px; left:3px; width:calc(50% + 2px); border-radius:999px; background:linear-gradient(135deg, #ff7c70 0%, #ff6f61 40%, #ff8a7f 100%); background-color:rgba(8, 21, 58, 0.06); background-blend-mode:multiply; box-shadow:0 8px 20px rgba(255, 111, 97, 0.28); transition:left .25s ease; will-change:left, background-position; z-index:0;}
.hron-cta-switch:has(.hron-cta--secondary:hover)::before, .hron-cta-switch:has(.hron-cta--secondary:focus-visible)::before {left:calc(50% - 4px - 3px); background-image:linear-gradient(90deg, #064CBE 0%, #2A5EF6 10%, #FA7F00 20%, #FF9F00 30%, #F14E0F 40%, #FF7000 50%, #00A27A 60%, #00A37A 70%, #3b82f6 80%, #2563eb 90%, #3b82f6 95%, #2563eb 100% ); background-size:800% 100%; background-position:0% 50%; box-shadow:0 8px 20px rgba(37, 99, 235, 0.28); will-change:background-position, left; animation:hronCtaPrisSweep 1.2s linear 1 both;}
.hron-cta-switch:has(.hron-cta--primary:hover)::before, .hron-cta-switch:has(.hron-cta--primary:focus-visible)::before {left:3px; background:linear-gradient(135deg, #ff7c70 0%, #ff6f61 40%, #ff8a7f 100%); background-color:rgba(8, 21, 58, 0.06); background-blend-mode:multiply; box-shadow:0 8px 20px rgba(255, 111, 97, 0.28);}

@keyframes hronCtaPrisSweep {
0% {background-position:0% 50%;}
100% {background-position:100% 50%;}
}

.hron-cta-switch a {all:unset; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; min-width:100px; flex:1 1 0; position:relative; z-index:1; font-weight:800; font-size:14px; letter-spacing:.2px; cursor:pointer; user-select:none; transition:color .2s ease, transform .2s ease; color:rgba(8,21,58,0.85);}
.hron-cta--secondary {text-align:center;}
.hron-cta--primary {color:#ffffff;}
.hron-cta-switch:not(:has(.hron-cta--secondary:hover)):not(:has(.hron-cta--secondary:focus-visible)) .hron-cta--primary {color:#ffffff;}
.hron-cta--secondary {color:#0e1a3d;}
.hron-cta-switch:has(.hron-cta--secondary:hover) .hron-cta--secondary, .hron-cta-switch:has(.hron-cta--secondary:focus-visible) .hron-cta--secondary {color:#ffffff;}
.hron-cta-switch:has(.hron-cta--secondary:hover) .hron-cta--primary, .hron-cta-switch:has(.hron-cta--secondary:focus-visible) .hron-cta--primary {color:#0e1a3d;}
.hron-cta-switch:has(.hron-cta--primary:hover) .hron-cta--primary, .hron-cta-switch:has(.hron-cta--primary:focus-visible) .hron-cta--primary {color:#ffffff;}
.hron-cta-switch:has(.hron-cta--primary:hover) .hron-cta--secondary, .hron-cta-switch:has(.hron-cta--primary:focus-visible) .hron-cta--secondary {color:#0e1a3d;}
.hron-cta-switch a:hover {transform:translateY(-1px);}
.hron-cta-switch a:active {transform:translateY(0);}
.hron-cta-switch a:focus-visible {outline:0; box-shadow:0 0 0 3px rgba(31,87,255,0.35); border-radius:999px;}

@media (max-width: 1200px) {
.hron-cta-switch {height:40px;}
.hron-cta-switch a {padding:0 10px; min-width:92px; font-size:13px;}
}

@media (max-width: 992px) {
.hron-cta-switch {height:38px;}
.hron-cta-switch a {padding:0 8px; min-width:88px;}
}

.hron-right .hron-cta::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg, rgba(255, 111, 97, 0) 0%, rgba(255, 111, 97, 0.25) 100%); opacity:0; transition:opacity 0.2s ease; z-index:-1; white-space:nowrap !important;}
.hron-right .hron-cta:hover {transform:translateY(-2px); box-shadow:0 8px 20px rgba(255, 111, 97, 0.4);}
.hron-right .hron-cta:hover::before {opacity:1;}
.hron-right .hron-cta:active {transform:translateY(0); box-shadow:0 4px 12px rgba(255, 111, 97, 0.3);}
.hron-right .hron-cta:focus-visible {outline:0; box-shadow:0 0 0 3px rgba(255, 111, 97, 0.35), 0 4px 12px rgba(255, 111, 97, 0.3);}
.hron-lang {position:relative; z-index:3001;}
.hron-lang-current {display:inline-flex; align-items:center; gap:8px; color:#374151; font-weight:500; font-size:14px; cursor:pointer; transition:color 0.2s ease; position:relative; padding:8px 0; white-space:nowrap; max-width:120px; overflow:hidden; text-overflow:ellipsis;}
.hron-lang-current::after {content:none !important;}
#hron-custom-header .hron-lang .hron-chevron-icon {font-size:12px; color:#6b7280; margin-left:6px; transform:translateY(-1px); transition:transform .3s ease, color .3s ease;}
#hron-custom-header .hron-lang:hover .hron-chevron-icon, #hron-custom-header .hron-lang.is-open .hron-chevron-icon {color:#1f57ff; transform:translateY(-1px) rotate(180deg);}
.hron-custom-header.is-scrolled #hron-custom-header .hron-lang .hron-chevron-icon {color:#ffffff !important;}
.hron-custom-header.is-scrolled #hron-custom-header .hron-lang:hover .hron-chevron-icon, .hron-custom-header.is-scrolled #hron-custom-header .hron-lang.is-open .hron-chevron-icon {color:#ffffff !important; transform:translateY(-1px) rotate(180deg);}

/* Force white chevron on scroll - additional rule */
.hron-custom-header.is-scrolled .hron-lang .hron-chevron-icon,
.hron-custom-header.is-scrolled .hron-lang:hover .hron-chevron-icon,
.hron-custom-header.is-scrolled .hron-lang.is-open .hron-chevron-icon {
    color: #ffffff !important;
}

.hron-lang-current:hover {color:#667eea;}
.hron-lang-flag {width:20px; height:15px; object-fit:cover; border-radius:2px; box-shadow:0 1px 3px rgba(0,0,0,0.1); flex-shrink:0;}
.hron-lang-list {position:absolute; right:0; top:calc(100% + 8px); list-style:none; margin:0; padding:8px; background:#ffffff; border-radius:12px; box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); display:none; min-width:160px; border:1px solid #e5e7eb; opacity:0; transform:translateY(-8px); transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index:3002;}
.hron-lang.is-open .hron-lang-list {display:block; opacity:1; transform:translateY(0);}

@media (min-width: 993px) {
#hron-custom-header .hron-lang {position:relative;}
#hron-custom-header .hron-lang-list {position:absolute !important; right:0 !important; left:auto !important; top:calc(100% + 8px) !important; z-index:3002; transform:translateY(-8px); width:auto !important; min-width:180px !important;}
#hron-custom-header .hron-lang.is-open .hron-lang-list {display:block; opacity:1; transform:translateY(0);}
}

.hron-lang-list li {margin:0;}
.hron-lang-list li a {display:flex; align-items:center; gap:10px; padding:12px 14px; text-decoration:none; color:#374151; border-radius:8px; font-size:14px; font-weight:500; transition:all 0.15s ease; position:relative; overflow:hidden; white-space:nowrap;}
.hron-lang-list li a::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); opacity:0; transition:opacity 0.15s ease; z-index:-1;}
.hron-lang-list li a:hover {background:#f8fafc; color:#1f2937; transform:translateX(2px);}
.hron-lang-list li a:hover::before {opacity:0.03;}
.hron-lang-list li a:active {transform:translateX(1px);}
.hron-item-link {display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:#0e1116; padding:14px 12px; border-radius:10px; transition:background 0.3s ease; white-space:nowrap; position:relative;}
.hron-item-link::after {content:''; position:absolute; left:12px; right:12px; bottom:6px; height:2px; background:#1f57ff; border-radius:2px; transform:scaleX(0); transform-origin:left; transition:transform .3s ease;}
.hron-item-link:hover::after {transform:scaleX(1);}
.hron-item-link:hover {background:#f8f9fb;}
.hron-item-title {font-weight:400; line-height:1.3; font-size:15px; display:inline-flex; align-items:center; gap:8px; white-space:nowrap;}
.hron-item-title i {flex:0 0 auto; display:inline-block;}
.hron-item-title .hron-chevron-icon {font-size:12px; color:#6b7280; display:inline-block;}
.hron-custom-item:hover > a .hron-chevron-icon, .hron-custom-item.is-mega-open > a .hron-chevron-icon {color:#1f57ff; transform:translateY(-1px) rotate(180deg);}
.hron-item-desc {display:none;}
.hron-mega {position:absolute; left:0; top:100%; visibility:hidden; display:grid; background:#fff; border-radius:10px; padding:16px; box-shadow:0 20px 50px rgba(0,0,0,.12); min-width:420px; gap:8px; z-index:1001; overflow:hidden; opacity:0; transform:translateY(6px); transition:opacity .3s ease, transform .3s ease, visibility .3s ease; will-change:opacity, transform, visibility; pointer-events:none;}
#hron-custom-header .hron-mega::before {content:""; position:absolute; left:0; right:0; top:-12px; height:12px; background:transparent; pointer-events:none;}
.hron-custom-item:hover > .hron-mega, .hron-custom-item.is-mega-open > .hron-mega {visibility:visible; grid-template-columns:repeat(3, minmax(260px,1fr)); gap:18px; padding:22px; align-items:start; opacity:1; transform:translateY(0); pointer-events:auto;}
.hron-item-products:hover > .hron-mega, .hron-item-products.is-mega-open > .hron-mega {display:flex; flex-direction:row; gap:0; padding:22px; max-width:980px; width:min(92vw, 980px); justify-content:center; align-items:stretch; overflow:hidden; min-height:400px;}
.hron-mega-products {display:grid; grid-template-columns:repeat(4, minmax(180px, 1fr)); gap:16px; max-width:980px; height:100%; min-height:350px; margin:0 auto;}
.hron-mega-side-card {position:absolute; top:0; right:0; bottom:0; width:250px; display:flex; flex-direction:column; gap:0; z-index:1;}
.hron-mega-side-card {display:none !important;}
.hron-mega-group.hron-group--full-gray {background-color:#f0f2f5cf !important; border-radius:0 !important; height:100%; padding:0; margin:0; border:none; flex:1; width:100%; display:flex; align-items:stretch; position:relative;}
.hron-gray-content {width:100%; padding:20px; display:flex; flex-direction:column; gap:8px; align-items:flex-start !important; text-align:left !important; padding-bottom:96px;}

@media (max-width: 320px) {
.hron-gray-content {padding:16px 14px !important;}
}

.hron-gray-content .hron-mega-title {font-weight:800; margin-bottom:12px; color:#374151; border:none; background:none;}
.hron-gray-content .hron-sub-section-title {font-weight:600; font-size:13px; color:#4b5563; margin:20px 0 6px 0; padding-bottom:6px; border-bottom:2px solid #e5e7eb; text-transform:none; letter-spacing:normal;}
.hron-gray-content .hron-mega-list {list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; align-items:stretch;}
.hron-gray-content .hron-mega-list li {margin:0 !important; padding:0 !important; width:100%;}
.hron-gray-info-box {width:auto; margin-top:0; padding:12px 14px; border:1px solid #042f84e5; border-radius:10px; background:#042f84d4; min-height:180px; box-shadow:0 2px 8px rgba(0,0,0,0.03); position:absolute; left:20px; right:20px; bottom:16px; display:flex; align-items:center; justify-content:center;}
.hron-gray-info-box .hron-badges {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-auto-rows:auto; gap:10px 16px; align-items:center; justify-items:center; align-content:center; justify-content:center; place-content:center; width:100%; height:auto;}
.hron-gray-info-box .hron-badge {display:block; max-width:100%; height:auto; max-height:72px; object-fit:contain; object-position:center;}
.hron-gray-info-box .hron-badge--design {grid-column:1 / -1; max-height:84px; justify-self:center !important; align-self:center !important; place-self:center !important; display:block; margin-left:auto !important; margin-right:auto !important; object-position:center center; max-width:85%;}

@media (max-width: 480px) {
.hron-gray-info-box .hron-badges {grid-template-columns:1fr; gap:8px;}
.hron-gray-info-box .hron-badge {max-height:68px;}
.hron-gray-info-box .hron-badge--design {max-height:62px; max-width:90%;}
}

@media (max-width: 768px) {
.hron-gray-content {padding:16px 14px !important; padding-bottom:84px;}
.hron-gray-info-box {padding:10px 12px; min-height:110px; left:14px; right:14px; bottom:12px;}
}

.hron-gray-content .hron-mega-list a {color:#374151; text-decoration:none; display:block; padding:10px 14px; border-radius:8px; transition:background .3s ease; text-align:left; border:none; background:none; margin:0 !important; width:100% !important; box-sizing:border-box !important;}
.hron-gray-content .hron-mega-list a:hover {background:rgba(255, 255, 255, 0.2);}
.hron-gray-content .hron-submenu-item {padding:10px 12px !important; font-size:12px; color:#374151; display:block; position:relative; margin:0 0 6px 0 !important; border:1px solid #e5e7eb !important; border-radius:8px !important; background:rgba(255, 255, 255, 0.6) !important; transition:all 0.3s ease !important; text-decoration:none !important; font-weight:500 !important; min-height:40px; line-height:1.3; overflow:hidden;}
.hron-gray-content .hron-submenu-item .text-content {display:inline-block; width:calc(100% - 44px); padding-right:4px; vertical-align:middle; font-size:12px; max-width:140px; word-wrap:break-word;}
.hron-gray-content .hron-submenu-item i {font-size:10px; color:#6366f1; width:26px; height:26px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:rgba(99, 102, 241, 0.12); border-radius:6px; position:absolute; top:7px; right:10px; border:1px solid rgba(99, 102, 241, 0.2); transition:all 0.3s ease; z-index:1;}
.hron-gray-content .hron-submenu-item:hover i {background:rgba(99, 102, 241, 0.2); border-color:rgba(99, 102, 241, 0.4); transform:scale(1.05);}

@media (max-width: 320px) {
.hron-gray-content .hron-submenu-item {font-size:11px !important; padding:8px 36px 8px 10px !important; min-height:36px;}
.hron-gray-content .hron-submenu-item i {width:22px; height:22px; font-size:9px; top:7px; right:8px;}
.hron-gray-content .hron-submenu-item .text-content {width:calc(100% - 30px); font-size:11px; max-width:120px;}
}

@media (max-width: 280px) {
.hron-gray-content .hron-submenu-item {padding:6px 32px 6px 8px !important; font-size:10px !important; min-height:32px;}
.hron-gray-content .hron-submenu-item i {width:20px; height:20px; font-size:8px; right:6px; top:6px;}
.hron-gray-content .hron-submenu-item .text-content {width:calc(100% - 26px); font-size:10px; max-width:100px;}
}

.hron-gray-content .hron-submenu-item:hover {background:rgba(255, 255, 255, 0.9) !important; border-color:rgba(99, 102, 241, 0.3) !important; transform:translateY(-2px) !important; box-shadow:0 8px 25px rgba(99, 102, 241, 0.15) !important;}
.hron-gray-content * {text-align:left !important; margin-left:0 !important; margin-right:auto !important;}
.hron-gray-content a.hron-submenu-item {justify-self:start !important; align-self:flex-start !important;}
.hron-mega.hron-mega--funktioner {grid-template-columns:repeat(3, minmax(220px,1fr)) !important;}
.hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr;}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr !important;}
.hron-mega[aria-label="Ressourcer"] {grid-template-columns:minmax(240px, 0.35fr) minmax(240px, 0.32fr) minmax(240px, 0.33fr); min-width:800px; width:min(96vw, 1200px); display:none;}
/* English label parity for Resources mega */
.hron-mega[aria-label="Resources"] {grid-template-columns:minmax(240px, 0.35fr) minmax(240px, 0.32fr) minmax(240px, 0.33fr); min-width:800px; width:min(96vw, 1200px); display:none;}
.hron-mega.hron-mega--single {grid-template-columns:minmax(280px, 1fr) !important; min-width:320px !important; width:min(88vw, 560px) !important; justify-items:center; align-items:stretch;}
.hron-mega.hron-mega--single .hron-group--blog {grid-column:1 !important; grid-row:1 !important; margin:0 auto; width:100%; max-width:520px; align-self:center;}
.hron-mega.hron-mega--single .hron-blog-card {align-items:center;}
.hron-mega.hron-mega--single .hron-blog-header,
.hron-mega.hron-mega--single .hron-blog-items {align-self:stretch; width:100%;}

@media (min-width: 768px) {
#hron-custom-header .hron-custom-menu > li.hron-custom-item:nth-child(3) {position:static !important;}
#hron-custom-header .hron-custom-menu > li.hron-custom-item:nth-child(3) > .hron-mega[aria-label="Ressourcer"],
#hron-custom-header .hron-custom-menu > li.hron-custom-item:nth-child(3) > .hron-mega[aria-label="Resources"] {left:50% !important; right:auto !important; transform:translateX(-50%) translateY(0) !important; width:min(92vw, 1280px) !important; max-width:calc(100vw - 32px) !important;}
.hron-custom-item:hover > .hron-mega[aria-label="Ressourcer"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Ressourcer"],
.hron-custom-item:hover > .hron-mega[aria-label="Resources"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Resources"] {display:grid !important; left:50% !important; right:auto !important; transform:translateX(-50%) translateY(0) !important; width:min(92vw, 1200px) !important; max-width:calc(100vw - 32px) !important; grid-template-columns:minmax(240px, 0.35fr) minmax(240px, 0.32fr) minmax(240px, 0.33fr) !important; gap:16px !important; padding:20px 28px !important;}
.hron-custom-item:hover > .hron-mega.hron-mega--single,
.hron-custom-item.is-mega-open > .hron-mega.hron-mega--single {width:min(88vw, 560px) !important; max-width:560px !important; grid-template-columns:minmax(280px, 1fr) !important; padding:20px 28px !important; justify-items:center;}
}

.hron-mega[aria-label="Ressourcer"] .hron-group--blog,
.hron-mega[aria-label="Resources"] .hron-group--blog {grid-row:1 / span 3; grid-column:1;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars,
.hron-mega[aria-label="Resources"] .hron-group--webinars {grid-row:1 / span 3; grid-column:2;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers {grid-row:1 / span 3; grid-column:3;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-list a,
.hron-mega[aria-label="Resources"] .hron-mega-list a {white-space:nowrap; word-break:keep-all; overflow-wrap:normal;}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog,
.hron-mega[aria-label="Resources"] .hron-group--blog {position:relative; overflow:hidden; background:linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%); border:1px solid rgba(139, 92, 246, 0.15); border-radius:12px; padding:0; min-height:500px; display:flex; flex-direction:column; transition:all 0.3s ease; align-self:stretch;}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog:hover,
.hron-mega[aria-label="Resources"] .hron-group--blog:hover {border-color:rgba(139, 92, 246, 0.25); box-shadow:0 8px 24px rgba(139, 92, 246, 0.15); transform:translateY(-2px); background:linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);}
.hron-blog-card {display:flex; flex-direction:column; height:100%; padding:24px; color:inherit; position:relative; overflow:hidden; gap:16px;}
.hron-blog-header {display:flex; flex-direction:column; text-decoration:none; color:inherit; position:relative; flex-shrink:0;}
.hron-blog-icon-wrapper {width:64px; height:64px; border-radius:16px; background:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); display:flex; align-items:center; justify-content:center; margin-bottom:16px; box-shadow:0 4px 12px rgba(139, 92, 246, 0.25); transition:all 0.3s ease;}
.hron-blog-card:hover .hron-blog-icon-wrapper {transform:scale(1.05) rotate(3deg); box-shadow:0 6px 16px rgba(139, 92, 246, 0.35);}
.hron-blog-icon {font-size:28px; color:#ffffff; transition:transform 0.3s ease;}
.hron-blog-card:hover .hron-blog-icon {transform:scale(1.05);}
.hron-blog-content {display:flex; flex-direction:column; gap:6px;}
.hron-blog-title {font-size:20px; font-weight:700; color:#1f2937; margin:0; letter-spacing:-0.2px; line-height:1.3; transition:color 0.3s ease;}
.hron-blog-card:hover .hron-blog-title {color:#8b5cf6;}
.hron-blog-desc {font-size:13px; font-weight:400; color:#6b7280; margin:0; line-height:1.4; letter-spacing:0.01em; transition:color 0.3s ease;}
.hron-blog-card:hover .hron-blog-desc {color:#4b5563;}
.hron-blog-arrow {position:absolute; bottom:0; right:0; width:32px; height:32px; border-radius:50%; background:rgba(139, 92, 246, 0.1); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; opacity:0; transform:translateX(-8px);}
.hron-blog-card:hover .hron-blog-arrow {opacity:1; transform:translateX(0); background:rgba(139, 92, 246, 0.2);}
.hron-blog-arrow i {font-size:12px; color:#8b5cf6; transition:transform 0.3s ease;}
.hron-blog-card:hover .hron-blog-arrow i {transform:translateX(2px);}
.hron-blog-items {display:flex; flex-direction:column; gap:10px; flex:1; overflow-y:auto; overflow-x:hidden; scrollbar-width:none; -ms-overflow-style:none;}
.hron-blog-items::-webkit-scrollbar {display:none; width:0; background:transparent;}
.hron-blog-item {display:flex; gap:10px; padding:10px; border-radius:8px; background:rgba(255, 255, 255, 0.6); border:1px solid rgba(139, 92, 246, 0.1); text-decoration:none; color:inherit; transition:all 0.2s ease; flex-shrink:0;}
.hron-blog-item:hover {background:rgba(255, 255, 255, 0.9); border-color:rgba(139, 92, 246, 0.2); transform:translateX(4px); box-shadow:0 2px 8px rgba(139, 92, 246, 0.1);}
.hron-blog-item-image {width:60px; height:60px; border-radius:6px; overflow:hidden; flex-shrink:0; background:#f3f4f6;}
.hron-blog-item-image img {width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease;}
.hron-blog-item:hover .hron-blog-item-image img {transform:scale(1.1);}
.hron-blog-item-content {flex:1; display:flex; flex-direction:column; gap:4px; min-width:0;}
.hron-blog-item-title {font-size:13px; font-weight:600; color:#1f2937; margin:0; line-height:1.3; transition:color 0.2s ease; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.hron-blog-item:hover .hron-blog-item-title {color:#8b5cf6;}
.hron-blog-item-excerpt {font-size:11px; font-weight:400; color:#6b7280; margin:0; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.hron-blog-item:hover .hron-blog-item-excerpt {color:#4b5563;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars,
.hron-mega[aria-label="Resources"] .hron-group--webinars {position:relative; overflow:hidden; background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); border:1px solid rgba(251, 191, 36, 0.12); border-radius:12px; padding:0; min-height:220px; display:flex; flex-direction:column; transition:all 0.3s ease; align-self:stretch; height:100%;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars:hover,
.hron-mega[aria-label="Resources"] .hron-group--webinars:hover {border-color:rgba(251, 191, 36, 0.2); box-shadow:0 8px 24px rgba(251, 191, 36, 0.12); transform:translateY(-2px); background:linear-gradient(135deg, #fffef7 0%, #fffbeb 100%);}
.hron-webinars-card {display:flex; flex-direction:column; height:100%; padding:24px; text-decoration:none; color:inherit; position:relative; overflow:hidden;}
.hron-webinars-header {display:flex; flex-direction:column; text-decoration:none; color:inherit; position:relative; flex-shrink:0;}
.hron-webinars-icon-wrapper {width:64px; height:64px; border-radius:16px; background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%); display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 4px 12px rgba(251, 191, 36, 0.25); transition:all 0.3s ease;}
.hron-webinars-card:hover .hron-webinars-icon-wrapper {transform:scale(1.1) rotate(5deg); box-shadow:0 6px 16px rgba(251, 191, 36, 0.35);}
.hron-webinars-icon {font-size:28px; color:#ffffff; transition:transform 0.3s ease;}
.hron-webinars-card:hover .hron-webinars-icon {transform:scale(1.1);}
.hron-webinars-content {flex:1; display:flex; flex-direction:column; gap:8px; position:relative;}
.hron-webinars-title {font-size:20px; font-weight:700; color:#1f2937; margin:0; letter-spacing:-0.2px; line-height:1.3; transition:color 0.3s ease;}
.hron-webinars-card:hover .hron-webinars-title {color:#f59e0b;}
.hron-webinars-desc {font-size:14px; font-weight:400; color:#6b7280; margin:0; line-height:1.5; letter-spacing:0.01em; transition:color 0.3s ease;}
.hron-webinars-card:hover .hron-webinars-desc {color:#4b5563;}
.hron-webinars-arrow {position:absolute; bottom:0; right:0; width:32px; height:32px; border-radius:50%; background:rgba(251, 191, 36, 0.1); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; opacity:0; transform:translateX(-8px);}
.hron-webinars-card:hover .hron-webinars-arrow {opacity:1; transform:translateX(0); background:rgba(251, 191, 36, 0.2);}
.hron-webinars-arrow i {font-size:12px; color:#f59e0b; transition:transform 0.3s ease;}
.hron-webinars-card:hover .hron-webinars-arrow i {transform:translateX(2px);}
.hron-webinars-arrow,
.hron-whitepapers-arrow {pointer-events:none;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars .hron-webinars-content,
.hron-mega[aria-label="Resources"] .hron-group--webinars .hron-webinars-content {flex:0 0 auto;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars .hron-blog-items,
.hron-mega[aria-label="Resources"] .hron-group--webinars .hron-blog-items {overflow:visible; max-height:none;}
/* Reduce vertical gap between description and webinar list; prevent extra stretching */
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars,
.hron-mega[aria-label="Resources"] .hron-group--webinars {min-height:auto; height:auto;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars .hron-blog-items,
.hron-mega[aria-label="Resources"] .hron-group--webinars .hron-blog-items {flex:0 0 auto; margin-top:8px;}
/* Apply same spacing and overflow behavior to Whitepapers column */
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers {min-height:auto; height:auto;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers .hron-whitepapers-content,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers .hron-whitepapers-content {flex:0 0 auto; margin-bottom:0;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers .hron-blog-items,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers .hron-blog-items {overflow:visible; max-height:none; flex:0 0 auto; margin-top:8px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog .hron-blog-items {overflow:visible; max-height:none;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers .hron-whitepapers-card,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers .hron-whitepapers-card {height:auto; padding-bottom:24px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers {position:relative; overflow:hidden; background:linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border:1px solid rgba(16, 185, 129, 0.18); border-radius:12px; padding:0; min-height:220px; display:flex; flex-direction:column; transition:all 0.3s ease; align-self:stretch; height:100%;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers:hover,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers:hover {border-color:rgba(16, 185, 129, 0.3); box-shadow:0 8px 24px rgba(16, 185, 129, 0.18); transform:translateY(-2px); background:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);}
.hron-whitepapers-card {display:flex; flex-direction:column; height:100%; padding:24px; text-decoration:none; color:inherit; position:relative; overflow:hidden;}
.hron-whitepapers-header {display:flex; flex-direction:column; text-decoration:none; color:inherit; position:relative; flex-shrink:0;}
.hron-whitepapers-icon-wrapper {width:64px; height:64px; border-radius:16px; background:linear-gradient(135deg, #34d399 0%, #059669 100%); display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 4px 12px rgba(16, 185, 129, 0.28); transition:all 0.3s ease;}
.hron-whitepapers-card:hover .hron-whitepapers-icon-wrapper {transform:scale(1.1) rotate(5deg); box-shadow:0 6px 16px rgba(16, 185, 129, 0.38);}
.hron-whitepapers-icon {font-size:28px; color:#ffffff; transition:transform 0.3s ease;}
.hron-whitepapers-card:hover .hron-whitepapers-icon {transform:scale(1.1);}
.hron-whitepapers-content {flex:1; display:flex; flex-direction:column; gap:8px; position:relative;}
.hron-whitepapers-title {font-size:20px; font-weight:700; color:#1f2937; margin:0; letter-spacing:-0.2px; line-height:1.3; transition:color 0.3s ease;}
.hron-whitepapers-card:hover .hron-whitepapers-title {color:#059669;}
.hron-whitepapers-desc {font-size:14px; font-weight:400; color:#6b7280; margin:0; line-height:1.5; letter-spacing:0.01em; transition:color 0.3s ease;}
.hron-whitepapers-card:hover .hron-whitepapers-desc {color:#166534;}
.hron-whitepapers-arrow {position:absolute; bottom:0; right:0; width:32px; height:32px; border-radius:50%; background:rgba(16, 185, 129, 0.12); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; opacity:0; transform:translateX(-8px);}
.hron-whitepapers-card:hover .hron-whitepapers-arrow {opacity:1; transform:translateX(0); background:rgba(16, 185, 129, 0.2);}
.hron-whitepapers-arrow i {font-size:12px; color:#059669; transition:transform 0.3s ease;}

/* Themed hover colors for list items inside Webinars (orange) and Whitepapers (green) */
.hron-mega[aria-label="Ressourcer"] .hron-group--blog .hron-blog-item:hover,
.hron-mega[aria-label="Resources"] .hron-group--blog .hron-blog-item:hover {
	background:rgba(139, 92, 246, 0.12);
	border-color:rgba(139, 92, 246, 0.25);
}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog .hron-blog-item:hover .hron-blog-item-title,
.hron-mega[aria-label="Resources"] .hron-group--blog .hron-blog-item:hover .hron-blog-item-title {
	color:#8b5cf6;
}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog .hron-blog-item:hover .hron-blog-item-excerpt,
.hron-mega[aria-label="Resources"] .hron-group--blog .hron-blog-item:hover .hron-blog-item-excerpt {
	color:#5b21b6;
}

.hron-mega[aria-label="Ressourcer"] .hron-group--webinars .hron-blog-item:hover,
.hron-mega[aria-label="Resources"] .hron-group--webinars .hron-blog-item:hover {
	background:rgba(251, 191, 36, 0.15);
	border-color:rgba(251, 191, 36, 0.25);
}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars .hron-blog-item:hover .hron-blog-item-title,
.hron-mega[aria-label="Resources"] .hron-group--webinars .hron-blog-item:hover .hron-blog-item-title {
	color:#f59e0b;
}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars .hron-blog-item:hover .hron-blog-item-excerpt,
.hron-mega[aria-label="Resources"] .hron-group--webinars .hron-blog-item:hover .hron-blog-item-excerpt {
	color:#b45309;
}

.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers .hron-blog-item:hover,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers .hron-blog-item:hover {
	background:rgba(16, 185, 129, 0.12);
	border-color:rgba(16, 185, 129, 0.22);
}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers .hron-blog-item:hover .hron-blog-item-title,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers .hron-blog-item:hover .hron-blog-item-title {
	color:#059669;
}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers .hron-blog-item:hover .hron-blog-item-excerpt,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers .hron-blog-item:hover .hron-blog-item-excerpt {
	color:#166534;
}
.hron-whitepapers-card:hover .hron-whitepapers-arrow i {transform:translateX(2px);}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources {transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; padding:14px 18px; display:flex; flex-direction:column; align-self:stretch;}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources .hron-mega-functions {flex:1; display:flex; flex-direction:column;}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources:hover {border-color:rgba(6, 182, 212, 0.3); box-shadow:0 4px 12px rgba(6, 182, 212, 0.15); transform:translateY(-2px);}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources:hover .hron-mega-title {color:#06b6d4;}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources:hover .hron-mega-title .hron-mega-icon-wrapper {background:rgba(6, 182, 212, 0.1);}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources:hover .hron-mega-title .hron-mega-icon {transform:scale(1.08); color:#06b6d4;}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources:hover .hron-mega-title span {color:#06b6d4;}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources .hron-functions-header {border-bottom-color:rgba(6, 182, 212, 0.25) !important;}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources .hron-addon-icon {color:#06b6d4; background:rgba(6, 182, 212, 0.08);}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources .hron-mega-list a:hover .hron-addon-icon {background:rgba(6, 182, 212, 0.15); transform:scale(1.05);}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources .hron-mega-list a:hover .hron-addon-content span {color:#06b6d4;}
.hron-mega[aria-label="Ressourcer"] .hron-group--resources .hron-mega-list a:hover {background:rgba(6, 182, 212, 0.05);}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group:not(.hron-group--full-gray) {position:relative; overflow:visible;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group {display:flex; flex-direction:column; width:100%;}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog {align-self:stretch;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-title {display:flex; align-items:center; gap:12px; margin-bottom:8px; text-decoration:none; color:#0e1116; transition:color 0.2s ease; width:100%;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-icon-wrapper {width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:rgba(0, 0, 0, 0.03); transition:all 0.2s ease;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-icon {font-size:20px; color:#64748b; transition:all 0.2s ease;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-title span {font-weight:800; font-size:18px; line-height:1.2; transition:color 0.2s ease;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-desc {font-size:13px; color:#64748b; line-height:1.4; margin-bottom:12px; width:100%;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-list {width:100%; margin-top:2px; padding-left:0;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-list li {width:100%; margin-bottom:0; display:flex; justify-content:flex-start;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-list li + li {margin-top:4px;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-list a {display:block; padding:8px; border-radius:8px; transition:all 0.2s ease; width:100%; background:transparent; box-sizing:border-box;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-functions-header {width:100%;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-mega-functions {width:100%;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group .hron-addon-content {width:100%; box-sizing:border-box;}

@media (max-width: 1200px) {
.hron-custom-item:hover > .hron-mega[aria-label="Ressourcer"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Ressourcer"] {left:50% !important; right:auto !important; transform:translateX(-50%) translateY(0) !important; grid-template-columns:minmax(200px, 0.35fr) minmax(200px, 0.32fr) minmax(200px, 0.33fr) !important; gap:14px !important; padding:18px !important;}
.hron-mega[aria-label="Ressourcer"] {min-width:720px;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group {padding:12px 16px !important;}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog {min-height:450px;}
.hron-blog-card {padding:20px;}
.hron-blog-icon-wrapper {width:56px; height:56px; margin-bottom:12px;}
.hron-blog-icon {font-size:24px;}
.hron-blog-title {font-size:18px;}
.hron-blog-desc {font-size:12px;}
.hron-blog-items {gap:8px;}
.hron-blog-item {padding:8px; gap:8px;}
.hron-blog-item-image {width:50px; height:50px;}
.hron-blog-item-title {font-size:12px;}
.hron-blog-item-excerpt {font-size:10px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars,
.hron-mega[aria-label="Resources"] .hron-group--webinars {min-height:200px;}
.hron-webinars-card {padding:20px;}
.hron-webinars-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-webinars-icon {font-size:24px;}
.hron-webinars-title {font-size:18px;}
.hron-webinars-desc {font-size:13px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers {min-height:200px;}
.hron-whitepapers-card {padding:20px;}
.hron-whitepapers-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-whitepapers-icon {font-size:24px;}
.hron-whitepapers-title {font-size:18px;}
.hron-whitepapers-desc {font-size:13px;}
}
@media (max-width: 992px) {
.hron-mega[aria-label="Ressourcer"] {grid-template-columns:minmax(180px, 0.35fr) minmax(180px, 0.32fr) minmax(180px, 0.33fr); min-width:auto; max-width:90vw; width:auto;}
.hron-custom-item:hover > .hron-mega[aria-label="Ressourcer"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Ressourcer"] {transform:translateX(0) !important; grid-template-columns:minmax(180px, 0.35fr) minmax(180px, 0.32fr) minmax(180px, 0.33fr) !important; right:0; left:0; width:auto !important; max-width:90vw !important; display:grid !important;}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog {grid-row:1 / span 3;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars {grid-row:1 / span 3; grid-column:2;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers {grid-row:1 / span 3; grid-column:3;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group {padding:12px 14px !important;}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog {min-height:420px;}
.hron-blog-card {padding:18px; gap:12px;}
.hron-blog-icon-wrapper {width:52px; height:52px; margin-bottom:10px;}
.hron-blog-icon {font-size:22px;}
.hron-blog-title {font-size:17px;}
.hron-blog-desc {font-size:12px;}
.hron-blog-items {gap:8px;}
.hron-blog-item {padding:8px; gap:8px;}
.hron-blog-item-image {width:48px; height:48px;}
.hron-blog-item-title {font-size:12px;}
.hron-blog-item-excerpt {font-size:10px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars,
.hron-mega[aria-label="Resources"] .hron-group--webinars {min-height:180px;}
.hron-webinars-card {padding:18px;}
.hron-webinars-icon-wrapper {width:52px; height:52px; margin-bottom:14px;}
.hron-webinars-icon {font-size:22px;}
.hron-webinars-title {font-size:17px;}
.hron-webinars-desc {font-size:13px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers {min-height:180px;}
.hron-whitepapers-card {padding:18px;}
.hron-whitepapers-icon-wrapper {width:52px; height:52px; margin-bottom:14px;}
.hron-whitepapers-icon {font-size:22px;}
.hron-whitepapers-title {font-size:17px;}
.hron-whitepapers-desc {font-size:13px;}
}
@media (max-width: 768px) {
.hron-mega[aria-label="Ressourcer"] {grid-template-columns:1fr !important; min-width:280px; max-width:95vw; width:auto !important;}
.hron-custom-item:hover > .hron-mega[aria-label="Ressourcer"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Ressourcer"] {grid-template-columns:1fr !important; left:0 !important; right:0 !important; transform:none !important; width:auto !important; max-width:95vw !important;}
.hron-mega[aria-label="Ressourcer"] .hron-mega-group {padding:10px 14px !important;}
.hron-mega[aria-label="Ressourcer"] .hron-group--blog {min-height:450px;}
.hron-blog-card {padding:20px; gap:14px;}
.hron-blog-icon-wrapper {width:56px; height:56px; margin-bottom:12px;}
.hron-blog-icon {font-size:24px;}
.hron-blog-title {font-size:18px;}
.hron-blog-desc {font-size:13px;}
.hron-blog-items {gap:10px;}
.hron-blog-item {padding:10px; gap:10px;}
.hron-blog-item-image {width:55px; height:55px;}
.hron-blog-item-title {font-size:12px;}
.hron-blog-item-excerpt {font-size:10px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars,
.hron-mega[aria-label="Resources"] .hron-group--webinars {min-height:200px;}
.hron-webinars-card {padding:20px;}
.hron-webinars-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-webinars-icon {font-size:24px;}
.hron-webinars-title {font-size:18px;}
.hron-webinars-desc {font-size:14px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers {min-height:200px;}
.hron-whitepapers-card {padding:20px;}
.hron-whitepapers-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-whitepapers-icon {font-size:24px;}
.hron-whitepapers-title {font-size:18px;}
.hron-whitepapers-desc {font-size:14px;}
}
@media (max-width: 600px) {
.hron-mega[aria-label="Ressourcer"] .hron-group--blog {min-height:400px;}
.hron-blog-card {padding:16px; gap:12px;}
.hron-blog-icon-wrapper {width:48px; height:48px; margin-bottom:10px;}
.hron-blog-icon {font-size:20px;}
.hron-blog-title {font-size:16px;}
.hron-blog-desc {font-size:12px;}
.hron-blog-items {gap:8px;}
.hron-blog-item {padding:8px; gap:8px;}
.hron-blog-item-image {width:45px; height:45px;}
.hron-blog-item-title {font-size:11px;}
.hron-blog-item-excerpt {font-size:10px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--webinars,
.hron-mega[aria-label="Resources"] .hron-group--webinars {min-height:180px;}
.hron-webinars-card {padding:16px;}
.hron-webinars-icon-wrapper {width:48px; height:48px; margin-bottom:12px;}
.hron-webinars-icon {font-size:20px;}
.hron-webinars-title {font-size:16px;}
.hron-webinars-desc {font-size:13px;}
.hron-mega[aria-label="Ressourcer"] .hron-group--whitepapers,
.hron-mega[aria-label="Resources"] .hron-group--whitepapers {min-height:180px;}
.hron-whitepapers-card {padding:16px;}
.hron-whitepapers-icon-wrapper {width:48px; height:48px; margin-bottom:12px;}
.hron-whitepapers-icon {font-size:20px;}
.hron-whitepapers-title {font-size:16px;}
.hron-whitepapers-desc {font-size:13px;}
}
.hron-mega-link {display:grid; grid-template-columns:32px 1fr; gap:12px; align-items:start; padding:14px; border-radius:8px; text-decoration:none; color:#0e1116; transition:background 0.3s ease;}
.hron-mega-link i {font-size:20px; color:#1f57ff; margin-top:2px;}
.hron-mega-link span {font-weight:600; font-size:15px; line-height:1.3;}
.hron-mega-link em {display:block; font-style:normal; font-size:13px; opacity:.75; margin-top:4px; line-height:1.4;}
.hron-mega-link:hover {background:#f4f7ff;}
.hron-mega-group {background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:10px; padding:14px; box-sizing:border-box; max-width:100%; min-width:0; display:flex; flex-direction:column; gap:8px; position:relative; overflow:visible;}
.hron-mega-group:hover, .hron-mega-group:focus-within {z-index:4001;}
.hron-item-products .hron-mega .hron-mega-group {min-height:220px; padding-bottom:24px;}
.hron-mega-group.hron-wide {grid-column:span 2;}
.hron-item-products .hron-mega .hron-mega-group {background:white; border-radius:8px; padding:16px; border:1px solid rgba(0,0,0,0.08); min-height:0; text-align:left; display:flex; flex-direction:column; align-items:flex-start;}
.hron-item-products .hron-mega .hron-mega-group .hron-mega-title {display:flex; flex-direction:row; align-items:center; margin-bottom:8px;}
.hron-item-products .hron-mega .hron-mega-group .hron-mega-icon {width:32px; height:32px; margin-right:8px;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer {grid-column:span 4; margin-top:10px;}
.hron-mega .hron-connectors {position:absolute; inset:0; pointer-events:none; z-index:0;}
.hron-mega .hron-connector-path {fill:none; stroke-width:2; opacity:.9; stroke-linecap:round;}
.hron-connector--recruit {stroke:#2A5EF6;}
.hron-connector--staff {stroke:#F14E0F;}
.hron-connector--wellbeing {stroke:#00C897;}
.hron-connector--boarding {stroke:#FF9F00;}
.hron-connector--integrationer {stroke:#D1D5DB;}
.hron-mega-group {position:relative; z-index:1;}
.hron-item-products .hron-mega .hron-group--recruit {grid-row:1; grid-column:1;}
.hron-item-products .hron-mega .hron-group--boarding {grid-row:1; grid-column:2;}
.hron-item-products .hron-mega .hron-group--staff {grid-row:1; grid-column:3;}
.hron-item-products .hron-mega .hron-group--wellbeing {grid-row:1; grid-column:4;}
.hron-item-products .hron-mega .hron-group--integrationer {grid-row:2; grid-column:1 / span 4;}

@media (max-width: 1200px) {
.hron-custom-item:hover > .hron-mega {grid-template-columns:1fr;}
.hron-item-products:hover > .hron-mega, .hron-item-products.is-mega-open > .hron-mega {flex-direction:column; padding:16px; max-width:800px;}
.hron-mega-products {grid-template-columns:1fr 1fr; max-width:100%;}
.hron-mega-side-card {width:100%; margin-left:0; margin-top:16px; margin-right:0; margin-bottom:0; padding-right:0; flex-direction:column; gap:0; height:auto;}
.hron-mega-side-card .hron-mega-group {flex:1; min-height:200px; border-radius:12px;}
.hron-mega-products .hron-group--recruit {grid-row:1; grid-column:1;}
.hron-mega-products .hron-group--boarding {grid-row:1; grid-column:2;}
.hron-mega-products .hron-group--staff {grid-row:2; grid-column:1;}
.hron-mega-products .hron-group--wellbeing {grid-row:2; grid-column:2;}
.hron-mega-products .hron-group--integrationer {grid-row:3; grid-column:1 / span 2;}
}

@media (max-width: 768px) {
.hron-item-products:hover > .hron-mega, .hron-item-products.is-mega-open > .hron-mega {flex-direction:column; max-width:100%; width:100%; padding:12px;}
.hron-mega-products {grid-template-columns:1fr; gap:12px;}
.hron-mega-products .hron-group--recruit {grid-row:1; grid-column:1;}
.hron-mega-products .hron-group--boarding {grid-row:2; grid-column:1;}
.hron-mega-products .hron-group--staff {grid-row:3; grid-column:1;}
.hron-mega-products .hron-group--wellbeing {grid-row:4; grid-column:1;}
.hron-mega-products .hron-group--integrationer {grid-row:5; grid-column:1;}
.hron-mega-side-card {margin-top:12px; margin-right:0; margin-bottom:0; padding-right:0; flex-direction:column; gap:0; height:auto;}
.hron-mega-side-card .hron-mega-group {min-height:150px; border-radius:12px;}
.hron-item-products .hron-mega .hron-mega-group .hron-mega-list a {padding:10px; margin-top:8px;}
.hron-group--full-gray {min-height:150px !important; background-color:#d1d5db !important;}
}

.hron-mega-group .hron-status-row {position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); display:flex; gap:8px; margin:0; align-items:center; justify-content:center;}
.hron-mega-group .hron-status-row .hron-status {position:static; width:16px; height:16px; box-shadow:0 0 0 3px #fff; transform:none;}
.hron-mega-group .hron-status-row .hron-status-dot {width:6px; height:6px;}
.hron-mega-title {font-weight:700; margin-bottom:6px; color:#0e1116; display:inline-flex; align-items:center; gap:10px; text-decoration:none;}
.hron-mega-title .hron-mega-icon {width:28px; height:28px; object-fit:contain; display:inline-block; flex:0 0 auto;}
.hron-mega-title span {font-weight:800;}
a.hron-mega-title:hover {color:#1f57ff;}
.hron-mega-group > .hron-mega-title:not(a) {cursor:default; color:#475569; font-weight:800; letter-spacing:.2px;}
.hron-mega-desc {font-size:13px; color:#64748b; margin-bottom:8px; white-space:normal; overflow:visible; text-overflow:unset; line-height:1.4;}
.hron-mega-list {list-style:none; margin:0; padding:0; display:grid; gap:10px; justify-items:start;}
.hron-mega-subtitle {font-size:12px; text-transform:uppercase; letter-spacing:.4px; color:#64748b; padding:6px 10px;}
.hron-submenu {position:relative;}
.hron-submenu-toggle {display:flex; align-items:center; justify-content:flex-start; gap:4px; padding:8px 10px; border-radius:8px; cursor:default; color:#0e1116; font-weight:400; transition:background .15s ease;}
.hron-submenu-toggle:hover {background:#f8fafc;}
.hron-submenu-toggle i {font-size:12px; color:#94a3b8; transition:transform .3s ease; margin-left:2px;}
.hron-submenu-panel {position:absolute; top:-8px; left:100%; margin-left:0; min-width:260px; background:#ffffff !important; border:1px solid rgba(0,0,0,.06); border-radius:10px; box-shadow:0 12px 30px rgba(0, 0, 0, .12); padding:10px; display:grid; visibility:hidden; z-index:4000; opacity:0; backdrop-filter:none; transform:translateX(6px); transition:opacity .3s ease, transform .3s ease, visibility .3s ease; will-change:opacity, transform, visibility; gap:8px;}
.hron-submenu-panel::before {content:''; position:absolute; left:-12px; top:0; width:12px; height:100%; background:#ffffff;}
.hron-submenu {z-index:2004;}
.hron-submenu:hover > .hron-submenu-panel, .hron-submenu.is-open > .hron-submenu-panel {visibility:visible; opacity:1; transform:translateX(0);}
.hron-submenu:hover .hron-submenu-toggle i {transform:translateX(2px);}

@media (max-width: 1200px) {
.hron-submenu-panel {left:auto; right:0; margin-left:0;}
}

.hron-mega[aria-label="HR-ON"] .hron-submenu {position:relative;}
.hron-mega[aria-label="HR-ON"] .hron-submenu-panel {top:-8px !important; left:100% !important; right:auto !important; margin-left:8px !important; transform:translateX(0) translateY(0) !important; min-width:240px !important; max-width:min(340px, calc(100vw - 64px)) !important; padding:8px 10px !important; gap:6px !important; z-index:4002 !important; border-radius:10px !important; overflow:hidden; background-clip:padding-box;}
.hron-mega[aria-label="HR-ON"] .hron-submenu-panel::before {display:none !important;}
.hron-mega[aria-label="HR-ON"] .hron-submenu-panel .hron-mega-link {grid-template-columns:24px 1fr !important; gap:10px !important; padding:10px 12px !important;}
.hron-mega[aria-label="HR-ON"] .hron-submenu-panel .hron-mega-link i {font-size:16px !important; width:24px !important; height:24px !important; line-height:24px !important;}
.hron-mega[aria-label="HR-ON"] .hron-submenu-panel .hron-mega-link span {white-space:normal !important; overflow-wrap:anywhere !important;}

@media (max-width: 768px) {
.hron-mega[aria-label="HR-ON"] .hron-submenu-panel {max-width:calc(100vw - 32px) !important; left:0 !important; right:0 !important;}
  }

@media (max-width: 992px) {
.hron-submenu-panel {position:static; margin-left:0; box-shadow:none; border:0; padding:6px 0 0; visibility:hidden; opacity:0; height:0; overflow:hidden; transform:translateY(-10px); transition:opacity .3s ease, transform .3s ease, visibility .3s ease, height .3s ease;}
.hron-submenu.is-open > .hron-submenu-panel {visibility:visible; opacity:1; transform:translateY(0); height:auto;}
}

.hron-mega-list.hron-cols-2 {grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px 16px;}
.hron-mega-list li {font-size:15px; line-height:1.6; opacity:.95; min-width:0;}
.hron-mega-list a {color:inherit; text-decoration:none; display:block; padding:10px 14px; border-radius:10px; transition:background .3s ease; text-align:left;}
.hron-mega-list a:hover {background:#f4f7ff;}
.hron-mega[aria-label="HR-ON"] .hron-mega-list a {white-space:normal; word-break:normal; overflow-wrap:anywhere; line-height:1.5;}
.hron-item-products .hron-mega .hron-mega-list a {white-space:nowrap; word-break:keep-all; overflow-wrap:normal;}
.hron-mega-addons {border-style:dashed;}
.hron-mega-badge {display:inline-block; font-size:11px; letter-spacing:.4px; font-weight:700; color:#1f57ff; background:#eef2ff; border:1px solid #c7d2fe; border-radius:999px; padding:3px 8px; margin-bottom:8px;}
.hron-item-products .hron-mega .hron-mega-addons {grid-column:1 / -1;}
.hron-item-products .hron-mega .hron-mega-addons .hron-mega-list {display:flex; flex-wrap:wrap; gap:10px 16px; justify-content:flex-start;}
.hron-item-products .hron-mega .hron-mega-addons .hron-mega-list li a {display:inline-flex; align-items:center; gap:8px;}

@media (max-width: 1200px) {
.hron-custom-item:hover > .hron-mega {grid-template-columns:repeat(3, minmax(260px,1fr)); gap:18px;}
.hron-mega.hron-mega--funktioner {grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;}
.hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr;}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr !important;}
}

@media (max-width: 992px) {
.hron-custom-item:hover > .hron-mega {grid-template-columns:repeat(2, minmax(240px,1fr));}
.hron-mega-group.hron-wide {grid-column:span 2;}
.hron-mega[aria-label="HR-ON"] {grid-template-columns:repeat(2, 1fr);}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:repeat(2, 1fr) !important;}
.hron-mega[aria-label="HR-ON"] .hron-mega-group:first-child {grid-column:span 1;}
.hron-group--contact {grid-column:span 2;}
}

@media (max-width: 600px) {
.hron-custom-item:hover > .hron-mega {grid-template-columns:1fr; position:static; min-width:100%;}
.hron-mega-group.hron-wide {grid-column:auto;}
}

.hron-login {position:relative; margin-left:8px; padding-left:16px;}
.hron-login::before {content:''; position:absolute; left:0; top:6px; bottom:6px; width:1px; background:#e5e7eb;}
.hron-login-icon {display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; color:#374151; font-size:20px; cursor:pointer; transition:all 0.2s ease; border-radius:10px; position:relative;}
.hron-login-icon .icon-open {opacity:0; position:absolute; transition:opacity .18s ease, transform .18s ease; transform:scale(.9);}
.hron-login-icon .icon-closed {opacity:1; position:absolute; transition:opacity .18s ease, transform .18s ease; transform:scale(1);}
.hron-login:hover .icon-open, .hron-login.is-open .icon-open {opacity:1; transform:scale(1);}
.hron-login:hover .icon-closed, .hron-login.is-open .icon-closed {opacity:0; transform:scale(1.1);}
.hron-login-icon:hover {color:#667eea; background:#f8fafc; transform:translateY(-1px);}
.hron-login-list {position:absolute; right:0; top:calc(100% + 8px); list-style:none; margin:0; padding:8px; background:#ffffff; border-radius:12px; box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); display:none; min-width:180px; border:1px solid #e5e7eb; opacity:0; transform:translateY(-8px); transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
.hron-login.is-open .hron-login-list {display:block; opacity:1; transform:translateY(0);}
.hron-login-list li {margin:0;}
.hron-login-list li a {display:flex; align-items:center; padding:12px 14px; text-decoration:none; color:#374151; border-radius:8px; font-size:14px; font-weight:500; transition:all 0.15s ease; position:relative; overflow:hidden;}
.hron-login-list li a::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); opacity:0; transition:opacity 0.15s ease; z-index:-1;}
.hron-login-list li a:hover {background:#f8fafc; color:#1f2937; transform:translateX(2px);}
.hron-login-list li a:hover::before {opacity:0.03;}
.hron-login-list li a:active {transform:translateX(1px);}

@media (max-width: 1200px) {
.hron-custom-menu {gap:16px;}
.hron-item-link {padding:12px 10px;}
.hron-right .hron-cta {font-size:13px; padding:0 14px; min-width:120px;}
}

@media (max-width: 1200px) {
#hron-custom-header {display:none !important;}
#grve-header {display:block !important; visibility:visible !important; z-index:1002 !important;}
#grve-header .grve-wrapper {display:block !important; visibility:visible !important;}
#grve-movedo-sticky-header {display:block !important;}
#grve-header .grve-logo, #grve-header .grve-header-elements-wrapper, #grve-header nav#grve-main-menu {display:block !important;}
#grve-header .grve-container {display:block !important; visibility:visible !important;}
}

@media (max-width: 992px) {
.hron-custom-container {min-height:60px; grid-template-columns:auto 1fr auto; column-gap:12px;}
.hron-site-logo {height:36px !important;}
.hron-custom-menu {display:flex !important; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; gap:16px;}
.hron-custom-menu::-webkit-scrollbar {height:6px;}
.hron-custom-menu::-webkit-scrollbar-thumb {background:rgba(0,0,0,.1); border-radius:3px;}
.hron-item-link {padding:12px 8px;}
.hron-right {display:inline-flex; gap:8px;}
.hron-right .hron-cta {height:36px; padding:0 12px; font-size:13px; white-space:nowrap !important;}
.hron-lang-current {font-size:13px;}
.hron-login-icon {width:40px; height:40px; font-size:18px;}
#hron-custom-header .hron-lang {display:none !important;}
#hron-custom-header .hron-login {display:none !important;}
}

@media (max-width: 1050px) {
.hron-custom-menu {display:flex !important; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
}

#grve-movedo-sticky-header {display:none !important;}
#grve-header {background:#fff !important; box-shadow:none !important;}
.hron-custom-header.is-scrolled {background:rgba(8,21,58,1); border-bottom-color:rgba(8,21,58,1);}
.hron-custom-header.is-scrolled .hron-item-link {color:#ffffff;}
.hron-custom-header.is-scrolled .hron-item-link:hover {background:rgba(255,255,255,0.08);}
.hron-custom-header.is-scrolled .hron-item-link::after {background:#ffffff;}
.hron-custom-header.is-scrolled .hron-right .hron-cta {box-shadow:0 4px 12px rgba(255, 111, 97, 0.45); white-space:nowrap !important;}
.hron-custom-header.is-scrolled .hron-lang-current {color:#e5e7eb;}
.hron-custom-header.is-scrolled .hron-lang-current::after {color:#cbd5e1;}
.hron-custom-header.is-scrolled .hron-login-icon {color:#e5e7eb;}

/* Scroll durumunda chevron oklarının pozisyon düzeltmesi */
.hron-custom-header.is-scrolled .hron-item-title .hron-chevron-icon {
    color:#ffffff;
}

.hron-custom-header.is-scrolled .hron-custom-item:hover > a .hron-chevron-icon,
.hron-custom-header.is-scrolled .hron-custom-item.is-mega-open > a .hron-chevron-icon {
    color:#ffffff;
    transform:translateY(-1px) rotate(180deg);
}

/* Scroll durumunda CTA switch butonları için stil düzeltmeleri */
.hron-custom-header.is-scrolled .hron-cta-switch {
    background:rgba(255,255,255,0.15);
    border:1px solid rgba(255,255,255,0.25);
    box-shadow:0 6px 18px rgba(0,0,0,0.15);
}

.hron-custom-header.is-scrolled .hron-cta-switch a {
    color:#ffffff;
}

.hron-custom-header.is-scrolled .hron-cta--primary {
    color:#ffffff;
}

.hron-custom-header.is-scrolled .hron-cta--secondary {
    color:#ffffff;
}

/* Scroll durumunda hover efektlerinde yazılar beyaz kalmalı */
.hron-custom-header.is-scrolled .hron-cta-switch:has(.hron-cta--secondary:hover) .hron-cta--primary,
.hron-custom-header.is-scrolled .hron-cta-switch:has(.hron-cta--secondary:focus-visible) .hron-cta--primary {
    color:#ffffff !important;
}

.hron-custom-header.is-scrolled .hron-cta-switch:has(.hron-cta--primary:hover) .hron-cta--secondary,
.hron-custom-header.is-scrolled .hron-cta-switch:has(.hron-cta--primary:focus-visible) .hron-cta--secondary {
    color:#ffffff !important;
}

#grve-header .grve-logo, #grve-header .grve-header-elements-wrapper, #grve-header nav#grve-main-menu {display:none !important;}

@media (min-width: 993px) {
#hron-custom-header {display:block !important;}
#grve-movedo-sticky-header {display:none !important;}
#grve-header .grve-logo, #grve-header .grve-header-elements-wrapper, #grve-header nav#grve-main-menu {display:none !important;}
}

@media (max-width: 992px) {
#hron-custom-header {display:none !important;}
#grve-movedo-sticky-header {display:block !important;}
#grve-header .grve-logo, #grve-header .grve-header-elements-wrapper, #grve-header nav#grve-main-menu {display:block !important;}
}

.hron-mega[aria-label="Produkter"] .hron-mega-group {transition:transform 0.2s ease, box-shadow 0.2s ease; display:flex; flex-direction:column; height:100%; min-height:200px;}
.hron-mega[aria-label="Produkter"] .hron-group--recruit:hover {border-color:rgba(42, 94, 246, 0.3);}
.hron-mega[aria-label="Produkter"] .hron-group--recruit:hover .hron-mega-title {color:#2A5EF6;}
.hron-mega[aria-label="Produkter"] .hron-group--recruit:hover .hron-mega-title .hron-mega-icon {transform:scale(1.08);}
.hron-mega[aria-label="Produkter"] .hron-group--recruit:hover .hron-mega-title span {color:#2A5EF6;}
.hron-mega[aria-label="Produkter"] .hron-group--staff:hover {border-color:rgba(241, 78, 15, 0.3);}
.hron-mega[aria-label="Produkter"] .hron-group--staff:hover .hron-mega-title {color:#F14E0F;}
.hron-mega[aria-label="Produkter"] .hron-group--staff:hover .hron-mega-title .hron-mega-icon {transform:scale(1.08);}
.hron-mega[aria-label="Produkter"] .hron-group--staff:hover .hron-mega-title span {color:#F14E0F;}
.hron-mega[aria-label="Produkter"] .hron-group--wellbeing:hover {border-color:rgba(0, 200, 151, 0.3);}
.hron-mega[aria-label="Produkter"] .hron-group--wellbeing:hover .hron-mega-title {color:#00C897;}
.hron-mega[aria-label="Produkter"] .hron-group--wellbeing:hover .hron-mega-title .hron-mega-icon {transform:scale(1.08);}
.hron-mega[aria-label="Produkter"] .hron-group--wellbeing:hover .hron-mega-title span {color:#00C897;}
.hron-mega[aria-label="Produkter"] .hron-group--boarding:hover {border-color:rgba(255, 159, 0, 0.3);}
.hron-mega[aria-label="Produkter"] .hron-group--boarding:hover .hron-mega-title {color:#FF9F00;}
.hron-mega[aria-label="Produkter"] .hron-group--boarding:hover .hron-mega-title .hron-mega-icon {transform:scale(1.08);}
.hron-mega[aria-label="Produkter"] .hron-group--boarding:hover .hron-mega-title span {color:#FF9F00;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer {background:#f8fafd; margin-top:10px; min-height:120px !important; padding-bottom:16px;}
.hron-mega-addons {margin-top:auto; width:100%; padding-top:12px;}
.hron-addon-header {margin-bottom:6px; position:relative; display:flex; align-items:center; justify-content:flex-start;}
.hron-addon-header span {font-size:11px; text-transform:uppercase; letter-spacing:1px; font-weight:600; color:#64748b; background:#fff; padding:0 8px 0 0; position:relative; z-index:1; text-align:left;}
.hron-functions-header {margin-bottom:6px; position:relative; display:flex; align-items:center; justify-content:flex-start;}
.hron-functions-header span {font-size:11px; text-transform:uppercase; letter-spacing:1px; font-weight:600; color:#64748b; background:#fff; padding:0 8px 0 0; position:relative; z-index:1; text-align:left;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list {width:100%; margin-top:2px; padding-left:0;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list li {width:100%; margin-bottom:0; text-align:left; display:flex; justify-content:flex-start;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list a {display:block; padding:8px; border-radius:8px; transition:all 0.2s ease; width:100%; background:transparent;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list a:hover {background:rgba(0,0,0,0.03);}
.hron-addon-content {display:flex; align-items:center; gap:12px;}
.hron-addon-icon {width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:6px; flex-shrink:0; font-size:14px; transition:all 0.2s ease;}
.hron-addon-content span {font-size:13px; font-weight:500; color:#334155; transition:color 0.2s ease;}
.hron-group--recruit .hron-addon-icon {color:#2A5EF6; background:rgba(42, 94, 246, 0.08); padding:0;}
.hron-group--recruit .hron-mega-list a:hover .hron-addon-icon {background:rgba(42, 94, 246, 0.15); transform:scale(1.05);}
.hron-group--recruit .hron-mega-list a:hover .hron-addon-content span {color:#2A5EF6;}
.hron-group--staff .hron-addon-icon {color:#F14E0F; background:rgba(241, 78, 15, 0.08); padding:0;}
.hron-group--staff .hron-mega-list a:hover .hron-addon-icon {background:rgba(241, 78, 15, 0.15); transform:scale(1.05);}
.hron-group--staff .hron-mega-list a:hover .hron-addon-content span {color:#F14E0F;}
.hron-group--wellbeing .hron-addon-icon {color:#00C897; background:rgba(0, 200, 151, 0.08); padding:0;}
.hron-group--wellbeing .hron-mega-list a:hover .hron-addon-icon {background:rgba(0, 200, 151, 0.15); transform:scale(1.05);}
.hron-group--wellbeing .hron-mega-list a:hover .hron-addon-content span {color:#00C897;}
.hron-group--boarding .hron-addon-icon {color:#FF9F00; background:rgba(255, 159, 0, 0.08); padding:0;}
.hron-group--boarding .hron-mega-list a:hover .hron-addon-icon {background:rgba(255, 159, 0, 0.15); transform:scale(1.05);}
.hron-group--boarding .hron-mega-list a:hover .hron-addon-content span {color:#FF9F00;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list a:hover {background:rgba(0,0,0,0.03); transform:translateX(3px); padding-left:3px;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list li + li {margin-top:4px;}

@media (max-width: 768px) {
.hron-mega-addons {padding-top:8px;}
.hron-addon-header span {font-size:10px;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list a {padding:10px 8px;}
.hron-addon-content {gap:10px;}
.hron-addon-icon {width:28px; height:28px; font-size:14px;}
.hron-mega[aria-label="Produkter"] .hron-mega-group {padding-bottom:12px;}
}

.hron-addon-icon {display:inline-flex !important; align-items:center !important; justify-content:center !important; text-align:center; line-height:1;}
.hron-addon-content {align-items:center !important; justify-content:flex-start !important; text-align:left !important;}
.hron-addon-content span {text-align:left !important;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list a {padding:8px 8px 8px 0; text-align:left !important;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list a:hover .hron-addon-icon {transform:scale(1.1);}
.hron-mega-addons {text-align:left !important;}
.hron-mega-addons * {text-align:left !important;}
.hron-mega[aria-label="Produkter"] .hron-mega-group .hron-mega-list a {margin-left:-3px;}
.hron-group--recruit .hron-mega-list li a:hover {border-left-color:rgba(42, 94, 246, 0.3);}
.hron-group--staff .hron-mega-list li a:hover {border-left-color:rgba(241, 78, 15, 0.3);}
.hron-group--wellbeing .hron-mega-list li a:hover {border-left-color:rgba(0, 200, 151, 0.3);}
.hron-group--boarding .hron-mega-list li a:hover {border-left-color:rgba(255, 159, 0, 0.3);}
.hron-mega-group {overflow:visible !important; position:relative !important; z-index:1 !important; box-sizing:border-box !important;}
.hron-mega-functions, .hron-mega-addons {width:100% !important; position:relative !important; overflow:visible !important; box-sizing:border-box !important; padding-top:8px !important; margin-top:4px !important;}
.hron-addon-header, .hron-functions-header {width:100% !important; margin-bottom:5px !important; padding:0 !important; position:relative !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; overflow:visible !important; height:14px !important; box-sizing:border-box !important; z-index:1 !important; border-bottom:1px solid #ccd3dd !important;}
.hron-addon-header span, .hron-functions-header span {font-size:11px !important; text-transform:uppercase !important; letter-spacing:1px !important; font-weight:600 !important; color:#64748b !important; background:#fff !important; padding:0 8px 0 0 !important; position:relative !important; z-index:2 !important; text-align:left !important; max-width:70% !important; display:inline-block !important; line-height:14px !important; bottom:-1px !important;}
.hron-addon-header:before, .hron-addon-header:after, .hron-functions-header:before, .hron-functions-header:after {display:none !important; content:none !important;}
.hron-addon-content {display:flex !important; align-items:center !important; gap:8px !important;}
.hron-mega[aria-label="Produkter"] .hron-group--recruit .hron-addon-header, .hron-mega[aria-label="Produkter"] .hron-group--recruit .hron-functions-header {border-bottom-color:rgba(42, 94, 246, 0.25) !important;}
.hron-mega[aria-label="Produkter"] .hron-group--staff .hron-addon-header, .hron-mega[aria-label="Produkter"] .hron-group--staff .hron-functions-header {border-bottom-color:rgba(241, 78, 15, 0.25) !important;}
.hron-mega[aria-label="Produkter"] .hron-group--wellbeing .hron-addon-header, .hron-mega[aria-label="Produkter"] .hron-group--wellbeing .hron-functions-header {border-bottom-color:rgba(0, 200, 151, 0.25) !important;}
.hron-mega[aria-label="Produkter"] .hron-group--boarding .hron-addon-header, .hron-mega[aria-label="Produkter"] .hron-group--boarding .hron-functions-header {border-bottom-color:rgba(255, 159, 0, 0.25) !important;}
.hron-custom-item:hover > .hron-mega[aria-label="Produkter"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Produkter"] {grid-template-columns:repeat(4, minmax(210px, 1fr)) !important; gap:16px !important; padding:20px !important; max-width:1060px !important;}
.hron-mega[aria-label="Produkter"] .hron-mega-group {padding:14px 18px !important;}
.hron-mega[aria-label="Produkter"] .hron-mega-group:hover {cursor:pointer;}
.hron-mega[aria-label="Produkter"] .hron-mega-group a:hover {cursor:pointer;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer {grid-row:2 !important; grid-column:1 / span 4 !important; padding:14px 20px !important; background-color:#f0f2f5 !important; position:relative !important; overflow:visible !important; border-radius:12px !important; min-height:80px !important; box-shadow:0 4px 12px rgba(0,0,0,0.05) !important; transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; will-change:transform, box-shadow;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer::after {content:""; position:absolute; top:-20px; right:-40px; width:90% !important; height:100% !important; background-image:url('https://hr-on.com/wp-content/uploads/2024/06/integration_banner.png'); background-size:contain; background-position:right center; background-repeat:no-repeat; opacity:0.4 !important; z-index:0; pointer-events:none; transform:rotate(5deg);}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer .hron-mega-title, .hron-mega[aria-label="Produkter"] .hron-group--integrationer .hron-mega-desc {position:relative; z-index:1;}
.hron-mega-title {margin-bottom:3px !important;}
.hron-mega-desc {margin-bottom:5px !important; line-height:1.3 !important;}
.hron-mega-list {gap:6px !important; margin-top:8px !important;}

@media (max-width: 1200px) {
.hron-custom-item:hover > .hron-mega[aria-label="Produkter"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Produkter"] {grid-template-columns:repeat(4, minmax(190px, 1fr)) !important; gap:14px !important; padding:18px !important; max-width:900px !important;}
.hron-mega[aria-label="Produkter"] .hron-mega-group {padding:12px 16px !important;}
}

@media (max-width: 992px) {
.hron-custom-item:hover > .hron-mega[aria-label="Produkter"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Produkter"] {grid-template-columns:repeat(2, minmax(180px, 1fr)) !important; gap:12px !important; padding:16px !important; max-width:600px !important;}
.hron-addon-header, .hron-functions-header {margin:6px 0 4px !important;}
.hron-addon-header span, .hron-functions-header span {padding-right:5px !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer {grid-row:3 !important; grid-column:1 / span 2 !important; min-height:70px !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer::after {top:-15px !important; right:-20px !important; width:80% !important; height:100% !important;}
}

@media (max-width: 768px) {
.hron-mega[aria-label="Produkter"] .hron-mega-group {padding:10px 14px !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer {grid-row:5 !important; grid-column:1 !important; width:100% !important; min-height:60px !important; padding:12px 16px !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer::after {top:-10px !important; right:-15px !important; width:70% !important; height:100% !important; opacity:0.35 !important;}
}

.hron-mega[aria-label="HR-ON"] {display:grid; grid-template-columns:1fr 1fr 0.85fr; gap:16px; justify-content:space-between; min-width:auto; width:min(92vw, 1280px) !important; max-width:calc(100vw - 32px) !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; transition:opacity .3s ease, visibility .3s ease !important; overflow:visible !important; padding-bottom:28px !important;}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr !important; width:min(92vw, 1280px) !important; max-width:calc(100vw - 32px) !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; overflow:visible !important;}

@media (max-width: 1200px) {
.hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr; min-width:auto; max-width:580px; width:auto; gap:12px; padding:18px;}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr !important; max-width:580px;}
}

@media (max-width: 992px) {
.hron-mega[aria-label="HR-ON"] {grid-template-columns:repeat(2, 1fr); min-width:auto; max-width:90vw; width:auto; padding:15px; gap:10px;}
.hron-mega[aria-label="HR-ON"] .hron-mega-group {padding:12px;}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {transform:translateX(0); grid-template-columns:repeat(2, 1fr) !important; right:0; left:0;}
}

@media (max-width: 768px) {
.hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr; min-width:280px; max-width:95vw;}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr !important;}
}

.hron-mega[aria-label="Produkter"] .hron-group--integrationer {grid-row:2 !important; grid-column:1 / span 4 !important; padding:16px 22px !important; background-color:#f0f2f5 !important; position:relative !important; overflow:visible !important; border-radius:12px !important; min-height:90px !important; box-shadow:0 6px 16px rgba(0,0,0,0.08) !important; border:1px solid rgba(0, 0, 0, 0.1) !important; z-index:1 !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer::after {content:""; position:absolute; top:0 !important; right:0 !important; width:70% !important; height:100% !important; background-image:url('https://hr-on.com/wp-content/uploads/2024/06/integration_banner.png'); background-size:contain; background-position:right center; background-repeat:no-repeat; opacity:0.4 !important; z-index:0; pointer-events:none; transform:none; margin-right:-10px !important; transition:opacity 0.25s ease;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer .hron-mega-title, .hron-mega[aria-label="Produkter"] .hron-group--integrationer .hron-mega-desc {position:relative; z-index:2; max-width:50%; font-weight:600;}
.hron-mega-icon-wrapper {display:inline-flex !important; align-items:center !important; justify-content:center !important; width:32px !important; height:32px !important; margin-right:0 !important; background-color:transparent !important; position:relative !important; overflow:hidden !important;}
.hron-integration-icon {background-color:transparent !important; margin-right:0 !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; width:30px !important; height:30px !important; object-fit:contain !important; display:block !important; filter:brightness(0.9) contrast(1.1) grayscale(0.3) !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer .hron-mega-title {display:flex !important; align-items:center !important; gap:6px !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer .hron-mega-title:hover {color:inherit !important; background-color:transparent !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer:hover {background-color:#f0f2f5 !important; transform:translateY(-4px) !important; box-shadow:0 12px 28px rgba(8, 21, 58, 0.14) !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer:hover::after {opacity:0.48 !important;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer:focus-visible {transform:translateY(-4px) !important; box-shadow:0 12px 30px rgba(8, 21, 58, 0.16) !important;}
.hron-mega[aria-label="Produkter"] .hron-mega-group:not(.hron-group--full-gray) {position:relative; overflow:visible;}
.hron-mega[aria-label="Produkter"] .hron-mega-group:not(.hron-group--full-gray)::before {content:"↗"; position:absolute; top:10px; right:10px; font-size:18px; font-weight:bold; opacity:0; transform:translate(-15px, 8px) scale(0.8); transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index:10; pointer-events:none;}
.hron-mega[aria-label="Produkter"] .hron-group--recruit::before {color:#2A5EF6;}
.hron-mega[aria-label="Produkter"] .hron-group--staff::before {color:#F14E0F;}
.hron-mega[aria-label="Produkter"] .hron-group--wellbeing::before {color:#00C897;}
.hron-mega[aria-label="Produkter"] .hron-group--boarding::before {color:#FF9F00;}
.hron-mega[aria-label="Produkter"] .hron-group--integrationer::before {color:#6B7280;}
.hron-mega[aria-label="Produkter"] .hron-mega-group:not(.hron-group--full-gray):hover::before {opacity:1; transform:translate(0, -5px) scale(1);}
.hron-lang {position:relative; z-index:3001;}
.hron-lang-current {display:inline-flex; align-items:center; gap:8px; color:#374151; font-weight:500; font-size:14px; cursor:pointer; transition:color 0.2s ease; position:relative; padding:8px 0; white-space:nowrap; max-width:120px; overflow:hidden; text-overflow:ellipsis;}
.hron-lang-name {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:80px;}
.hron-lang-current::after {content:'▾'; font-size:12px; line-height:1; color:#6b7280; margin-left:6px; transition:color .15s ease, transform .15s ease; display:inline-block; transform:translateY(-1px); flex-shrink:0;}
.hron-lang-flag {width:20px; height:15px; object-fit:cover; border-radius:2px; box-shadow:0 1px 3px rgba(0,0,0,0.1); flex-shrink:0;}
.hron-lang-list {position:absolute; right:0; top:calc(100% + 8px); list-style:none; margin:0; padding:8px; background:#ffffff; border-radius:12px; box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); display:none; min-width:180px !important; border:1px solid #e5e7eb; opacity:0; transform:translateY(-8px); transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index:3002;}
.hron-lang.is-open .hron-lang-list {display:block; opacity:1; transform:translateY(0);}

@media (min-width: 993px) {
#hron-custom-header .hron-lang {position:relative;}
#hron-custom-header .hron-lang-list {position:absolute !important; right:0 !important; left:auto !important; top:calc(100% + 8px) !important; z-index:3002; transform:translateY(-8px); width:auto !important;}
#hron-custom-header .hron-lang.is-open .hron-lang-list {display:block; opacity:1; transform:translateY(0);}
}

@media (min-width: 768px) {
#hron-custom-header .hron-custom-item > .hron-mega[aria-label="Produkter"] {left:50% !important; right:auto !important; transform:translateX(-50%) translateY(0) !important;}
#hron-custom-header .hron-custom-item:hover > .hron-mega[aria-label="Produkter"], #hron-custom-header .hron-custom-item.is-mega-open > .hron-mega[aria-label="Produkter"] {width:min(92vw, 1280px) !important; max-width:1280px !important; padding-left:28px !important; padding-right:28px !important;}
#hron-custom-header .hron-mega[aria-label="Produkter"] .hron-mega-products {max-width:980px !important;}
}

@media (min-width: 768px) {
#hron-custom-header .hron-custom-menu > li.hron-custom-item:first-child {position:static !important;}
#hron-custom-header .hron-custom-menu > li.hron-custom-item:first-child > .hron-mega[aria-label="Produkter"] {left:50% !important; right:auto !important; transform:translateX(-50%) translateY(0) !important; width:min(92vw, 1280px) !important; max-width:calc(100vw - 32px) !important;}
}

@media (min-width: 768px) {
#hron-custom-header .hron-mega {padding:20px !important;}
#hron-custom-header .hron-custom-item:hover > .hron-mega, #hron-custom-header .hron-custom-item.is-mega-open > .hron-mega {padding:20px !important;}
#hron-custom-header .hron-mega[aria-label="Produkter"] {padding:20px 28px !important;}
#hron-custom-header .hron-custom-item:hover > .hron-mega[aria-label="Produkter"], #hron-custom-header .hron-custom-item.is-mega-open > .hron-mega[aria-label="Produkter"] {padding:20px 28px !important;}
}

@media (min-width: 768px) {
#hron-custom-header .hron-custom-menu > li.hron-custom-item:nth-child(2) {position:static !important;}
#hron-custom-header .hron-custom-menu > li.hron-custom-item:nth-child(2) > .hron-mega[aria-label="Kunder"] {left:50% !important; right:auto !important; transform:translateX(-50%) translateY(0) !important; width:min(92vw, 1280px) !important; max-width:calc(100vw - 32px) !important;}
}

.hron-mega[aria-label="Kunder"] {min-width:720px; width:min(96vw, 1080px); display:none;}
.hron-custom-item:hover > .hron-mega[aria-label="Kunder"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Kunder"] {display:block;}

@media (min-width: 768px) {
.hron-custom-item:hover > .hron-mega[aria-label="Kunder"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="Kunder"] {display:block !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; width:min(92vw, 1280px) !important; max-width:calc(100vw - 32px) !important; padding-left:28px !important; padding-right:28px !important;}
}

@media (min-width: 768px) {
#hron-custom-header .hron-custom-menu > li.hron-custom-item:nth-child(4) {position:static !important;}
#hron-custom-header .hron-custom-menu > li.hron-custom-item:nth-child(4) > .hron-mega[aria-label="HR-ON"] {left:50% !important; right:auto !important; transform:translateX(-50%) translateY(0) !important; width:min(92vw, 1280px) !important; max-width:calc(100vw - 32px) !important;}
#hron-custom-header .hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], #hron-custom-header .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {left:50% !important; right:auto !important; transform:translateX(-50%) translateY(0) !important; width:min(92vw, 1280px) !important; max-width:calc(100vw - 32px) !important; padding-left:28px !important; padding-right:28px !important;}
}

.kunder-mega {display:grid; grid-template-columns:1fr clamp(300px, 32vw, 380px); gap:24px; align-items:stretch; pointer-events:none;}
.hron-custom-item:hover .kunder-mega, .hron-custom-item.is-mega-open .kunder-mega {pointer-events:auto;}
.kunder-col {min-width:0;}
.kunder-logos-wrap {display:flex; flex-direction:column; gap:24px;}
.kunder-logos-header {display:flex; align-items:center; justify-content:space-between; padding-bottom:2px; gap:8px; margin-bottom:-12px;}
.kunder-logos-title {font-size:12px; font-weight:700; color:#6b7280; letter-spacing:.2px;}
.kunder-stories {display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
.kunder-story {display:flex; flex-direction:column; gap:2px; align-items:flex-start; padding:12px; border:1px solid #e5e7eb; border-radius:10px; text-decoration:none; color:inherit; background:#ffffff; transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease; text-align:left;}
.kunder-story:hover {box-shadow:0 8px 20px rgba(0,0,0,0.06); transform:translateY(-1px); border-color:#e2e8f0;}
.kunder-story-logo {width:72px; height:72px; object-fit:contain; filter:none;}
.kunder-story-text {display:flex; flex-direction:column; gap:2px; text-align:left; width:100%;}
.kunder-story-name {font-weight:800; font-size:13px; color:#0e1116; letter-spacing:.2px;}
.kunder-story-desc {font-style:normal; font-size:12px; color:#64748b; line-height:1.35;}
.kunder-see-all {display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; color:#1f57ff; text-decoration:none; letter-spacing:.2px;}
.kunder-see-all:visited {color:#1f57ff;}
.kunder-see-all:focus-visible {outline:0; box-shadow:0 0 0 3px rgba(31,87,255,0.25); border-radius:6px;}
.kunder-see-all i {font-size:11px; color:#1f57ff; transition:transform .2s ease, color .2s ease;}
.kunder-see-all:hover {color:#1744d8;}
.kunder-see-all:hover i {transform:translateX(2px); color:#1744d8;}
.kunder-logos {display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:18px 16px; align-content:start; justify-items:start; align-items:start;}
.kunder-logo {display:inline-flex; align-items:flex-start; justify-content:flex-start; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; transition:none;}
.kunder-logo img {display:block; max-height:32px; width:auto; object-fit:contain; filter:grayscale(1) contrast(1.05) opacity(.9); transition:filter .2s ease;}
.kunder-logo:hover {background:transparent; box-shadow:none; transform:none;}
.kunder-logo:hover img {filter:grayscale(0) opacity(1);}
.kunder-review-card {display:flex; flex-direction:column; border:1px solid rgba(11,95,255,0.2); background:#0B5FFF; border-radius:16px; padding:16px; height:100%; min-height:320px; overflow:hidden; color:#ffffff; position:relative; transition:background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.6s cubic-bezier(0.4, 0, 0.2, 1); pointer-events:none;}
.hron-custom-item:hover .kunder-review-card, .hron-custom-item.is-mega-open .kunder-review-card {pointer-events:auto;}
.krc-review-item {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction:column; opacity:0; visibility:hidden; transition:opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.6s cubic-bezier(0.4, 0, 0.2, 1); pointer-events:none; padding:16px; z-index:1;}
.krc-review-item.active {opacity:1; visibility:visible; pointer-events:auto;}
.kunder-review-card[data-review="staff"] {background:#FF7000; border-color:rgba(255,112,0,0.3);}
.kunder-review-card[data-review="wellbeing"] {background:#00A37A; border-color:rgba(0,163,122,0.3);}
.kunder-review-card[data-review="boarding"] {background:#FF9F00; border-color:rgba(255,159,0,0.3);}
.krc-tabs {display:flex; align-items:center; gap:8px; font-size:12px; color:rgba(255,255,255,0.85); margin-bottom:8px; user-select:none;}
.krc-tab {opacity:.7; font-weight:700;}
.krc-tab.is-active {opacity:1;}
.krc-sep {opacity:.45; color:rgba(255,255,255,0.6);}
.krc-title {font-size:20px; font-weight:800; color:#ffffff; margin:8px 0 8px;}
.krc-body {font-size:14px; line-height:1.55; color:rgba(255,255,255,0.92); margin:0 0 14px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical; font-style:italic;}
.krc-author {margin-top:auto; margin-bottom:40px;}
.krc-name {font-weight:800; font-size:14px; color:#ffffff;}
.krc-role {font-size:12px; color:rgba(255,255,255,0.8);}
.krc-dots {display:none; gap:6px; position:absolute; bottom:16px; left:16px; right:16px; z-index:10; pointer-events:none; visibility:hidden;}
.hron-custom-item:hover .krc-dots, .hron-custom-item.is-mega-open .krc-dots {display:flex; visibility:visible; pointer-events:auto;}
.krc-dots i {width:6px; height:6px; border-radius:999px; background:rgba(255,255,255,0.8); opacity:.6; cursor:pointer; transition:opacity 0.3s ease, transform 0.3s ease; pointer-events:auto;}
.krc-dots i:hover {opacity:0.9; transform:scale(1.2);}
.krc-dots i.active {opacity:1; transform:scale(1.2);}
.krc-decoration-svg {position:absolute; right:0; bottom:0; width:auto; height:auto; max-height:115px; max-width:144px; opacity:0.6; z-index:0; pointer-events:none; transition:color 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease; color:#063D99;}
.kunder-review-card[data-review="recruit"] .krc-decoration-svg, .kunder-review-card:not([data-review]) .krc-decoration-svg {color:#063D99;}
.kunder-review-card[data-review="staff"] .krc-decoration-svg {color:#CC5A00;}
.kunder-review-card[data-review="wellbeing"] .krc-decoration-svg {color:#008261;}
.kunder-review-card[data-review="boarding"] .krc-decoration-svg {color:#CC7F00;}

@media (max-width: 1200px) {
.kunder-logos {grid-template-columns:repeat(5, minmax(0, 1fr));}
.krc-decoration-svg {max-height:100px; max-width:120px;}
}

@media (max-width: 992px) {
.hron-mega[aria-label="Kunder"] {min-width:0; width:100%;}
.kunder-mega {grid-template-columns:1fr;}
.kunder-stories {grid-template-columns:1fr;}
.kunder-logos {grid-template-columns:repeat(4, minmax(0, 1fr));}
.kunder-review-card {aspect-ratio:auto; min-height:auto; max-height:none;}
.krc-body {-webkit-line-clamp:unset; line-clamp:unset;}
.krc-decoration-svg {max-height:80px; max-width:100px; opacity:0.5;}
}

@media (max-width: 600px) {
.kunder-logos {grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px;}
.kunder-logo img {height:24px;}
.krc-title {font-size:18px;}
.krc-body {font-size:13px;}
.krc-decoration-svg {max-height:60px; max-width:80px; opacity:0.4;}
}

.hron-group--contact {position:relative; overflow:visible; background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); border:1px solid rgba(0, 0, 0, 0.08); border-radius:12px; padding:0; min-height:220px; display:flex; flex-direction:column;}
.hron-contact-card {position:relative; display:flex; flex-direction:column; height:100%; min-height:220px; padding:20px; padding-bottom:24px; overflow:visible; flex:1; text-decoration:none; color:inherit; transition:all 0.3s ease;}
.hron-contact-card:hover {opacity:0.95;}
.hron-contact-content {position:relative; z-index:10; flex:1; display:flex; flex-direction:column; gap:12px; max-width:50%; min-width:0; padding-top:40px;}
.hron-contact-title {font-size:20px; font-weight:800; color:#0e1116; margin:0; letter-spacing:-0.3px; line-height:1.2;}
.hron-contact-hours {display:flex; flex-direction:column; gap:4px; align-items:flex-start;}
.hron-hours-text {font-size:13px; color:#64748b; line-height:1.4; font-weight:500; margin:0; display:block;}
.hron-hours-time {font-size:13px; color:#64748b; line-height:1.4; font-weight:400; margin:0; display:block;}
.hron-status-indicator {position:absolute; top:16px; left:20px; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; background:rgba(148, 163, 184, 0.15); border-radius:50%; border:2px solid rgba(148, 163, 184, 0.3); transition:all 0.3s ease; z-index:15; box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);}
.hron-status-indicator.is-open {background:rgba(34, 197, 94, 0.2); border-color:rgba(34, 197, 94, 0.4); box-shadow:0 0 0 3px rgba(34, 197, 94, 0.2), 0 0 10px rgba(34, 197, 94, 0.5), 0 0 16px rgba(34, 197, 94, 0.3), 0 2px 8px rgba(0, 0, 0, 0.15); animation:pulse-glow 2s ease-in-out infinite;}
.hron-status-indicator:not(.is-open) {background:rgba(148, 163, 184, 0.15); border-color:rgba(148, 163, 184, 0.3);}
.hron-status-dot {width:10px; height:10px; border-radius:50%; background:#94a3b8; transition:all 0.3s ease; display:block; flex-shrink:0;}
.hron-status-indicator.is-open .hron-status-dot {background:#22c55e; box-shadow:0 0 6px rgba(34, 197, 94, 0.8), 0 0 12px rgba(34, 197, 94, 0.6);}

@keyframes pulse-glow {
0%, 100% {box-shadow:0 0 0 3px rgba(34, 197, 94, 0.2), 0 0 10px rgba(34, 197, 94, 0.5), 0 0 16px rgba(34, 197, 94, 0.3), 0 2px 8px rgba(0, 0, 0, 0.15);}
50% {box-shadow:0 0 0 4px rgba(34, 197, 94, 0.3), 0 0 14px rgba(34, 197, 94, 0.7), 0 0 22px rgba(34, 197, 94, 0.5), 0 2px 8px rgba(0, 0, 0, 0.15);}
}

.hron-contact-image {position:absolute; right:-20px; bottom:0; top:-40px; width:200px; height:auto; z-index:1; pointer-events:none; overflow:visible; display:flex; align-items:flex-end; justify-content:flex-end;}
.hron-contact-image img {width:100%; height:auto; display:block; object-fit:contain; object-position:bottom right; filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));}
.hron-group--contact:hover {border-color:rgba(0,0,0,0.12); box-shadow:0 8px 24px rgba(0, 0, 0, 0.08); transform:translateY(-2px); transition:all 0.3s ease;}

@media (max-width: 1200px) {
.hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr;}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr 1fr 0.85fr !important;}
.hron-contact-content {max-width:45%; padding-top:38px;}
.hron-status-indicator {top:14px; left:18px;}
.hron-contact-image {right:-18px; top:-35px; width:170px;}
.hron-contact-title {font-size:18px;}
.hron-group--contact {min-height:200px;}
.hron-contact-card {min-height:200px;}
}

@media (max-width: 992px) {
.hron-mega[aria-label="HR-ON"] {grid-template-columns:repeat(2, 1fr);}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:repeat(2, 1fr) !important;}
.hron-group--contact {grid-column:span 2; min-height:180px;}
.hron-contact-card {min-height:180px; padding:18px; padding-bottom:20px;}
.hron-contact-content {max-width:45%; padding-top:36px;}
.hron-status-indicator {top:14px; left:18px;}
.hron-contact-image {right:-15px; top:-30px; width:150px;}
.hron-contact-title {font-size:18px;}
.hron-hours-text {font-size:12px;}
.hron-hours-time {font-size:12px;}
}

@media (max-width: 768px) {
.hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr;}
.hron-custom-item:hover > .hron-mega[aria-label="HR-ON"], .hron-custom-item.is-mega-open > .hron-mega[aria-label="HR-ON"] {grid-template-columns:1fr !important;}
.hron-group--contact {grid-column:1; min-height:200px;}
.hron-contact-card {min-height:200px; padding:16px; padding-bottom:20px;}
.hron-contact-content {max-width:100%; gap:12px; padding-top:36px;}
.hron-status-indicator {top:12px; left:16px; width:22px; height:22px;}
.hron-status-indicator .hron-status-dot {width:8px; height:8px;}
.hron-contact-image {right:-12px; top:-25px; width:130px;}
.hron-contact-title {font-size:18px;}
.hron-hours-text {font-size:12px;}
.hron-hours-time {font-size:12px;}
}

@media (max-width: 480px) {
.hron-group--contact {min-height:180px;}
.hron-contact-card {min-height:180px; padding:14px; padding-bottom:18px;}
.hron-contact-content {gap:10px; padding-top:32px;}
.hron-status-indicator {top:10px; left:14px; width:20px; height:20px;}
.hron-status-indicator .hron-status-dot {width:7px; height:7px;}
.hron-contact-image {right:-8px; top:-20px; width:110px;}
.hron-contact-title {font-size:16px;}
.hron-hours-text {font-size:11px;}
.hron-hours-time {font-size:11px;}
}

.hron-group--om-os {position:relative; overflow:hidden; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:12px; padding:0; min-height:220px; display:flex; flex-direction:column; transition:all 0.3s ease;}
.hron-group--om-os:hover {border-color:rgba(0,0,0,0.12); box-shadow:0 8px 24px rgba(0, 0, 0, 0.08); transform:translateY(-2px);}
.hron-om-os-card {display:flex; flex-direction:column; height:100%; text-decoration:none; color:inherit; overflow:hidden;}
.hron-om-os-image-wrapper {position:relative; width:100%; height:160px; overflow:hidden; border-radius:12px 12px 0 0;}
.hron-om-os-image-wrapper img {width:100%; height:100%; object-fit:cover; object-position:center; display:block; transition:transform 0.3s ease; transform:scale(1.2);}
.hron-om-os-card:hover .hron-om-os-image-wrapper img {transform:scale(1.3);}
.hron-om-os-overlay {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(8, 21, 58, 0.4); display:flex; align-items:center; justify-content:center; padding:20px;}
.hron-om-os-title {font-size:24px; font-weight:800; color:#ffffff; margin:0; letter-spacing:-0.3px; line-height:1.2; text-align:center; text-shadow:0 2px 8px rgba(0,0,0,0.2);}
.hron-om-os-desc {padding:18px 20px 22px; font-size:14px; font-weight:500; color:#4b5563; line-height:1.6; letter-spacing:0.01em; text-align:center; flex:1; display:flex; align-items:center; justify-content:center; transition:color 0.3s ease;}
.hron-om-os-card:hover .hron-om-os-desc {color:#2563eb; font-weight:600;}

@media (max-width: 1200px) {
.hron-group--om-os {min-height:200px;}
.hron-om-os-image-wrapper {height:140px;}
.hron-om-os-title {font-size:22px;}
.hron-om-os-desc {font-size:13px; padding:14px 18px 18px;}
}

@media (max-width: 992px) {
.hron-group--om-os {min-height:180px;}
.hron-om-os-image-wrapper {height:130px;}
.hron-om-os-title {font-size:20px;}
.hron-om-os-desc {font-size:13px; padding:12px 16px 16px;}
}

@media (max-width: 768px) {
.hron-group--om-os {min-height:200px;}
.hron-om-os-image-wrapper {height:150px;}
.hron-om-os-title {font-size:22px;}
.hron-om-os-desc {font-size:14px; padding:16px 18px 18px;}
}

@media (max-width: 600px) {
.hron-group--om-os {min-height:180px;}
.hron-om-os-image-wrapper {height:130px;}
.hron-om-os-title {font-size:18px;}
.hron-om-os-desc {font-size:13px; padding:14px 16px 16px;}
}

.hron-group--manifest {position:relative; overflow:hidden; background:linear-gradient(135deg, #fff5f0 0%, #ffe8e0 100%); border:1px solid rgba(255, 111, 97, 0.15); border-radius:12px; padding:0; min-height:220px; display:flex; flex-direction:column; transition:all 0.3s ease;}
.hron-group--manifest:hover {border-color:rgba(255, 111, 97, 0.25); box-shadow:0 8px 24px rgba(255, 111, 97, 0.15); transform:translateY(-2px); background:linear-gradient(135deg, #fff8f5 0%, #ffede5 100%);}
.hron-manifest-card {display:flex; flex-direction:column; height:100%; padding:24px; text-decoration:none; color:inherit; position:relative; overflow:hidden;}
.hron-manifest-icon-wrapper {width:64px; height:64px; border-radius:16px; background:linear-gradient(135deg, #ff7c70 0%, #ff6f61 100%); display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 4px 12px rgba(255, 111, 97, 0.25); transition:all 0.3s ease;}
.hron-manifest-card:hover .hron-manifest-icon-wrapper {transform:scale(1.1) rotate(5deg); box-shadow:0 6px 16px rgba(255, 111, 97, 0.35);}
.hron-manifest-icon {font-size:28px; color:#ffffff; transition:transform 0.3s ease;}
.hron-manifest-card:hover .hron-manifest-icon {transform:scale(1.1);}
.hron-manifest-content {flex:1; display:flex; flex-direction:column; gap:8px;}
.hron-manifest-title {font-size:20px; font-weight:700; color:#1f2937; margin:0; letter-spacing:-0.2px; line-height:1.3; transition:color 0.3s ease;}
.hron-manifest-card:hover .hron-manifest-title {color:#ff6f61;}
.hron-manifest-desc {font-size:14px; font-weight:400; color:#6b7280; margin:0; line-height:1.5; letter-spacing:0.01em; transition:color 0.3s ease;}
.hron-manifest-card:hover .hron-manifest-desc {color:#4b5563;}
.hron-manifest-arrow {position:absolute; bottom:24px; right:24px; width:36px; height:36px; border-radius:50%; background:rgba(255, 111, 97, 0.1); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; opacity:0; transform:translateX(-8px);}
.hron-manifest-card:hover .hron-manifest-arrow {opacity:1; transform:translateX(0); background:rgba(255, 111, 97, 0.2);}
.hron-manifest-arrow i {font-size:14px; color:#ff6f61; transition:transform 0.3s ease;}
.hron-manifest-card:hover .hron-manifest-arrow i {transform:translateX(2px);}

@media (max-width: 1200px) {
.hron-group--manifest {min-height:200px;}
.hron-manifest-card {padding:20px;}
.hron-manifest-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-manifest-icon {font-size:24px;}
.hron-manifest-title {font-size:18px;}
.hron-manifest-desc {font-size:13px;}
}

@media (max-width: 992px) {
.hron-group--manifest {min-height:180px;}
.hron-manifest-card {padding:18px;}
.hron-manifest-icon-wrapper {width:52px; height:52px; margin-bottom:14px;}
.hron-manifest-icon {font-size:22px;}
.hron-manifest-title {font-size:17px;}
.hron-manifest-desc {font-size:13px;}
.hron-manifest-arrow {bottom:18px; right:18px; width:32px; height:32px;}
}

@media (max-width: 768px) {
.hron-group--manifest {min-height:200px;}
.hron-manifest-card {padding:20px;}
.hron-manifest-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-manifest-icon {font-size:24px;}
.hron-manifest-title {font-size:18px;}
.hron-manifest-desc {font-size:14px;}
.hron-manifest-arrow {bottom:20px; right:20px;}
}

@media (max-width: 600px) {
.hron-group--manifest {min-height:180px;}
.hron-manifest-card {padding:16px;}
.hron-manifest-icon-wrapper {width:48px; height:48px; margin-bottom:12px;}
.hron-manifest-icon {font-size:20px;}
.hron-manifest-title {font-size:16px;}
.hron-manifest-desc {font-size:13px;}
.hron-manifest-arrow {bottom:16px; right:16px; width:28px; height:28px;}
.hron-manifest-arrow i {font-size:12px;}
}

.hron-group--investor {position:relative; overflow:hidden; background:linear-gradient(135deg, #f0f4ff 0%, #e0e9ff 100%); border:1px solid rgba(37, 99, 235, 0.15); border-radius:12px; padding:0; min-height:220px; display:flex; flex-direction:column; transition:all 0.3s ease;}
.hron-group--investor:hover {border-color:rgba(37, 99, 235, 0.25); box-shadow:0 8px 24px rgba(37, 99, 235, 0.15); transform:translateY(-2px); background:linear-gradient(135deg, #f5f7ff 0%, #e8edff 100%);}
.hron-investor-card {display:flex; flex-direction:column; height:100%; padding:24px; text-decoration:none; color:inherit; position:relative; overflow:hidden;}
.hron-investor-icon-wrapper {width:64px; height:64px; border-radius:16px; background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 4px 12px rgba(37, 99, 235, 0.25); transition:all 0.3s ease;}
.hron-investor-card:hover .hron-investor-icon-wrapper {transform:scale(1.1) rotate(-5deg); box-shadow:0 6px 16px rgba(37, 99, 235, 0.35);}
.hron-investor-icon {font-size:28px; color:#ffffff; transition:transform 0.3s ease;}
.hron-investor-card:hover .hron-investor-icon {transform:scale(1.1);}
.hron-investor-content {flex:1; display:flex; flex-direction:column; gap:8px;}
.hron-investor-title {font-size:20px; font-weight:700; color:#1f2937; margin:0; letter-spacing:-0.2px; line-height:1.3; transition:color 0.3s ease;}
.hron-investor-card:hover .hron-investor-title {color:#2563eb;}
.hron-investor-desc {font-size:14px; font-weight:400; color:#6b7280; margin:0; line-height:1.5; letter-spacing:0.01em; transition:color 0.3s ease;}
.hron-investor-card:hover .hron-investor-desc {color:#4b5563;}
.hron-investor-arrow {position:absolute; bottom:24px; right:24px; width:36px; height:36px; border-radius:50%; background:rgba(37, 99, 235, 0.1); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; opacity:0; transform:translateX(-8px);}
.hron-investor-card:hover .hron-investor-arrow {opacity:1; transform:translateX(0); background:rgba(37, 99, 235, 0.2);}
.hron-investor-arrow i {font-size:14px; color:#2563eb; transition:transform 0.3s ease;}
.hron-investor-card:hover .hron-investor-arrow i {transform:translateX(2px);}

@media (max-width: 1200px) {
.hron-group--investor {min-height:200px;}
.hron-investor-card {padding:20px;}
.hron-investor-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-investor-icon {font-size:24px;}
.hron-investor-title {font-size:18px;}
.hron-investor-desc {font-size:13px;}
}

@media (max-width: 992px) {
.hron-group--investor {min-height:180px;}
.hron-investor-card {padding:18px;}
.hron-investor-icon-wrapper {width:52px; height:52px; margin-bottom:14px;}
.hron-investor-icon {font-size:22px;}
.hron-investor-title {font-size:17px;}
.hron-investor-desc {font-size:13px;}
.hron-investor-arrow {bottom:18px; right:18px; width:32px; height:32px;}
}

@media (max-width: 768px) {
.hron-group--investor {min-height:200px;}
.hron-investor-card {padding:20px;}
.hron-investor-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-investor-icon {font-size:24px;}
.hron-investor-title {font-size:18px;}
.hron-investor-desc {font-size:14px;}
.hron-investor-arrow {bottom:20px; right:20px;}
}

@media (max-width: 600px) {
.hron-group--investor {min-height:180px;}
.hron-investor-card {padding:16px;}
.hron-investor-icon-wrapper {width:48px; height:48px; margin-bottom:12px;}
.hron-investor-icon {font-size:20px;}
.hron-investor-title {font-size:16px;}
.hron-investor-desc {font-size:13px;}
.hron-investor-arrow {bottom:16px; right:16px; width:28px; height:28px;}
.hron-investor-arrow i {font-size:12px;}
}

.hron-group--hvorfor {position:relative; overflow:hidden; background:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border:1px solid rgba(34, 197, 94, 0.15); border-radius:12px; padding:0; min-height:220px; display:flex; flex-direction:column; transition:all 0.3s ease;}
.hron-group--hvorfor:hover {border-color:rgba(34, 197, 94, 0.25); box-shadow:0 8px 24px rgba(34, 197, 94, 0.15); transform:translateY(-2px); background:linear-gradient(135deg, #f5fdf7 0%, #e2fce9 100%);}
.hron-hvorfor-card {display:flex; flex-direction:column; height:100%; padding:24px; text-decoration:none; color:inherit; position:relative; overflow:hidden;}
.hron-hvorfor-icon-wrapper {width:64px; height:64px; border-radius:16px; background:linear-gradient(135deg, #10b981 0%, #059669 100%); display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 4px 12px rgba(16, 185, 129, 0.25); transition:all 0.3s ease;}
.hron-hvorfor-card:hover .hron-hvorfor-icon-wrapper {transform:scale(1.1) rotate(10deg); box-shadow:0 6px 16px rgba(16, 185, 129, 0.35);}
.hron-hvorfor-icon {font-size:28px; color:#ffffff; transition:transform 0.3s ease;}
.hron-hvorfor-card:hover .hron-hvorfor-icon {transform:scale(1.1) rotate(-10deg);}
.hron-hvorfor-content {flex:1; display:flex; flex-direction:column; gap:8px;}
.hron-hvorfor-title {font-size:20px; font-weight:700; color:#0f172a; margin:0; letter-spacing:-0.2px; line-height:1.3; transition:color 0.3s ease;}
.hron-hvorfor-card:hover .hron-hvorfor-title {color:#047857;}
.hron-hvorfor-desc {font-size:14px; font-weight:400; color:#6b7280; margin:0; line-height:1.5; letter-spacing:0.01em; transition:color 0.3s ease;}
.hron-hvorfor-card:hover .hron-hvorfor-desc {color:#4b5563;}
.hron-hvorfor-arrow {position:absolute; bottom:24px; right:24px; width:36px; height:36px; border-radius:50%; background:rgba(34, 197, 94, 0.1); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; opacity:0; transform:translateX(-8px);}
.hron-hvorfor-card:hover .hron-hvorfor-arrow {opacity:1; transform:translateX(0); background:rgba(34, 197, 94, 0.2);}
.hron-hvorfor-arrow i {font-size:14px; color:#059669; transition:transform 0.3s ease;}
.hron-hvorfor-card:hover .hron-hvorfor-arrow i {transform:translateX(2px);}

@media (max-width: 1200px) {
.hron-group--hvorfor {min-height:200px;}
.hron-hvorfor-card {padding:20px;}
.hron-hvorfor-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-hvorfor-icon {font-size:24px;}
.hron-hvorfor-title {font-size:18px;}
.hron-hvorfor-desc {font-size:13px;}
}

@media (max-width: 992px) {
.hron-group--hvorfor {min-height:180px;}
.hron-hvorfor-card {padding:18px;}
.hron-hvorfor-icon-wrapper {width:52px; height:52px; margin-bottom:14px;}
.hron-hvorfor-icon {font-size:22px;}
.hron-hvorfor-title {font-size:17px;}
.hron-hvorfor-desc {font-size:13px;}
.hron-hvorfor-arrow {bottom:18px; right:18px; width:32px; height:32px;}
}

@media (max-width: 768px) {
.hron-group--hvorfor {min-height:200px;}
.hron-hvorfor-card {padding:20px;}
.hron-hvorfor-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-hvorfor-icon {font-size:24px;}
.hron-hvorfor-title {font-size:18px;}
.hron-hvorfor-desc {font-size:14px;}
.hron-hvorfor-arrow {bottom:20px; right:20px;}
}

@media (max-width: 600px) {
.hron-group--hvorfor {min-height:180px;}
.hron-hvorfor-card {padding:16px;}
.hron-hvorfor-icon-wrapper {width:48px; height:48px; margin-bottom:12px;}
.hron-hvorfor-icon {font-size:20px;}
.hron-hvorfor-title {font-size:16px;}
.hron-hvorfor-desc {font-size:13px;}
.hron-hvorfor-arrow {bottom:16px; right:16px; width:28px; height:28px;}
.hron-hvorfor-arrow i {font-size:12px;}
}

.hron-group--gdpr {position:relative; overflow:hidden; background:linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%); border:1px solid rgba(139, 92, 246, 0.15); border-radius:12px; padding:0; min-height:220px; display:flex; flex-direction:column; transition:all 0.3s ease;}
.hron-group--gdpr:hover {border-color:rgba(139, 92, 246, 0.25); box-shadow:0 8px 24px rgba(139, 92, 246, 0.15); transform:translateY(-2px); background:linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);}
.hron-gdpr-card {display:flex; flex-direction:column; height:100%; padding:24px; text-decoration:none; color:inherit; position:relative; overflow:hidden;}
.hron-gdpr-icon-wrapper {width:64px; height:64px; border-radius:16px; background:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 4px 12px rgba(139, 92, 246, 0.25); transition:all 0.3s ease;}
.hron-gdpr-card:hover .hron-gdpr-icon-wrapper {transform:scale(1.1) rotate(-5deg); box-shadow:0 6px 16px rgba(139, 92, 246, 0.35);}
.hron-gdpr-icon {font-size:28px; color:#ffffff; transition:transform 0.3s ease;}
.hron-gdpr-card:hover .hron-gdpr-icon {transform:scale(1.1);}
.hron-gdpr-content {flex:1; display:flex; flex-direction:column; gap:8px;}
.hron-gdpr-title {font-size:20px; font-weight:700; color:#0f172a; margin:0; letter-spacing:-0.2px; line-height:1.3; transition:color 0.3s ease;}
.hron-gdpr-card:hover .hron-gdpr-title {color:#7c3aed;}
.hron-gdpr-desc {font-size:14px; font-weight:400; color:#6b7280; margin:0; line-height:1.5; letter-spacing:0.01em; transition:color 0.3s ease;}
.hron-gdpr-card:hover .hron-gdpr-desc {color:#4b5563;}
.hron-gdpr-arrow {position:absolute; bottom:24px; right:24px; width:36px; height:36px; border-radius:50%; background:rgba(139, 92, 246, 0.1); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; opacity:0; transform:translateX(-8px);}
.hron-gdpr-card:hover .hron-gdpr-arrow {opacity:1; transform:translateX(0); background:rgba(139, 92, 246, 0.2);}
.hron-gdpr-arrow i {font-size:14px; color:#7c3aed; transition:transform 0.3s ease;}
.hron-gdpr-card:hover .hron-gdpr-arrow i {transform:translateX(2px);}

@media (max-width: 1200px) {
.hron-group--gdpr {min-height:200px;}
.hron-gdpr-card {padding:20px;}
.hron-gdpr-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-gdpr-icon {font-size:24px;}
.hron-gdpr-title {font-size:18px;}
.hron-gdpr-desc {font-size:13px;}
}

@media (max-width: 992px) {
.hron-group--gdpr {min-height:180px;}
.hron-gdpr-card {padding:18px;}
.hron-gdpr-icon-wrapper {width:52px; height:52px; margin-bottom:14px;}
.hron-gdpr-icon {font-size:22px;}
.hron-gdpr-title {font-size:17px;}
.hron-gdpr-desc {font-size:13px;}
.hron-gdpr-arrow {bottom:18px; right:18px; width:32px; height:32px;}
}

@media (max-width: 768px) {
.hron-group--gdpr {min-height:200px;}
.hron-gdpr-card {padding:20px;}
.hron-gdpr-icon-wrapper {width:56px; height:56px; margin-bottom:16px;}
.hron-gdpr-icon {font-size:24px;}
.hron-gdpr-title {font-size:18px;}
.hron-gdpr-desc {font-size:14px;}
.hron-gdpr-arrow {bottom:20px; right:20px;}
}

@media (max-width: 600px) {
.hron-group--gdpr {min-height:180px;}
.hron-gdpr-card {padding:16px;}
.hron-gdpr-icon-wrapper {width:48px; height:48px; margin-bottom:12px;}
.hron-gdpr-icon {font-size:20px;}
.hron-gdpr-title {font-size:16px;}
.hron-gdpr-desc {font-size:13px;}
.hron-gdpr-arrow {bottom:16px; right:16px; width:28px; height:28px;}
.hron-gdpr-arrow i {font-size:12px;}
}

.hron-group--company-size {position:relative; overflow:hidden; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:12px; padding:0; min-height:auto; display:flex; flex-direction:column; transition:all 0.3s ease; grid-column:1 / -1;}
.hron-group--company-size:hover {border-color:rgba(0,0,0,0.12); box-shadow:0 8px 24px rgba(0, 0, 0, 0.08); transform:translateY(-2px);}
.hron-company-size-card {display:flex; flex-direction:column; padding:12px; gap:8px;}
.hron-company-size-title {font-size:13px; font-weight:600; color:#1f2937; margin:0; letter-spacing:-0.1px; line-height:1.3;}
.hron-company-size-buttons {display:flex; flex-direction:row; gap:6px; flex-wrap:wrap;}
.hron-size-button {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:8px 10px; background:#f9fafb; border:1px solid rgba(0,0,0,0.06); border-radius:6px; text-decoration:none; color:#374151; transition:all 0.3s ease; cursor:pointer; flex:1; min-width:0;}
.hron-size-button:hover {background:#f3f4f6; border-color:rgba(0,0,0,0.1); transform:translateY(-2px); box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);}
.hron-size-icon-wrapper {width:28px; height:28px; border-radius:6px; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.3s ease;}
.hron-size-button:nth-child(1) .hron-size-icon-wrapper {background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);}
.hron-size-button:nth-child(2) .hron-size-icon-wrapper {background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);}
.hron-size-button:nth-child(3) .hron-size-icon-wrapper {background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);}
.hron-size-button:hover .hron-size-icon-wrapper {transform:scale(1.05); box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.hron-size-icon {font-size:14px; color:#ffffff; transition:transform 0.3s ease;}
.hron-size-button:hover .hron-size-icon {transform:scale(1.05);}
.hron-size-text {font-size:11px; font-weight:500; color:#374151; line-height:1.3; text-align:center; transition:color 0.3s ease;}
.hron-size-button:hover .hron-size-text {color:#1f2937; font-weight:600;}

@media (max-width: 1200px) {
.hron-company-size-card {padding:10px; gap:6px;}
.hron-company-size-title {font-size:12px;}
.hron-company-size-buttons {gap:5px;}
.hron-size-button {padding:7px 8px; gap:5px;}
.hron-size-icon-wrapper {width:26px; height:26px;}
.hron-size-icon {font-size:13px;}
.hron-size-text {font-size:10px;}
}

@media (max-width: 992px) {
.hron-group--company-size {grid-column:1 / -1;}
.hron-company-size-card {padding:10px; gap:6px;}
.hron-company-size-title {font-size:12px;}
.hron-company-size-buttons {gap:5px;}
.hron-size-button {padding:7px 8px; gap:5px;}
.hron-size-icon-wrapper {width:24px; height:24px;}
.hron-size-icon {font-size:12px;}
.hron-size-text {font-size:10px;}
}

@media (max-width: 768px) {
.hron-group--company-size {grid-column:1 / -1;}
.hron-company-size-card {padding:10px; gap:6px;}
.hron-company-size-title {font-size:12px;}
.hron-company-size-buttons {gap:5px;}
.hron-size-button {padding:7px 8px; gap:5px;}
.hron-size-icon-wrapper {width:26px; height:26px;}
.hron-size-icon {font-size:13px;}
.hron-size-text {font-size:10px;}
}

@media (max-width: 600px) {
.hron-group--company-size {grid-column:1 / -1;}
.hron-company-size-card {padding:8px; gap:6px;}
.hron-company-size-title {font-size:11px;}
.hron-company-size-buttons {gap:4px;}
.hron-size-button {padding:6px 8px; gap:4px; flex:1 1 calc(33.333% - 3px); min-width:0;}
.hron-size-icon-wrapper {width:22px; height:22px;}
.hron-size-icon {font-size:11px;}
.hron-size-text {font-size:9px;}
}

/* Masterclasses card styles for Resources section */
.hron-mega[aria-label="Ressourcer"] .hron-group--masterclasses {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 50%, #bbf7d0 100%);
    border: 1px solid rgba(34, 197, 94, 0.2);
    border-radius: 12px;
    padding: 0;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    align-self: stretch;
}

.hron-mega[aria-label="Ressourcer"] .hron-group--masterclasses:hover {
    border-color: rgba(34, 197, 94, 0.35);
    box-shadow: 0 8px 24px rgba(34, 197, 94, 0.15);
    transform: translateY(-2px);
    background: linear-gradient(135deg, #f7fef8 0%, #f0fdf4 50%, #dcfce7 100%);
}

.hron-masterclasses-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
}

.hron-masterclasses-icon-wrapper {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.25);
    transition: all 0.3s ease;
}

.hron-masterclasses-card:hover .hron-masterclasses-icon-wrapper {
    transform: scale(1.1) rotate(3deg);
    box-shadow: 0 6px 16px rgba(34, 197, 94, 0.35);
}

.hron-masterclasses-icon {
    font-size: 28px;
    color: #ffffff;
    transition: transform 0.3s ease;
}

.hron-masterclasses-card:hover .hron-masterclasses-icon {
    transform: scale(1.1);
}

.hron-masterclasses-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hron-masterclasses-title {
    font-size: 20px;
    font-weight: 700;
    color: #1f2937;
    margin: 0;
    letter-spacing: -0.2px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.hron-masterclasses-card:hover .hron-masterclasses-title {
    color: #22c55e;
}

.hron-masterclasses-desc {
    font-size: 14px;
    font-weight: 400;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
    letter-spacing: 0.01em;
    transition: color 0.3s ease;
}

.hron-masterclasses-card:hover .hron-masterclasses-desc {
    color: #4b5563;
}

.hron-masterclasses-arrow {
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(34, 197, 94, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateX(-8px);
}

.hron-masterclasses-card:hover .hron-masterclasses-arrow {
    opacity: 1;
    transform: translateX(0);
    background: rgba(34, 197, 94, 0.2);
}

.hron-masterclasses-arrow i {
    font-size: 14px;
    color: #22c55e;
    transition: transform 0.3s ease;
}

.hron-masterclasses-card:hover .hron-masterclasses-arrow i {
    transform: translateX(2px);
}

/* Responsive styles for Masterclasses card */
@media (max-width: 1200px) {
    .hron-mega[aria-label="Ressourcer"] .hron-group--masterclasses {
        min-height: 200px;
    }
    
    .hron-masterclasses-card {
        padding: 20px;
    }
    
    .hron-masterclasses-icon-wrapper {
        width: 56px;
        height: 56px;
        margin-bottom: 16px;
    }
    
    .hron-masterclasses-icon {
        font-size: 24px;
    }
    
    .hron-masterclasses-title {
        font-size: 18px;
    }
    
    .hron-masterclasses-desc {
        font-size: 13px;
    }
}

@media (max-width: 992px) {
    .hron-mega[aria-label="Ressourcer"] .hron-group--masterclasses {
        min-height: 180px;
    }
    
    .hron-masterclasses-card {
        padding: 18px;
    }
    
    .hron-masterclasses-icon-wrapper {
        width: 52px;
        height: 52px;
        margin-bottom: 14px;
    }
    
    .hron-masterclasses-icon {
        font-size: 22px;
    }
    
    .hron-masterclasses-title {
        font-size: 17px;
    }
    
    .hron-masterclasses-desc {
        font-size: 13px;
    }
    
    .hron-masterclasses-arrow {
        bottom: 18px;
        right: 18px;
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 768px) {
    .hron-mega[aria-label="Ressourcer"] .hron-group--masterclasses {
        min-height: 200px;
    }
    
    .hron-masterclasses-card {
        padding: 20px;
    }
    
    .hron-masterclasses-icon-wrapper {
        width: 56px;
        height: 56px;
        margin-bottom: 16px;
    }
    
    .hron-masterclasses-icon {
        font-size: 24px;
    }
    
    .hron-masterclasses-title {
        font-size: 18px;
    }
    
    .hron-masterclasses-desc {
        font-size: 14px;
    }
    
    .hron-masterclasses-arrow {
        bottom: 20px;
        right: 20px;
    }
}

@media (max-width: 600px) {
    .hron-mega[aria-label="Ressourcer"] .hron-group--masterclasses {
        min-height: 180px;
    }
    
    .hron-masterclasses-card {
        padding: 16px;
    }
    
    .hron-masterclasses-icon-wrapper {
        width: 48px;
        height: 48px;
        margin-bottom: 12px;
    }
    
    .hron-masterclasses-icon {
        font-size: 20px;
    }
    
    .hron-masterclasses-title {
        font-size: 16px;
    }
    
    .hron-masterclasses-desc {
        font-size: 13px;
    }
    
    .hron-masterclasses-arrow {
        bottom: 16px;
        right: 16px;
        width: 28px;
        height: 28px;
    }
    
    .hron-masterclasses-arrow i {
        font-size: 12px;
    }
}