/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:root{--color-tenant-background:var(--color-gray-50)}body{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}.buy-button{border-radius:var(--radius-lg,.5rem);width:100%;padding:calc(var(--spacing,.25rem) * 3);text-align:center;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff)}.text-buy-button{color:#40b60b}.bg-buy-button{background-color:#40b60b}@media (hover:hover){.bg-buy-button:hover{background-color:#36940a}}.bg-buy-button-not-in-stock{background-color:#407bbe}@media (hover:hover){.bg-buy-button-not-in-stock:hover{background-color:#1b75ff}}.text-buy-button-not-in-stock{color:#407bbe}.review-stars{--fa-primary-color:var(--color-yellow-500);--fa-secondary-color:var(--color-slate-200);--fa-secondary-opacity:1;color:var(--color-slate-200,oklch(92.9% .013 255.508))}.review-stars .filled{color:var(--color-yellow-500,oklch(79.5% .184 86.047))}h1,h2,h3{font-family:var(--font-viga,"Viga", sans-serif)}.listing-fade-move,.listing-fade-enter-active,.listing-fade-leave-active{transition:transform .3s,opacity .3s}.listing-fade-enter-from,.listing-fade-leave-to{opacity:0;transform:translate(-8px)}.content{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100%;font-size:14px;font-family:var(--font-open-sans);line-height:1.6rem;overflow-x:hidden}.content p{margin:0 0 10px;font-size:14px;line-height:1.6rem}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.content .h1,.content .h2,.content .h3,.content .h4,.content .h5,.content .h6{color:inherit}.content .h1,.content .h2,.content .h3,.content .h4,.content .h5,.content .h6{font-family:inherit;font-weight:500;line-height:1.1}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{font-family:Viga,sans-serif;line-height:initial;font-weight:400!important}.content h1,.content .h1,.content h2,.content .h2,.content h3,.content .h3{margin:20px 0 10px}.content h4,.content .h4,.content h5,.content .h5,.content h6,.content .h6{margin:10px 0}.content h3,.content h4,.content h5,.content h6{margin:20px 0 0}.content h1:first-child,.content h2:first-child,.content h3:first-child,.content h4:first-child,.content h5:first-child,.content h6:first-child{margin-top:0}.content .h1{font-size:36px;line-height:36px}.content .h2{font-size:30px;line-height:30px}.content .h3{font-size:24px;line-height:24px}.content .h4{font-size:18px;line-height:18px}.content .h5{font-size:14px;line-height:14px}.content .h6{font-size:12px;line-height:12px}.content h1{margin-top:0;margin-bottom:5px;font-size:24px;display:block}.content h2{margin-top:25px;margin-bottom:5px;font-size:18px;line-height:18px;display:block}.content h3,.content h4,.content h5,.content h6{font-size:16px;line-height:16px}@media (min-width:768px){.content h1{font-size:26px;line-height:26px}.content h2{font-size:18px;line-height:18px}.content h3,.content h4,.content h5,.content h6{font-size:16px;line-height:16px}}@media (min-width:992px){.content h1{font-size:30px;line-height:30px}.content h2{font-size:20px;line-height:20px}.content h3,.content h4,.content h5,.content h6{font-size:18px;line-height:18px}}@media (min-width:1200px){.content h1{font-size:2rem;line-height:2.5rem}.content h2{font-size:20px;line-height:20px}.content h3,.content h4,.content h5,.content h6{font-size:18px;line-height:18px}}.content a{text-decoration:underline;transition:all .3s ease-in-out}.content .category-description{font-size:16px;line-height:26px}.nav-link-desktop{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.footer{background-color:var(--color-tenant-primary);position:relative}.btn{border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}.btn-primary{background-color:var(--color-tenant-primary,var(--tenant-primary));color:var(--color-white,#fff)}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--color-tenant-secondary,var(--tenant-secondary));color:var(--color-white,#fff)}.btn-secondary:hover{opacity:.9}.hero-section{background-image:url(https://storage.perfectfitautomotive.com/content/header-dakkoffers.jpg);background-position:50%;background-size:cover;position:relative}.hero-overlay{inset:calc(var(--spacing,.25rem) * 0);background-color:var(--color-black,#000);opacity:.4;position:absolute}.hero-search-box{width:100%;min-height:360px;max-width:var(--container-md,28rem);border-radius:var(--radius-md,.375rem);background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hero-search-box{background-color:color-mix(in oklab, var(--color-white,#fff) 30%, transparent)}}.hero-search-box{padding:calc(var(--spacing,.25rem) * 8);--tw-backdrop-blur:blur(var(--blur-md,12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.select-input{margin-bottom:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white,#fff);background-color:var(--color-white,#fff);width:100%;padding:calc(var(--spacing,.25rem) * 3);color:var(--color-black,#000)}.banner-card{height:calc(var(--spacing,.25rem) * 64);border-radius:var(--radius-md,.375rem);padding:calc(var(--spacing,.25rem) * 8);color:var(--color-white,#fff);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}@media (min-width:48rem){.banner-card{height:calc(var(--spacing,.25rem) * 96)}}.banner-card:before{content:"";inset:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-md,.375rem);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab, var(--color-black,#000) 60%, transparent);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));position:absolute}.banner-text-wrapper{z-index:10;position:relative}.banner-1{background-image:url(https://storage.perfectfitautomotive.com/content/Dakdragers-Banner-links.jpg)}.banner-2{background-image:url(https://storage.perfectfitautomotive.com/content/Dakkoffers-Banner-rechts.jpg)}.section-title{margin-bottom:calc(var(--spacing,.25rem) * 8);font-family:var(--font-viga,"Viga", sans-serif);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}.category-card{border-radius:var(--radius-md,.375rem);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 4);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.category-card:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.category-card{min-width:160px}.info-section{background-color:var(--color-gray-200,oklch(92.8% .006 264.531));height:600px;position:relative}.info-bg{inset:calc(var(--spacing,.25rem) * 0);background-image:url(https://storage.perfectfitautomotive.com/content/Winkel-2025.jpg);background-size:cover;background-attachment:fixed;position:absolute}.info-text-box{width:100%;max-width:var(--container-lg,32rem);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 10);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative}.arrow-link{margin-top:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);background-color:var(--color-tenant-primary,var(--tenant-primary));color:var(--color-white,#fff);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-self:flex-end;align-items:center;display:flex}@media (hover:hover){.arrow-link:hover{opacity:.8}}.footer-title{margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.footer-link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.footer-link:hover{color:var(--color-green-400,oklch(79.2% .209 151.711))}}.footer-accordion{background-color:#0000}.footer-accordion__summary{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);-webkit-user-select:none;user-select:none;display:flex}.footer-accordion__title{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.footer-accordion__chevron{color:#fffc}@supports (color:color-mix(in lab, red, red)){.footer-accordion__chevron{color:color-mix(in oklab, var(--color-white,#fff) 80%, transparent)}}.footer-accordion__chevron{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.footer-accordion[open] .footer-accordion__chevron{transform:rotate(180deg)}.footer-accordion__content{padding-inline:calc(var(--spacing,.25rem) * 4);padding-top:calc(var(--spacing,.25rem) * 1);padding-bottom:calc(var(--spacing,.25rem) * 4);color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.footer-accordion__content{color:color-mix(in oklab, var(--color-white,#fff) 90%, transparent)}}.footer-accordion__summary::-webkit-details-marker{display:none}.footer-top-item{text-align:center;justify-content:center;align-items:center}.footer-top{justify-content:center;align-items:center;column-gap:calc(var(--spacing,.25rem) * 8);row-gap:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex}@media (min-width:40rem){.footer-top{padding-block:calc(var(--spacing,.25rem) * 5)}}.footer-top{background-color:#00000038}.footer-top-carousel{width:100%;display:block}@media (min-width:1024px){.footer-top-carousel{display:none!important}}@supports (background:color-mix(in srgb, black 50%, white)){.footer-top{background-color:color-mix(in srgb, var(--color-tenant-primary) 82%, black)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}