:root{--primary:#202020;--secondary:#665d54;--bg:#fff;--vibrant:#2e1e04;--hf:#f2f2f2;--alert:#5a5e52;--accent:#7a6a52;background-color:var(--bg);color:var(--primary);--font-family:"Poppins",sans-serif;--font-size:1rem;--line-height:1.5rem;--h1-size:2.5rem;--h2-size:3rem;--h3-size:1.2rem;--h4-size:1.1rem;--buttons:1.25rem;--logo:1.7rem;font-family:var(--font-family)sans-serif;--spacing-small:.5rem;--spacing-medium:1rem;--spacing-large:3rem;--spacing-xlarge:8rem}h1{text-align:center}h2{margin-top:var(--spacing-large);font-size:var(--h2-size)}h3{font-size:var(--h3-size)}h4{font-size:var(--h4-size)}p{font-size:var(--font-size);line-height:var(--line-height)}a{color:#3b3a3a;text-decoration:none}p{color:var(--secondary);margin:.5rem 0;font-size:1rem}p strong{color:var(--primary);font-weight:600}h2{margin:0}li{list-style:none}div{box-sizing:border-box}img{max-width:100%}.bold{font-weight:700}.notification{background-color:var(--vibrant);color:var(--bg);font-size:var(--font-size);white-space:nowrap;border-radius:.2rem;justify-content:center;align-items:center;padding-block:.5rem;padding-inline:2rem;font-weight:700;display:inline-flex}.stock-badge{color:#6a1a21;background-color:#f8d7da;border-radius:.25rem;margin-top:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.stock-badge.in-stock{color:#155724;background-color:#d4edda}.stock-badge.out-of-stock{color:#6a1a21;background-color:#f8d7da}.featured-badge{background-color:var(--vibrant);color:#fff;text-transform:uppercase;border-radius:.25rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;position:absolute;top:1rem;right:1rem}.breadcrumbs{padding:0}.breadcrumbs li{display:inline-block}.breadcrumbs :not(:last-of-type):after{content:"/";color:#3b3a3a}.breadcrumbs a{color:#3b3a3a;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs-link-active{font-weight:700;color:#653408!important}.error-message a{color:#6a1a21;font-weight:600;text-decoration:underline}.error-message a:hover{color:var(--vibrant)}.cards{margin:0 0 3rem;padding:0;list-style:none}.cards li{background-color:#fff;border-radius:1rem;flex-direction:column;justify-content:space-between;transition:box-shadow .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 .25rem .5rem #0000001a}.cards li div{flex-direction:column;flex-grow:1;padding:1rem;display:flex}.cards li:hover{box-shadow:0 .5rem 1rem #00000026}.cards li a{height:100%;color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s ease-in-out;display:flex}.cards li a .content{flex-grow:1}.cards li a:hover{transform:translateY(-.25rem)}.cards li a:hover img{opacity:.9}.cards li a img{object-fit:cover;border-radius:.5rem .5rem 0 0;width:100%;height:15rem}@media (min-width:600px){.cards li a img{height:12rem}}@media (min-width:900px){.cards li a img{height:14rem}}@media (min-width:1200px){.cards li a img{height:13rem}}.cards .overlay-link{text-indent:100%;white-space:nowrap;transition:background-color .2s ease-in-out;position:absolute;inset:0;overflow:hidden}.cards .overlay-link:hover,.cards .overlay-link:focus-visible{background-color:#50146414}.horizontalecardslinks{flex-flow:column wrap;gap:2rem;margin:0;list-style:none;display:flex}.horizontalecardslinks li{flex-direction:row;flex:18rem;justify-content:space-between;width:100%;height:30rem;display:flex;position:relative}.horizontalecardslinks li div{flex-direction:column;flex-grow:1;padding-inline:4rem;display:flex}.horizontalecardslinks li img{width:32%}.horizontalecardsrechts{flex-flow:column wrap;gap:2rem;margin-top:2rem;list-style:none;display:flex}.horizontalecardsrechts li{background-color:#fff;flex-direction:row-reverse;flex:18rem;justify-content:space-between;width:100%;height:10rem;display:flex;position:relative;box-shadow:0 0 .2rem #0003,0 0 .2rem #0000001a}.horizontalecardsrechts li div{flex-direction:column;flex-grow:1;padding:1rem;display:flex}.horizontalecardsrechts li img{width:32%}.row{flex-wrap:wrap;gap:5rem;margin-inline:4rem;display:flex}@media (max-width:768px){.row{flex-direction:column;gap:0}}.row>*{flex-grow:1;margin-block:7rem}.row>* p{max-width:30rem;font-size:1.5rem;line-height:1.4}.row>:first-child{flex-grow:2;align-items:center;line-height:1.5;display:flex}.row>:last-child{align-items:center;display:flex}.row-reverse{background-color:var(--accent);color:#fff;flex-wrap:nowrap;gap:4rem;margin-inline:4rem;display:flex}@media (max-width:768px){.row-reverse{flex-direction:column;margin-inline:0}}.row-reverse h2,.row-reverse p{color:inherit}.row-reverse a{color:inherit;text-decoration:underline}.row-reverse>*{flex-grow:1;max-width:80rem;margin-block:3rem;padding-inline:6rem}.row-reverse>* p{max-width:30rem;font-size:1.5rem;line-height:1.4}.row-reverse>:first-child{flex-grow:2;order:2;align-items:center;line-height:1.5;display:flex}.row-reverse>:last-child{order:1;align-items:center;display:flex}form{background-color:#fff;border-radius:1rem;max-width:45rem;margin:0 auto;padding:3rem;box-shadow:0 .5rem 2rem #0000001a}form h2{color:var(--secondary);font-size:var(--h2-size);text-align:center;margin-top:0;margin-bottom:2rem}@media (max-width:768px){form{padding:2rem 1.5rem}}form div{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}form div.radiobutton{flex-direction:row;align-items:center;margin-bottom:.5rem}form div.checkbox{flex-direction:row;align-items:flex-start;margin-bottom:.5rem}form label .field-label{color:var(--primary);font-size:1rem;font-weight:600}form input[type=text],form input[type=email],form input[type=tel],form input[type=number],form input[type=date],form select,form textarea{background-color:var(--bg);width:100%;color:var(--primary);font-family:var(--font-family)sans-serif;border:2px solid #e0e0e0;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}form input[type=text]:focus,form input[type=email]:focus,form input[type=tel]:focus,form input[type=number]:focus,form input[type=date]:focus,form select:focus,form textarea:focus{border-color:var(--vibrant);outline:none;box-shadow:0 0 0 3px #9b5a2e1a}form input[type=text]:hover,form input[type=email]:hover,form input[type=tel]:hover,form input[type=number]:hover,form input[type=date]:hover,form select:hover,form textarea:hover{border-color:var(--secondary)}form fieldset{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:.5rem;margin:0;padding:1.5rem}form fieldset legend{color:var(--primary);padding:0 .5rem;font-weight:600}form input[type=radio],form input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--vibrant);margin-right:.5rem}#myform{box-shadow:0 4px 8px #0000001a,0 12px 32px #00000017}.field-error{color:#6f1104;margin-top:.25rem;font-size:.85rem;font-weight:700;display:block}input.invalid,select.invalid{border-color:#6f1104}.contact{background-color:#fff;max-width:80rem;margin:0;list-style:none}.contact li:first-child{padding-top:2rem}.contact div{padding:1rem}.contact input[type=text]:focus,.contact input[type=email]:focus,.contact textarea:focus{color:#333;background-color:#f9f9f9;border:.1rem solid #ccc;border-radius:.3rem;width:calc(100% - 1.25rem);margin:.3rem 0 1rem;padding:.6rem;font-size:1rem}.btn-primary{background-color:var(--secondary);width:auto;min-width:10rem;max-width:50%;color:var(--bg);white-space:nowrap;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;margin-top:auto;padding-block:.5rem;padding-inline:1.5rem;font-size:.95rem;text-decoration:none;display:inline-flex}@media (min-width:768px){.btn-primary{min-width:auto;padding-inline:2rem;font-size:1rem}}@media (min-width:1024px){.btn-primary{font-size:var(--buttons);padding-inline:3rem}}form .btn-primary{width:100%;max-width:100%;margin:0 auto;display:block}.btn-primary:hover,.btn-primary:focus-visible{background-color:var(--primary);color:var(--bg)}.btn-secondary{width:100%;max-width:50rem;color:var(--secondary);font-size:var(--buttons);text-align:center;white-space:nowrap;cursor:pointer;border:solid;border-radius:.5rem;margin:2rem auto;padding-block:.5rem;padding-inline:1rem;text-decoration:none;display:block}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--bg);background-color:var(--secondary);color:var(--bg)}.product-detail{background-color:#fff;border-radius:1rem;grid-template-columns:1fr 1fr;gap:3rem;max-width:80rem;margin:3rem auto;padding:2rem;display:grid;box-shadow:0 .5rem 2rem #0000001a}@media (max-width:968px){.product-detail{grid-template-columns:1fr;gap:2rem;padding:1.5rem}}.product-detail .product-image{background-color:#f9f9f9;border-radius:1rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-detail .product-image img{object-fit:cover;border-radius:1rem;width:100%;height:auto;max-height:35rem}.product-detail .product-image .featured-badge{background-color:var(--vibrant);color:#fff;text-transform:uppercase;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;position:absolute;top:1rem;right:1rem}.product-detail .product-info{flex-direction:column;gap:1.5rem;display:flex}.product-detail .product-info p{color:var(--secondary);margin:.5rem 0;font-size:1rem}.product-detail .product-info p strong{color:var(--primary);font-weight:600}.product-detail .product-info h2{color:var(--primary);margin:0;font-size:2.5rem;line-height:1.2}@media (max-width:768px){.product-detail .product-info h2{font-size:2rem}}.product-detail .product-info .stock-badge{border-radius:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.product-detail .product-info .stock-badge.in-stock{color:#155724;background-color:#d4edda}.product-detail .product-info .stock-badge.out-of-stock{color:#6a1a21;background-color:#f8d7da}.product-detail .product-info .product-description{border-left:4px solid var(--vibrant);background-color:#f9f9f9;border-radius:.5rem;padding:1.5rem}.product-detail .product-info .product-description p{color:var(--secondary);margin:0;font-size:1.1rem;line-height:1.6}.product-detail .product-info .btn-primary{max-width:100%;margin-top:1rem}.back-link{background-color:var(--secondary);color:#fff;text-align:center;border-radius:.5rem;width:100%;max-width:50rem;margin:2rem auto;padding:1rem;font-size:1rem;text-decoration:none;transition:background-color .2s ease-in-out;display:block}.back-link:hover{background-color:var(--vibrant)}.skip-link{z-index:9999;color:#fff;background:#000;padding:.5rem 1rem;font-size:1rem;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.table-responsive{background-color:#fdfbf7;border:1px solid #e8e0d5;border-radius:12px;width:100%;margin-top:2rem;overflow-x:auto;box-shadow:0 4px 20px #00000014}.orders-table{border-collapse:collapse;background-color:#0000;width:100%}.orders-table thead{background-color:#5d544b}.orders-table thead th{color:#fff;text-transform:uppercase;padding:18px 20px;font-size:.8rem;font-weight:600}.orders-table tbody tr{border-bottom:1px solid #e8e0d5}.orders-table tbody tr:last-child{border-bottom:none}.orders-table tbody tr:hover{background-color:#f5f0e6}.orders-table tbody tr td{color:var(--secondary);padding:15px 20px}.orders-table tbody tr td.col-customer{color:#222;white-space:nowrap;font-weight:500}.orders-table tbody tr td.col-details{max-width:300px;font-size:.9rem}.badge{color:#666;background:#eee;border-radius:1.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.badge-type{color:#1976d2;background:#e3f2fd}.status-tag{text-transform:capitalize;border-radius:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.status-tag.status-pending{color:#f57c00;background:#fff3e0}.status-tag.status-completed{color:#388e3c;background:#e8f5e9}.titel2{margin-block:2rem}.zoom-btn{color:#333;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000026}.zoom-btn:hover{background:#f8f8f8;border-color:#999;box-shadow:0 3px 8px #00000040}.zoom-btn:active{transform:scale(.95);box-shadow:0 1px 3px #0003}.zoom-btn svg{pointer-events:none}.map-description{color:#666;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.map-description strong{color:#333}.map-wrapper{margin-bottom:2rem;position:relative}.location-map{cursor:grab;background:#e8f4f8;border:2px solid #ddd;border-radius:8px;width:100%;height:600px;overflow:hidden}.location-map:active{cursor:grabbing}.zoom-controls{z-index:1000;flex-direction:column;gap:10px;display:flex;position:absolute;top:20px;right:20px}#map-status{z-index:1000;flex-direction:column;gap:12px;display:flex;position:absolute;top:20px;left:20px}#map-status>div{background:#fff;border-radius:20px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 2px 6px #00000026}#map-status>div span{color:#333;font-weight:600}#map-status>div span#active-carts-badge,#map-status>div span#pending-requests-badge{color:#fff;background:#ff6b6b;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}#map-status>div span#pending-requests-badge{background:#4ecdc4}.map-legend{z-index:1000;background:#fff;border-radius:8px;padding:16px;font-size:14px;position:absolute;bottom:20px;left:20px;box-shadow:0 2px 6px #00000026}.map-legend .legend-item{align-items:center;gap:10px;margin-bottom:8px;display:flex}.map-legend .legend-item:last-child{margin-bottom:0}.map-legend .legend-item .legend-color{border:2px solid #fff;border-radius:50%;width:14px;height:14px}.map-legend .legend-item strong{color:#333}@keyframes slide-in{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.toast{z-index:10000;color:#fff;border-radius:8px;max-width:400px;padding:16px 24px;font-size:14px;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.toast.toast-success{background:#4caf50}.toast.toast-error{background:#f44336}.toast.toast-info{background:#2196f3}.toast.closing{animation:.3s slideOut}*,:before,:after{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}header{background-color:var(--hf);padding:1rem 0;position:relative;box-shadow:0 2px 8px #0000000d}main{flex:1}nav ul{flex-direction:column;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media (min-width:600px){nav ul{flex-flow:wrap;justify-content:flex-start;gap:.5rem}}@media (min-width:1024px){nav ul{flex-wrap:nowrap;gap:1rem}}nav a{color:var(--primary);white-space:nowrap;padding-block:.75rem;padding-inline:1rem;font-size:.95rem;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out;display:inline-block}@media (min-width:768px){nav a{padding-inline:1.5rem;font-size:1rem}}@media (min-width:1024px){nav a{padding-inline:2rem}}nav a:hover,nav a:focus-visible{color:var(--vibrant)}nav a img{width:6rem}@media (min-width:768px){nav a img{width:7rem}}@media (min-width:1024px){nav a img{width:8rem}}footer a{color:var(--bg);text-decoration:underline}footer a:hover{color:var(--vibrant)}nav li{justify-content:center;display:flex}nav li:first-child a{font-size:var(--logo);font-weight:bolder}hr{color:#9b5a2e}footer{background-color:var(--alert);color:var(--bg);text-align:center;margin-top:auto;padding:2rem 1.5rem}footer p{color:inherit;margin:0}.toast{z-index:10000;color:#fff;border-radius:8px;max-width:400px;padding:16px 24px;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.toast-error{background:#f44336}.toast-success{background:#4caf50}.toast-info{background:#1689e6}.toast-exit{animation:.3s slideOut}.container{max-width:80rem;margin-inline:auto;padding-inline:1rem}@media (min-width:600px){nav ul{flex-flow:wrap;justify-content:flex-start;margin-inline-start:-1rem}nav li:first-child{margin-inline-end:auto}nav li:last-child{margin-inline-end:1rem}.form body{margin:.5rem}.form h1{margin:0 0 2.5rem;font-size:3rem;font-weight:600}}.cards{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:600px){.cards{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:900px){.cards{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width:1200px){.cards{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (min-width:1600px){.cards{grid-template-columns:repeat(5,1fr);gap:1rem}}.grid1{grid-template-rows:repeat(4,25%);grid-template-columns:repeat(4,25%);gap:2rem;display:grid}.grid1 a{color:#fff;text-decoration:underline}.grid1>article{background-color:var(--secondary);color:var(--bg);text-align:center}.grid1>article:first-child{grid-area:2/2/4/5}.banner{color:#fff;background-image:linear-gradient(#0009,#0009),url(./ijsbakjes-A5bqYRCu.png);background-position:70% 30%;background-size:cover;justify-content:center;align-items:center;width:100%;height:75vh;display:flex}.banner h1{font-size:5rem}.formbackground{min-height:100vh;padding-top:5rem;padding-bottom:5rem;position:relative}.formbackground:before{content:" ";z-index:-1;opacity:.4;background-image:url(./icecreambackground-DZ2Lbvh0.png);background-repeat:repeat;background-size:15rem;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.formbackground{padding-top:3rem;padding-bottom:3rem}}.alert{background-color:var(--alert);color:var(--bg);justify-content:center;display:flex}.alert p{color:inherit;font-size:var(--h3-size)}.marge{margin-top:8rem;margin-bottom:4rem}#products-container{margin-block:3rem}#products-container .category-section{margin-bottom:5rem}#products-container .category-section h2{border-bottom:3px solid var(--vibrant);color:var(--secondary);font-size:var(--h2-size);margin-bottom:2rem;padding-bottom:1rem}.cards .out-of-stock{opacity:.6}.cards .out-of-stock img{filter:grayscale(50%)}.cards .featured-badge{background-color:var(--vibrant);color:#fff;text-transform:uppercase;border-radius:.25rem;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.cards h3{color:var(--primary);margin-top:.5rem;margin-bottom:.5rem}.cards p{color:var(--secondary);font-size:.95rem;line-height:1.5}.error-message{color:#6a1a21;text-align:center;background-color:#fee;border-radius:.5rem;padding:2rem;font-size:1.1rem}.form-feedback{color:var(--secondary);margin-top:.75rem;font-weight:600}.form-feedback.error{color:#6a1a21}@media (max-width:768px){#products-container .category-section h2{font-size:2rem}.banner h1{font-size:3rem}}@media (max-width:480px){.banner h1{font-size:2rem}}.auth-status{color:var(--secondary);margin-left:auto;font-weight:600}.auth-status span{gap:.35rem;display:inline-flex}#auth-modal{z-index:2000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#auth-modal.open{display:flex}#auth-modal .auth-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:absolute;inset:0}#auth-modal .auth-card{z-index:1;background:#fff;border-radius:1rem;flex-direction:column;gap:1rem;width:min(34rem,90vw);padding:2rem;display:flex;position:relative;box-shadow:0 1.5rem 3rem #00000040}#auth-modal .auth-close{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}#auth-modal .auth-header{color:var(--primary);flex-direction:column;gap:.25rem;display:flex}#auth-modal .auth-header .auth-sub{color:var(--secondary);margin:0}#auth-modal .auth-tabs{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}#auth-modal .auth-tabs .auth-tab{border:1px solid var(--secondary);cursor:pointer;background:#fff;border-radius:.5rem;padding:.75rem}#auth-modal .auth-tabs .auth-tab.active{border-color:var(--secondary);background:var(--secondary);color:#fff}#auth-modal .auth-body{display:block}#auth-modal .auth-form{flex-direction:column;gap:1rem;display:flex}#auth-modal .auth-form label{color:var(--primary);flex-direction:column;gap:.35rem;display:flex}#auth-modal .auth-form label input{border:2px solid #e0e0e0;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem}#auth-modal .auth-form button{width:100%}#auth-modal .auth-feedback{color:#6a1a21;min-height:1.25rem;font-size:.95rem}#auth-modal .hidden{display:none}