@media (min-width: 390px) {
	:root {
		--spacing-side-gap: 1.5rem;
	}
}
@media (min-width: 460px) {
	.block-produktslider__imgwrapper {
		padding-bottom: 135%;
		margin-bottom: 140px;
	}
	.block-produktslider .swiper-slide-prev {
		transform:scale(.5) translate(-80px,0);
	}
	.block-produktslider .swiper-slide-next {
		transform:scale(.5) translate(80px,0);
	}
}


@media (min-width: 576px) {
    /* Typography scaling */
    :root {
        --font-size-base: 0.9375rem;
    }
    
    /* Header */
    .header {
        padding-top: 1.25rem;
    }
    
    .navbar__container {
        padding: 0 1rem;
    }
    
    .navbar__logo svg {
        width: 10rem;
    }
    
    /* Main content */
    .main {
        padding-top: 2rem;
    }
    
    /* Subnav */
    .subnav__link {
       
    }
    
    .subnav__item {
        margin-bottom: 0.5rem;
    }
    
    /* Content layout */
    .content-layout {
        gap: 1.5rem;
    }
    
    /* Content sections */
    .content-section {
       
    }
    
    .headline--style1 {
        font-size: 0.9375rem;
    }
	
	.headline--style3 {
		font-size: 1.42rem;
	}
    
    /* Accordion */
    .custom-accordion__button {
        font-size: 0.875rem;
    }
    
    /* Footer */
    .footer {
        padding: 3rem 1.5rem;
    }
    
    .footer__inner {
        /*padding: 0 1rem;*/
       
    }
    
    /* Mobile menu */
    .mobile-menu__link {
        font-size: 1.75rem;
    }
    
    /* Ambient glow */
    .ambient-glow {
        width: 30rem;
        height: 25rem;
    }
	
	.block-produktslider__imgwrapper {
		margin-bottom: 150px;
	}
	.content-layout__main.content-layout__main--hassubnav {
		margin-right: -231px;
	}
}


/* ==========================================================================
   Medium Devices (768px and up) - Tablets
   ========================================================================== */
@media (min-width: 768px) {
    /* Typography scaling */
    :root {
        --font-size-subnav: 1.5rem;
		--font-size-subnav-active: 1.5rem;
        --spacing-footer-gap: 2rem;
		--spacing-side-gap: 4rem;
    }
    
    /* Header */
    .header {
        padding-top: 1.5rem;
    }
    
    .navbar__container {
        padding: 0 1.5rem;
    }
    
    /* Subnav */
    .subnav__link {
        font-size: 0.875rem;
    }
    
    .subnav__item {
        margin-bottom: 0.625rem;
    }
    
    /* Content sections */
    .content-section {
        
    }
    
    /* Table */
    .custom-table {
        font-size: 0.875rem;
    }
    
    .custom-table th,
    .custom-table td {
        padding: 0.75rem 1rem 0.75rem 0;
    }
    
    /* Buttons - side by side */
    .btn {
        width: auto;
    }
    
    .button-group {
        flex-direction: row;
        align-items: flex-start;
        gap: 1rem;
    }
    
    /* Footer grid */
    .footer__inner {
        flex-direction: row;
        flex-wrap: wrap;
    }
    
	/*
    .footer__col {
        flex: 0 0 calc(50% - 1rem);
    }*/
    
    .footer__col--social {
        /*flex: 0 0 auto;*/
    }
	
	.block-produktslider__imgwrapper {
        padding-bottom: 126%;
		margin-bottom: 170px;
    }
	.block-produktslider .swiper-slide-prev {
		transform:scale(.5) translate(-120px,0);
	}
	.block-produktslider .swiper-slide-next {
		transform:scale(.5) translate(120px,0);
	}
	
	.content-layout__main.content-layout__main--hassubnav {
		margin-left:0;
		margin-right:-100px;
	}
	
}

@media (min-width: 890px) {
	.footer__inner {
		justify-content: center;
	}
	.content-layout__main.content-layout__main--hassubnav {
		margin-left:0;
		margin-right:-50px;
	}
}

/* ==========================================================================
   Large Devices (992px and up) - Tablets landscape / small laptops
   ========================================================================== */
@media (min-width: 992px) {
    /* Typography */
    :root {
        --font-size-subnav: 1.75rem;
        --font-size-subnav-active: 1.75rem;
    }
    
    /* Header */
    .header {
        padding-top: 2rem;
    }
    
    /* Subnav */
    .subnav__link {
        font-size: 1rem;
    }
    
    .subnav__item {
        margin-bottom: 0.75rem;
    }
    
    /* Footer - all columns in a row */
    .footer__col {
        flex: 0 0 auto;
    }
    
	/*
    .footer__col--social {
        margin-left: auto;
        align-self: flex-end;
    }*/
	
	.block-produktslider .swiper-pagination-bullet-active {
		transform:scale(1.5);
	}

	.block-produktslider .swiper-pagination-bullet {
		margin: 0 30px !important;
	}
	.content-layout__main.content-layout__main--hassubnav {
		margin-left:0;
		margin-right:0px;
	}
}

@media (min-width: 1100px) {
	:root {
		--spacing-footer-gap: 2rem;
	}
	.footer__col--logo {
		margin: 0 0 .8rem -.5rem;
	}
}


/* ==========================================================================
   Extra Large Devices (1200px and up) - Desktop
   ========================================================================== */
@media (min-width: 1200px) {
    /* Typography - Desktop defaults */
    :root {
        --font-size-base: .9rem;
        --font-size-subnav: 2rem;
        --font-size-subnav-active: 2rem;
        --font-size-table-head: 1.125rem;
        --spacing-header-top: 5.625rem;
        --spacing-subnav-right: 5.3125rem;
        --spacing-footer-gap: 3.25rem;
        --underline-width: 1.5rem;
    }
    
    body {
        line-height: 2.3;
    }
	
	/* Header - show desktop nav with proper spacing */
    .header {
        padding-top: 5.625rem; /* 90px - explicit value for desktop */
    }
    
    /* Header - show desktop nav */
    .navbar__container {
        flex-direction: row;
        padding: 0 2rem;
        gap: 0;
		justify-content: flex-end !important;
    }
    
    .navbar__nav {
        display: flex;
    }
    
    .navbar__logo {
        align-self: auto;
        margin-left: 0;
    }
    
    .navbar__logo svg {
        width: 12.4rem;
    }
    
    /* Hide burger on desktop */
    .burger {
        display: none;
    }
    
    /* Main content */
    .main {
        padding-top: 5.2rem;
    }
    
    /* Content layout - standard order */
    .content-layout {
        flex-direction: row;
        gap: var(--spacing-subnav-right);
    }
    
    /* Subnav */
    .subnav {
        top: 2rem;
		line-height:1;
    }
    
    .subnav__link {
        font-size: var(--font-size-subnav);
        padding-right: var(--spacing-subnav-right);
    }
    
    .subnav__item {
        margin-bottom: .8rem;
    }
	.subnav__link::after {
		display:block;
	}
    
    /* Content sections */
    .content-section {
        
    }
    
    .content-section p {
        margin-bottom: 1.25rem;
    }
	
	main ul:not(nav ul) { 
		margin-bottom: 1.25rem;
	}
	
	
	.btn {
		margin:1rem 1.25rem 1.25rem 0;
	}
	
	.custom-table {
		margin-bottom: 1.25rem;
	}
	
	.custom-accordion {
		margin-bottom: 1.25rem;
	}
	
	.contact-form-wrapper {
		margin-bottom: 1.25rem;
	}
	
	.gallery__filterwrapper {
		margin-bottom: 1.25rem;
	}
	
	section.gallery {
		margin-bottom: 1.25rem;
	}
	
	.gallery-col {
		margin-bottom: 1.25rem;
	}
	
	.content-section {
		padding: 1.25rem 0 6rem 0;
	}
	.section--product__logo {
		padding-top:1.3rem;
	}
	
    
    /* Headlines */
    .headline--style1 {
        font-size: var(--font-size-base);
        margin-bottom: .4rem;
    }
    
    .headline--style2 {
        font-size: var(--font-size-subnav);
        margin-left: 5rem;
    }
	.headline--style2.float-start {
		margin-left: 0;
		margin-right: 5rem;
	}
	.headline--style3 {
		font-size: 1.42rem;
	}
    
    /* Accordion */
    .custom-accordion {
       
    }
    
    .custom-accordion__button {
        padding: 1rem 0;
        font-size: var(--font-size-base);
    }
    
    .custom-accordion__body {
        padding: 0 0 1.5rem 1.5rem;
        font-size: var(--font-size-base);
    }
    
    /* Custom list */
    main ul:not(nav ul) > li {
        padding-left: calc(1rem + 1.625rem);
        font-size: var(--font-size-base);
    }
    
    /* Table */
    .custom-table th,
    .custom-table td {
        padding: 1rem 1.5rem 1rem 0;
        font-size: var(--font-size-base);
    }
    
    /* Buttons */
    .btn {
        font-size: var(--font-size-base);
        padding: 0.5rem 1rem;
    }
    
    /* Form */
    
    
    .contact-form__input {
        padding: 1rem 0;
        font-size: var(--font-size-base);
    }
    
    /* Footer */
    .footer {
        padding: 5rem 1.5rem;
        /*margin-top: 4rem;*/
    }
    
    .footer__inner {
        /*padding: 0 2rem;*/
    }
    
    .footer__col {
        font-size: var(--font-size-base);
    }
    
    .footer__logo-link svg {
        width: 140px;
    }
    
    .footer__social-link {
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .footer__social-icon {
        font-size: 1.125rem;
    }
    
    /* Ambient glow */
    .ambient-glow {
        width: 40%;
        height: 30rem;
    }
	
	.block-produktslider .swiper-slide-active {
	  transform:scale(1.5) translate(0,0);
	}
	.block-produktslider__imgwrapper {
        padding-bottom: 115%;
    }
	
	.section--product__logo {
		margin:0 1.7rem 0 0;
	}
	.section--product__logo img {
		width:2rem;
		top: 2.8rem;
	}
	.footer__col--logo {
		margin: 0 0 .8rem -2rem;
	}
	.content-layout__sidebar {
		width:auto;
	}
}

/* ==========================================================================
   Extra Extra Large Devices (1300px and up) - Large Desktop
   ========================================================================== */
@media (min-width: 1300px) {
    .block-produktslider__imgwrapper {
        padding-bottom: 107%;
    }
	.block-produktslider__contents {
		margin:3rem 0 8rem 0;
	}
}


@media (min-width: 1500px) {
	.block-produktslider__swiper-next {
		width:300px;
	}
	.block-produktslider__swiper-prev {
		width:300px;
	}
}


@media (min-width: 1600px) {
	:root {
		--spacing-side-gap: 1.5rem;
    }
	.section--product__logo {
		margin:0 3.5rem 0 0;
	}
	.section--product__logo img {
		width:2.43rem;
	}
}


/* ==========================================================================
   Print Styles
   ========================================================================== */
@media print {
    /* Hide non-essential elements */
    .header,
    .burger,
    .mobile-menu,
    .ambient-glow,
    .skip-link,
    .subnav {
        display: none !important;
    }
    
    /* Reset colors for print */
    body {
        background-color: #fff;
        color: #000;
    }
    
    a {
        color: #000;
        text-decoration: underline;
    }
    
    .content-section {
        
    }
    
    .headline--style1,
    .headline--style2 {
        color: #000;
    }
    
    .custom-table th,
    .custom-table td {
        border-color: #000;
        color: #000;
    }
    
    .btn {
        border: 0.0625rem solid #000;
        background-color: transparent;
        color: #000;
    }
    
    .footer {
        border-color: #ccc;
    }
    
    .footer__col {
        color: #000;
    }
}

/* ==========================================================================
   Reduced Motion Preferences
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    .ambient-glow {
        animation: none;
    }
    
    .mobile-menu__item {
        opacity: 1;
        transform: none;
    }
}

/* ==========================================================================
   High Contrast Mode Support
   ========================================================================== */
@media (prefers-contrast: high) {
    :root {
        --color-text-body: #FFFFFF;
        --color-text-nav: #FFFFFF;
        --color-accent-teal: #FFFFFF;
    }
    
    .navbar__link,
    .subnav__link,
    .footer__col {
        color: #FFFFFF;
    }
    
    .navbar__dropdown {
        border-width: 0.125rem;
    }
    
    .custom-table th,
    .custom-table td {
        border-width: 0.125rem;
    }
    
    .contact-form__input {
        border-width: 0.125rem;
    }
}

/* ==========================================================================
   Dark Mode Support (already dark, but ensure consistency)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
    /* Site is already dark themed, no changes needed */
}