/** Shopify CDN: Minification failed

Line 31:0 All "@import" rules must come first

**/
:root {
  /* Shopify Font - Montserrat */
  --font-body-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-heading-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  
  /* Font weights */
  --font-body-weight: 400;
  --font-body-weight-bold: 600;
  --font-heading-weight: 600;
  
  /* Font sizes - More reasonable for better readability */
  --font-body-scale: 0.95;
  --font-heading-scale: 1.1;
  
  /* Spacing scale for more compact layout */
  --spacing-scale: 0.85;
  
  /* Brand colors for AV Larsen */
  --color-primary: #d32f2f;
  --color-secondary: #333333;
  --color-text: #333333;
  --color-background:#f8f9fa;
}

/* Import Montserrat from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* Global zoom out effect - FIXED */
html {
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  line-height: 1.5;
  font-size: 15.2px; /* 16px * 0.95 */
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Global font application */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  line-height: 1.5;
  color: #333;
  margin: 0;
  padding: 0;
  background-color: #f8f9fa;
  width: 100vw;
  overflow-x: hidden;
}

/* Headings - More compact */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  line-height: 1.2;
  margin: 0 0 0.68rem 0; /* 0.8rem * 0.85 */
}

h1 { font-size: 2.42rem; } /* 2.2rem * 1.1 */
h2 { font-size: 1.98rem; } /* 1.8rem * 1.1 */
h3 { font-size: 1.65rem; } /* 1.5rem * 1.1 */
h4 { font-size: 1.43rem; } /* 1.3rem * 1.1 */
h5 { font-size: 1.21rem; } /* 1.1rem * 1.1 */
h6 { font-size: 1.1rem; }  /* 1rem * 1.1 */

/* Paragraphs and text - More compact but readable */
p {
  margin: 0 0 0.85rem 0; /* 1rem * 0.85 */
  font-size: 1.045rem; /* 1.1rem * 0.95 */
}

/* Lists - More compact */
ul, ol {
  margin: 0 0 0.85rem 0; /* 1rem * 0.85 */
  padding-left: 1.275rem; /* 1.5rem * 0.85 */
}

li {
  margin-bottom: 0.213rem; /* 0.25rem * 0.85 */
  font-size: 0.998rem; /* 1.05rem * 0.95 */
}

/* Buttons and form elements - More compact */
button,
input,
select,
textarea {
  font-family: var(--font-body-family);
  font-size: 0.855rem; /* 0.9rem * 0.95 */
}

/* Navigation and links */
a {
  font-family: var(--font-body-family);
  text-decoration: none;
}

/* Ensure all text elements use Montserrat and scaled sizing */
span, div, td, th, label {
  font-family: var(--font-body-family);
  font-size: 0.998rem; /* 1.05rem * 0.95 */
}

/* Global compact layout adjustments */
.shopify-section {
  padding: 1.7rem 0; /* 2rem * 0.85 */
}

/* Force full width for header and mega menu - COMPREHENSIVE FIX */
.av-header,
.av-header *,
.has-mega .mega-dropdown {
  box-sizing: border-box;
}

/* Target the header section and any Shopify wrappers */
.shopify-section:has(.av-header),
#shopify-section-av-header-mega,
.section-av-header-mega,
[data-section-type="av-header-mega"] {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Override any page-width constraints on header */
.av-header,
.av-header .page-width,
.av-header .container,
.av-header .section-wrapper {
  width: 100vw !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  position: relative !important;
  --page-width: 100vw !important;
}

.av-header__container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Ensure mega menu reaches edges */
.has-mega .mega-dropdown {
  width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

/* Reduce spacing between sections for tighter layout */
.shopify-section + .shopify-section {
  margin-top: -0.85rem; /* -1rem * 0.85 */
}

/* More compact containers */
.container,
.page-width {
  padding-left: 0.85rem; /* 1rem * 0.85 */
  padding-right: 0.85rem; /* 1rem * 0.85 */
}

/* Override any theme containers that might limit header width */
.shopify-section-header,
.section-header,
header:not(.av-header),
.header-wrapper {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Don't override page-width globally - only for header */

/* Ensure no containers constrain header */
.av-header .page-width,
.av-header .container,
.av-header .section-wrapper {
  width: 100% !important;
  max-width: none !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Product cards and components - more compact */
.product-card,
.card {
  padding: 0.85rem; /* 1rem * 0.85 */
}

.product-card__title {
  font-size: 0.95rem; /* 1rem * 0.95 */
  margin-bottom: 0.425rem; /* 0.5rem * 0.85 */
}

/* Form elements - more compact */
.form-control,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  padding: 0.51rem 0.68rem; /* 0.6rem * 0.85, 0.8rem * 0.85 */
  font-size: 0.855rem; /* 0.9rem * 0.95 */
}

/* Navigation spacing - more compact */
.nav-link {
  padding: 0.425rem 0.68rem; /* 0.5rem * 0.85, 0.8rem * 0.85 */
  font-size: 0.95rem; /* 1rem * 0.95 */
}

/* Responsive font and spacing adjustments for different screen sizes */
@media (max-width: 768px) {
  html { font-size: 14.4px; } /* 16px * 0.9 */
  .shopify-section { padding: 1.6rem 0; } /* 2rem * 0.8 */
  .container, .page-width { padding-left: 0.8rem; padding-right: 0.8rem; }
  h1 { font-size: 2.2rem; } /* Smaller headings on mobile */
  h2 { font-size: 1.8rem; }
  p { font-size: 0.99rem; } /* 1.1rem * 0.9 */
}

@media (min-width: 769px) and (max-width: 1024px) {
  html { font-size: 14.72px; } /* 16px * 0.92 */
  .shopify-section { padding: 1.64rem 0; } /* 2rem * 0.82 */
  .container, .page-width { padding-left: 0.82rem; padding-right: 0.82rem; }
  p { font-size: 1.012rem; } /* 1.1rem * 0.92 */
}

@media (min-width: 1025px) and (max-width: 1440px) {
  html { font-size: 15.2px; } /* 16px * 0.95 - DEFAULT */
  .shopify-section { padding: 1.7rem 0; } /* 2rem * 0.85 - DEFAULT */
  p { font-size: 1.045rem; } /* 1.1rem * 0.95 - DEFAULT */
}

@media (min-width: 1441px) {
  html { font-size: 15.52px; } /* 16px * 0.97 */
  .shopify-section { padding: 1.74rem 0; } /* 2rem * 0.87 */
  .container, .page-width { padding-left: 0.87rem; padding-right: 0.87rem; }
  p { font-size: 1.067rem; } /* 1.1rem * 0.97 */
}

/* Specific adjustments for homepage sections */
#shopify-section-main + #shopify-section-av_tilbud_showcase_b7JCgj {
  margin-top: -40px;
}

/* Ensure critical elements always work */
.av-header,
.av-header__hamburger,
.av-header__mobile-container {
  pointer-events: auto !important;
  z-index: 999999 !important; /* Ensure header is always on top */
}

/* Screen reader only class for Google-friendly accessibility */
.sr-only,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}