1 <!doctype html><html lang="nl"><head > <meta charset="utf-8"/> 2<meta name="title" content="Utrecht Post | Apple begint bij Amac"/> 3<meta name="robots" content="NOINDEX,NOFOLLOW"/> 4<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2"/> 5<meta name="format-detection" content="telephone=no"/> 6<title>Utrecht Post | Apple begint bij Amac</title> 7 <link rel="stylesheet" type="text/css" media="all" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/mage/calendar.min.css" /> 8<link rel="stylesheet" type="text/css" media="all" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/css/styles-m.min.css" /> 9<link rel="stylesheet" type="text/css" media="all" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/jquery/uppy/dist/uppy-custom.min.css" /> 10<link rel="stylesheet" type="text/css" media="all" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Tweakwise_Magento2Tweakwise/css/style.min.css" /> 11<link rel="stylesheet" type="text/css" media="all" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Magefan_Blog/css/blog-m.min.css" /> 12<link rel="stylesheet" type="text/css" media="all" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Magefan_Blog/css/blog-new.min.css" /> 13<link rel="stylesheet" type="text/css" media="all" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Magefan_Blog/css/blog-custom.min.css" /> 14<link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/css/styles-l.min.css" /> 15<link rel="stylesheet" type="text/css" media="print" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/css/print.min.css" /> 16 17 18 19 20 21<link rel="preload" as="font" crossorigin="anonymous" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/fonts/sfpro/SFProText-Regular.woff2" /> 22<link rel="preload" as="font" crossorigin="anonymous" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/fonts/sfpro/SFProText-Medium.woff2" /> 23<link rel="preload" as="font" crossorigin="anonymous" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/fonts/sfpro/SFProText-Semibold.woff2" /> 24<link rel="preload" as="font" crossorigin="anonymous" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/fonts/sfpro/SFProText-Bold.woff2" /> 25<link rel="preload" as="font" crossorigin="anonymous" href="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/fonts/linearicons/linearicons.woff2" /> 26<link rel="icon" type="image/x-icon" href="https://www.amac.nl/media/favicon/websites/3/favicon-amac-2020-webshop-transparant-32x32px.png" /> 27<link rel="shortcut icon" type="image/x-icon" href="https://www.amac.nl/media/favicon/websites/3/favicon-amac-2020-webshop-transparant-32x32px.png" /> 28<link rel="canonical" href="https://www.amac.nl/winkels/utrecht-post" /> 29 30<meta name="google-site-verification" content="eAm3djf9UeCsQWYdeqvQ9h7kJyJerG9CR-1kCTA6PxQ" /> 31<style> 32html { 33 scroll-behavior: smooth; 34} 35 36.blog-page .spraypay-price-wrapper { 37 display: none; 38} 39 40body.spraypay-init.spraypay-trade-in-quote #product_addtocart_form .add-to-cart-additional #payment\[spraypay\]+label { 41 display: block; 42} 43 44body:not(.spraypay-trade-in-quote) .spraypay-quote-only { 45 display: none !important; 46} 47 48.catalog-product-view .product-add-form #product-options-wrapper { 49 width: 100%; 50} 51 52.online-trade-in { 53 display: none !important; 54} 55 56 57.postnl-delivery-options { 58 color: #27324c; 59 overflow: hidden; 60 width: auto!important; 61 max-width: 600px!important; 62 margin-bottom: 10px; 63} 64 65.table-checkout-shipping-method tbody td { 66 border-top: 0; 67 padding-bottom: 20px; 68 padding-top: 20px; 69 display: none!important; 70} 71 72.postnl-delivery-options button.btn.btn-default.button-active { 73 background: black!important; 74 color: #fff; 75} 76 77</style> 78 79<meta property="og:image" content="https://www.amac.nl/media/favicon/favicon-amac-180x180.png"> 80<link rel="apple-touch-icon" href="https://www.amac.nl/media/favicon/favicon-amac-180x180.png"> 81 82 83<style> 84/*stylesheet checkout APP*/ 85 86 87/* Hide affordability link used on PDP when on checkout */ 88.checkout-index-index [data-pb-style="IEFYAV7"] { 89 display: none !important; 90} 91 92 93body.checkout-index-index .page-header { 94 border-bottom: 0; 95} 96 97body.checkout-index-index .page-header::after { 98 content: ""; 99 position: absolute; 100 z-index: 105; 101 bottom: 0; 102 left: 50%; 103 width: 100vw; 104 border-bottom: 0.5px solid #dfdfdf; 105 transform: translateX(-50%); 106 pointer-events: none; 107} 108 109body.checkout-index-index .old-price { 110 display: none !important; 111} 112 113 body.checkout-index-index .opc-wrapper, 114body.checkout-index-index .opc-block-summary { 115 padding-top: 40px !important; 116} 117 118@media (min-width: 1024px) { 119 body.checkout-index-index .opc-wrapper { 120 width: 50% !important; 121 border-right: 0.5px solid #dfdfdf !important; 122 } 123 124 body.checkout-index-index #opc-sidebar { 125 width: 50% !important; 126 } 127 128 body.checkout-index-index #checkout { 129 position: relative; 130 isolation: isolate; 131 } 132 133 body.checkout-index-index #checkout::before { 134 content: ""; 135 display: block !important; 136 position: absolute; 137 z-index: -1; 138 top: 0; 139 bottom: -60px; 140 left: 50%; 141 right: calc(50% - 50vw); 142 background-color: #f4f4f4; 143 pointer-events: none; 144 } 145} 146 147/* Shipping method step */ 148#checkout-step-shipping_method { 149 margin-bottom: 24px !important; 150} 151 152/* Inputs, selects and checkboxes */ 153body.checkout-index-index .input-text, 154body.checkout-index-index select { 155 border-radius: 4px !important; 156} 157 158body.checkout-index-index input[type="checkbox"] + label::before { 159 border-radius: 8px !important; 160} 161 162/* PostNL message */ 163#checkout-step-shipping_method .postnl-delivery-options:has(.postnl-no-options) { 164 background: #f4f4f4; 165 border-radius: 14px; 166 padding: 6px 12px 12px; 167} 168 169#checkout-step-shipping_method .postnl-no-options { 170 padding: 0; 171 color: #0000008f; 172 text-align: center; 173} 174 175#checkout-step-shipping_method .postnl-no-options span { 176 display: none; 177} 178 179#checkout-step-shipping_method .postnl-no-options::before { 180 content: "Vul je adres in om opties te zien"; 181 display: block; 182 color: inherit; 183} 184 185/* Step titles */ 186#checkout .step-title, 187#opc-shipping_method > .checkout-shipping-method > .step-title { 188 font-size: 20px !important; 189 line-height: 1.2 !important; 190 padding-bottom: 0 !important; 191 margin-bottom: 14px !important; 192} 193 194/* Days wrapper */ 195.days .wrapper { 196 margin-top: 14px !important; 197} 198 199/* Billing checkbox block */ 200#checkout .billing-address-same-as-shipping-block { 201 margin: 0 0 24px !important; 202} 203 204/* Last visible shipping-address field */ 205#shipping-new-address-form 206> .field:not([style*="display: none"]) 207:not(:has(~ .field:not([style*="display: none"]))) { 208 margin-bottom: 0 !important; 209} 210 211#shipping-new-address-form 212> .field:not([style*="display: none"]) 213:not(:has(~ .field:not([style*="display: none"]))) 214:is(input, select, textarea) { 215 margin-bottom: 0 !important; 216} 217 218#co-shipping-form { 219 margin-bottom: 0 !important; 220} 221 222#checkout-step-shipping, 223#shipping { 224 margin-bottom: 14px !important; 225} 226 227/* Delivery-method selector */ 228#delivery-method-selector-wrapper, 229#delivery-method-selector-wrapper * { 230 padding-bottom: 0 !important; 231} 232 233#delivery-method-selector-wrapper * { 234 margin-bottom: 0 !important; 235} 236 237#delivery-method-selector-wrapper { 238 margin-bottom: 24px !important; 239} 240 241#delivery-method-selector { 242 padding: 6px !important;
243 align-items: center !important; 244} 245 246#delivery-method-selector 247.action-select-shipping, 248#delivery-method-selector 249.action-select-store-pickup { 250 padding: 14px 28px !important; 251 align-items: center !important; 252} 253 254/* Login modal background */ 255.popup-authentication .modal-inner-wrap { 256 background-image: none !important; 257 background-color: #f4f4f4 !important; 258} 259 260/* Login modal â applies from the header on every page, including checkout */ 261.popup-authentication .modal-inner-wrap { 262 background-image: none !important; 263 background-color: #f4f4f4 !important; 264} 265 266/* The template explicitly assigns white to these items */ 267.popup-authentication .modal-content-title, 268.popup-authentication .modal-content-link-underlined { 269 color: #000000 !important; 270} 271 272.popup-authentication .modal-content-link-underlined span { 273 border-bottom: 2px solid #000000 !important; 274} 275 276/* Checkout-successpagina */ 277body.checkout-onepage-success .checkout-onepage-success-wrapper { 278 background-image: none !important; 279 background-color: transparent !important; 280 color: #000000 !important; 281} 282 283/* Ordernummer is in de themecode expliciet wit */ 284body.checkout-onepage-success .checkout-onepage-success-wrapper .order-number { 285 color: #000000 !important; 286} 287 288/* Footer styling */ 289.footer.content .social-icons, .footer.content .psp-list, 290.footer.content .social-icons ul, .footer.content .psp-list ul { 291 justify-content: end !important; 292} 293/* Checkout page only */ 294 295/* Hide selected storeâs stock status and instalment banner */ 296body.checkout-index-index .stock-status-container, 297body.checkout-index-index [data-pb-style="CLTWA3O"] { 298display: none !important; 299} 300 301/* Hide âProducten op voorraadâ inside the store-selection modal */ 302body.checkout-index-index 303#store-selector-popup 304.stock-status { 305display: none !important; 306} 307 308/* Vertically center âKies een andere winkelâ */ 309body.checkout-index-index 310.selected-location-details 311button[data-bind*="openPopup"] { 312padding-top: 0 !important; 313padding-bottom: 0 !important; 314align-items: center !important; 315} 316 317body.checkout-index-index 318.selected-location-details 319button[data-bind*="openPopup"] > span { 320margin-top: 0 !important; 321} 322 323#header-store-selector-slidein .store.details { 324 padding: 10px; 325} 326 327body #robin_tab_container { 328 bottom: 150px !important; 329} 330</style>
330<script data-dont-move="text/x-magento-template"> 331 window.pageData = {"version":"3.10.7","page_type":"storelocator\/stores\/store","page_path":"https:\/\/www.amac.nl\/winkels\/utrecht-post","page_title":"Utrecht Post | Apple begint bij Amac","virtual_page":"\/winkels\/utrecht-post","breadcrumb":[],"user":{"has_transacted":false}}; 332 window.ctzReady = new Promise((resolve) => { window._ctzLoadCallback = resolve });</script>
332<script data-dont-move="text/x-magento-template" src="https://a11328.ctz-content.com/script/sdk.js" async data-callback="_ctzLoadCallback"></script>
332 <!-- GOOGLE TAG MANAGER --><!-- END GOOGLE TAG MANAGER --> <link rel="alternate" hreflang="" href="https://www.amac.nl/winkels/utrecht-post"/> </head><body data-container="body" data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/images/loader-2.gif"}}' id="html-body" class="preload storelocator-stores-store page-layout-cms-full-width"> <div class="cookie-status-message" id="cookie-status">The store will not work correctly when cookies are disabled.</div> <noscript><div class="message global noscript"><div class="content"><p><strong>JavaScript lijkt te zijn uitgeschakeld in je browser.</strong> <span> Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor je browser.</span></p></div></div></noscript> <!-- GOOGLE TAG MANAGER -->
vendor: 67 bytes, line 332
332<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
332GTM-NPVK9GL
vendor: 82 bytes, line 332
332" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
332<!-- END GOOGLE TAG MANAGER -->
vendor: 70 bytes, line 332
332 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
332GTM-NPVK9GL
vendor: 82 bytes, line 332
332" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
332<div class="page-wrapper"><header class="page-header"><div class="panel wrapper"><div class="panel header"> <a class="action skip contentarea" href="#contentarea"><span> Ga naar de inhoud</span></a></div><div class="top-usp-container"><style>#html-body [data-pb-style=O3M9NDY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=FA4SE2C],#html-body [data-pb-style=O3M9NDY],#html-body [data-pb-style=TG4T9O1]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}</style><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="O3M9NDY"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="TG4T9O1" data-decoded="true"><div id="top-slider" class="top-slider-container"> 333 <div class="top-slider-inner"> 334 <!-- Clone of the last slide --> 335 336 <!-- TrustBox widget - Micro Star --> 337 <div class="trustpilot-widget top-slider-item" data-locale="nl-NL" 338 data-template-id="5419b732fbfb950b10de65e5" data-businessunit-id="4992d8410000640005041a2e" 339 data-style-height="24px" data-style-width="100%" data-theme="dark"> 340 <a href="https://nl.trustpilot.com/review/www.amac.nl" target="_blank" 341 rel="noopener">Trustpilot</a> 342 </div> 343 <!-- End TrustBox widget --> 344 345 346 <!-- Original slides --> 347 <div class="top-slider-item"> 348 <p>Persoonlijk advies in 47 winkels</p> 349 </div> 350 <div class="top-slider-item"> 351 <p>Gratis thuisbezorgd en afhalen</p> 352 </div> 353 <div class="top-slider-item"> 354 <p>Training cadeau bij Apple-device</p> 355 </div> 356 <div class="top-slider-item"> 357 <p>Eigen technische dienst</p> 358 </div> 359 <!-- TrustBox widget - Micro Star --> 360 <div class="trustpilot-widget top-slider-item" data-locale="nl-NL" 361 data-template-id="5419b732fbfb950b10de65e5" data-businessunit-id="4992d8410000640005041a2e" 362 data-style-height="24px" data-style-width="100%" data-theme="dark"> 363 <a href="https://nl.trustpilot.com/review/www.amac.nl" target="_blank" 364 rel="noopener">Trustpilot</a> 365 </div> 366 <!-- End TrustBox widget --> 367 368 <!-- Clone of the first slide --> 369 <div class="top-slider-item"> 370 <p>Persoonlijk advies in 47 winkels</p> 371 </div> 372 </div> 373 </div></div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="FA4SE2C" data-decoded="true"></div></div></div></div></div><div class="header content"><div class="header-main-row"> <div class="mobile-menu-icons"><div data-action="mobile-menu" tabindex="0" role="button" class="action nav-toggle"><span>Menu</span></div></div><div class="logo-container"><a class="logo" href="https://www.amac.nl/" title="" aria-label="store logo"><img src="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/images/amac-logo-color-svg.svg" title="" alt="" width="170" /></a></div> <div class="block block-search"><div class="block block-title"><strong>Zoek</strong></div><div class="block block-content"><form class="form minisearch" id="search_mini_form" action="https://www.amac.nl/catalogsearch/result/" method="get">
373<script id="autocomplete-item-template" type="text/x-magento-template" 374 data-url="https://www.amac.nl/search/ajax/suggest/"> 375 <% if (data.type === 'product') { %> 376 <li class="<%- data.row_class %> product-item predictive-search__option predictive-search__product" 377 id="qs-option-<%- data.index %>" 378 data-search-option 379 data-url="<%- data.url %>" 380 role="option" 381 aria-selected="false"> 382 <% if (data.image) { %> 383 <img class="qs-option-image" src="<%- data.image %>" alt=""> 384 <% } %> 385 386 <div class="qs-option-info-container"> 387 <span class="qs-option-name"><%- data.title %></span> 388 389 <div class="price-box"> 390 <span class="price-container"> 391 <span class="price-wrapper"> 392 <span class="price"><%- autocompleteFormatPrice(data.final_price) %></span></span></span></div></div></li> 393 <% } else if (data.type === 'suggestion') { %> 394 <li class="<%- data.row_class %> qs-suggestion-item predictive-search__option" 395 id="qs-option-<%- data.index %>" 396 data-search-option 397 data-url="<%- data.url %>" 398 role="option" 399 aria-selected="false"> 400 <span class="qs-option-name"><%- data.title %></span></li> 401 <% } %></script>
401 <div class="field search"><label class="label" for="search" data-role="minisearch-label"><span>Zoek</span></label> <div class="control"><input id="search" data-mage-init='{"quickSearch":{ "formSelector":"#search_mini_form", "url":"https://www.amac.nl/search/ajax/suggest/", "destinationSelector":"#search_autocomplete", "minSearchLength":"3"} }' type="search" name="q" value="" placeholder="Ik ben op zoek naar..." class="input-text" maxlength="100" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false" /><div class="close-search invisible" id="close-search"></div></div><div class="clear-search"><span id="clear-search" class="icon-cross"></span></div></div><div class="actions"><button type="submit" title="Zoek" class="action search" aria-label="Search" disabled ><span>Zoek</span></button></div></form> <div class="search-results-wrapper"><div class="search-results-content"><div id="search_autocomplete" class="search-autocomplete predictive-search" role="listbox" aria-label="Zoeksuggesties"><section class="predictive-search__section predictive-search__section--suggestions" data-search-section="suggestions" hidden><h2 class="predictive-search__heading" id="predictive-search-suggestions-heading">Suggesties</h2><ul class="predictive-search__list predictive-search__list--suggestions" data-search-results="suggestions" role="group" aria-labelledby="predictive-search-suggestions-heading"></ul></section><section class="predictive-search__section predictive-search__section--products" data-search-section="products" hidden><h2 class="predictive-search__heading" id="predictive-search-products-heading">Producten</h2><ul class="predictive-search__list predictive-search__list--products" data-search-results="products" role="group" aria-labelledby="predictive-search-products-heading"></ul></section><section class="predictive-search__section predictive-search__section--categories" data-search-section="categories" hidden><h2 class="predictive-search__heading" id="predictive-search-categories-heading">Categorieën</h2><ul class="predictive-search__list predictive-search__list--categories" data-search-results="categories" role="group" aria-labelledby="predictive-search-categories-heading"></ul></section><div class="search-results-show-all" hidden><button class="predictive-search__show-all" id="predictive-search-submit-option" type="button" data-search-option data-search-submit role="option" aria-selected="false" tabindex="-1"><span class="predictive-search__show-all-label">Zoeken naar '<span class="qs-option-name" data-search-query></span>'</span></button></div></div></div><div class="search-results-overlay"></div></div></div></div> <div id="header-store-selector" class="store-selector-wrapper"><div class="store-selector body-s-medium"><a id="header-store-selector-trigger" class="action link" role="button" tabindex="0" aria-haspopup="dialog"><img class="store-icon" src="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Amac_Storelocator/images/store.svg" alt="" aria-hidden="true"/><span class="label">Kies jouw winkel</span></a></div><div id="header-store-selector-info-modal" class="bopis-info-modal" role="dialog" aria-modal="false" data-bind="scope: 'header-store-selector'"><div class="content"><button class="action-close" data-role="closeBtn" type="button" data-bind="click: closeInfoModal"><span>Sluiten</span></button> <!-- ko with: selectedStore() --><h3 class="title" data-bind="text: name"></h3><div class="store details body-s-regular"><!-- ko if: street --><div><span>Adres:</span> <a class="link body-s-medium" data-bind="attr: { href: $parent.getStoreUrl(pickup_location_code) }, text: $parent.getAddressLabel($data)"></a></div><!-- /ko --><!-- ko if: phone --><div><span>Telefoonnummer:</span> <a class="link body-s-medium" data-bind="attr: { href: 'tel:' + phone }, text: phone"></a></div><!-- /ko --><!-- ko if: email --><div><span>E-mail:</span> <a class="link body-s-medium" data-bind="attr: { href: 'mailto:' + email }, text: email"></a></div><!-- /ko --><!-- ko if: $parent.getTodayHours && $parent.getTodayHours($data) --><div><span>Vandaag open:</span> <span class="open-dot"></span> <span class="body-s-medium" data-bind="text: $parent.getTodayHours($data)">:</span></div><!-- /ko --></div><a class="opening-times action link blue" data-bind="attr: { href: $parent.getStoreUrl(pickup_location_code) }">Bekijk openingstijden</a> <!-- /ko --><div class="actions"><button type="button" class="action secondary" data-bind="click: function() { window.location.href = storeLocatorUrl + '/' }"><span>Bekijk winkelkaart</span></button> <button type="button" class="action primary" data-bind="click: switchStore"><span>Selecteer andere winkel</span></button></div></div></div></div><div id="header-store-selector-slidein" class="header-store-selector-modal-content bopis-slide-in" data-bind="scope: 'header-store-selector'"><div class="content"><div class="head"><h2 class="title" data-bind="text: panelTitle"></h2><button class="action-close" data-role="closeBtn" type="button" data-bind="click: closeSelectorPopup"><span>Sluiten</span></button></div>
401<!-- ko with: productContext() --><div class="product-summary"><!-- ko if: $data.image --><div class="image"><img data-bind="attr: { src: $data.image, alt: $data.name }"/></div><!-- /ko --><div class="info"><div class="name" data-bind="text: $data.name"></div><!-- ko foreach: $data.options || [] --><div class="option"><span data-bind="text: label"></span>: <span data-bind="text: value"></span></div><!-- /ko --><div class="option"><span>Aantal</span>: <span data-bind="text: $data.qty"></span></div></div></div><!-- /ko --><div class="search"><span class="search-icon" aria-hidden="true"></span> <input type="text" class="input" data-bind="textInput: searchQuery" placeholder="Vul een stad of postcode in" autocomplete="off"/><!-- ko if: hasLocationSearch() --><button type="button" class="clear" data-bind="click: clearSearch" aria-label="Zoekopdracht wissen"><span aria-hidden="true">×</span></button> <!-- /ko --></div><a class="geolocate body-s-medium" role="button" tabindex="0" data-bind="click: useMyLocation, event: { keydown: onGeolocateKeydown }"><span class="pin" aria-hidden="true"></span> <span data-bind="text: geolocateText">Gebruik mijn locatie</span></a> <!-- ko if: nearbyLocations() !== null --><div class="meta"><span class="count" data-bind="text: getResultsLabel()"></span> <!-- ko if: hasLocationSearch() --><select class="radius" data-bind=" options: radiusOptions, value: selectedRadius, optionsText: function(r) { return r + ' km' }"></select> <!-- /ko --><!-- ko ifnot: hasLocationSearch() --><span class="filter-label">Alle winkels</span> <!-- /ko --></div><!-- /ko --><div class="list-wrapper" data-bind="blockLoader: isLoading"><div class="list"><!-- ko foreach: { data: nearbyLocations() || [], as: 'location' } --><div class="result"><div class="item" data-bind=" click: function(data, event) { return $parent.highlightLocation(location, event) }, css: { 'selected': $parent.isLocationHighlighted(location) }, attr: { role: 'button', tabindex: '0' } " data-role="store-item"><div class="name" data-bind="text: location.name"></div><!-- ko if: $parent.getDistanceLabel(location) --><span class="distance" data-bind="text: $parent.getDistanceLabel(location)"></span> <!-- /ko --><div class="street" data-bind="text: location.street"></div><!-- ko if: $parent.hasStockStatus(location) --><div class="stock" data-bind="css: $parent.getStockModifier(location)"><span class="dot" aria-hidden="true"></span> <span class="label" data-bind="text: $parent.getStockLabel(location)"></span></div><!-- /ko --></div><!-- ko if: $parent.isLocationHighlighted(location) --><div class="store details body-s-regular"><!-- ko if: location.street --><div class="detail"><span>Adres</span>: <a class="link body-s-medium" data-bind="attr: { href: $parents[0].getStoreUrl(location.pickup_location_code) }, text: $parents[0].getAddressLabel(location)"></a></div><!-- /ko --><!-- ko if: location.phone --><div class="detail"><span>Telefoonnummer</span>: <a class="link body-s-medium" data-bind="attr: { href: 'tel:' + location.phone }, text: location.phone"></a></div><!-- /ko --><!-- ko if: location.email --><div class="detail"><span>E-mail</span>: <a class="link body-s-medium" data-bind="attr: { href: 'mailto:' + location.email }, text: location.email"></a></div><!-- /ko --><!-- ko if: $parents[0].getTodayHours(location) --><div class="detail today-hours"><span>Vandaag open</span>: <span class="open-dot" aria-hidden="true"></span> <span data-bind="text: $parents[0].getTodayHours(location)"></span></div><!-- /ko --><!-- ko if: location.street --><a class="link opening-times action blue" data-bind="attr: { href: $parents[0].getStoreUrl(location.pickup_location_code) }"><span>Bekijk openingstijden</span></a> <!-- /ko --></div><!-- /ko --></div><!-- /ko --><!-- ko if: nearbyLocations() !== null && !nearbyLocations().length && !isLoading() --><p class="no-results">Geen winkels gevonden voor uw zoekopdracht.</p><!-- /ko --></div></div><div class="actions"><button type="button" class="action secondary" data-bind=" click: confirmSelection, enable: isConfirmEnabled() "><span>Selecteer</span></button></div></div></div><div class="header-icons"> <div class="header-search-icon"><div class="action mobile-search-trigger" data-action="mobile-menu" aria-label="Zoek" ><span>Zoek</span></div></div> <div data-block="minicart-header" class="minicart-wrapper" data-trigger="minicart-trigger"><a class="action showcart keyboardOnlyLink" role="button" aria-label="Winkelmand" tabindex="0" data-href="https://www.amac.nl/checkout/cart/" data-bind="scope: 'minicart_content'"><span class="text">Winkelmand</span> <span class="counter qty empty" data-bind="css: { empty: !!getCartParam('summary_count') == false }, blockLoader: isLoading"><span class="counter-number"><!-- ko if: getCartParam('summary_count') -->
401<!-- ko text: getCartParam('summary_count').toLocaleString(window.LOCALE) --><!-- /ko --><!-- /ko --></span> <span class="counter-label"><!-- ko if: getCartParam('summary_count') --><!-- ko text: getCartParam('summary_count').toLocaleString(window.LOCALE) --><!-- /ko --><!-- ko i18n: 'items' --><!-- /ko --><!-- /ko --></span></span></a> <div data-block="minicart" data-bind="mageInit: { 'Magento_Ui/js/modal/modal':{ 'type': 'slide', 'title': 'Winkelmand', 'modalClass': 'minicart', 'trigger': '[data-trigger=minicart-trigger]', 'responsive': true, 'innerScroll': true, 'buttons': [] }}"><div class="content"><div class="block-minicart"><div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'"><!-- ko template: getTemplate() --><!-- /ko --></div></div></div></div> </div> <div class="wishlist-link" data-bind="scope: 'wishlist'"><a href="https://www.amac.nl/wishlist/" aria-label="Bekijk verlanglijst"><!-- ko if: wishlist().counter --><span data-bind="text: wishlist().counter" class="wishlist-count"></span> <!-- /ko --></a></div> <div class="switcher my-account switcher-my-account" data-ui-id="my-account-switcher" id="switcher-my-account" data-bind="scope: 'header-customer'"><!-- ko if: isLoggedIn() --><a href="https://www.amac.nl/customer/account/" tabindex="0" role="button" aria-label="Mijn account" class="action toggle switcher-trigger logged-in" data-bind="visible: isLoggedIn" style="display: none" id="switcher-my-account-trigger"><!-- ko if: firstname() --><span class="customer-name" data-bind="text: firstname()"></span> <!-- /ko --></a> <div class="customer-menu" ><style>#html-body [data-pb-style=XIDRS8B]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}</style><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="XIDRS8B" data-decoded="true"><ul> 402 <li><a href="https://www.amac.nl/customer/account/">Mijn account</a></li> 403 <li><a href="https://www.amac.nl/portal/orders/main/">Bestellingen</a></li> 404 <li><a href="https://www.amac.nl/customer/address/">Adresboek</a></li> 405 <li><a href="https://www.amac.nl/customer/account/logout/">Uitloggen</a></li> 406 </ul></div></div><!-- /ko --><!-- ko if: !isLoggedIn() --><a class="action toggle switcher-trigger logged-out" tabindex="0" role="button" data-bind="click: showLoginModal" aria-label="Inloggen" href="https://www.amac.nl/customer/account/" id="switcher-my-account-trigger"><strong><span>Inloggen</span></strong></a> <!-- /ko --></div></div></div> <div class="header-navigation-row"> <div class="sections nav-sections"> <div class="section-items nav-sections-items" data-mage-init='{"tabs":{"openedState":"active"}}'> <div class="section-item-title nav-sections-item-title" data-role="collapsible" aria-controls="store.menu" aria-expanded="false"><a class="nav-sections-item-switch" data-toggle="switch" href="#store.menu">Menu</a></div><div class="section-item-content nav-sections-item-content" id="store.menu" role="tabpanel" aria-hidden="true" style="display: none;"> <html> 407<head><title>429 Too Many Requests</title></head> 408<body> 409<center><h1>429 Too Many Requests</h1></center> 410<hr><center>nginx</center>
411<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"86031d3bdfa145cf9f278d9187967c69","spa":2}' crossorigin="anonymous"></script>
411 412</body> 413</html> 414<!-- a padding to disable MSIE and Chrome friendly error page --> 415<!-- a padding to disable MSIE and Chrome friendly error page --> 416<!-- a padding to disable MSIE and Chrome friendly error page --> 417<!-- a padding to disable MSIE and Chrome friendly error page --> 418<!-- a padding to disable MSIE and Chrome friendly error page --> 419<!-- a padding to disable MSIE and Chrome friendly error page --> 420</div> <div class="section-item-title nav-sections-item-title" data-role="collapsible" aria-controls="store.links" aria-expanded="false"><a class="nav-sections-item-switch" data-toggle="switch" href="#store.links">Account</a></div><div class="section-item-content nav-sections-item-content" id="store.links" role="tabpanel" aria-hidden="true" style="display: none;"><!-- Account links --></div> </div></div><div class="small-header-menu-wrapper"><style>#html-body [data-pb-style=FYBUHNU],#html-body [data-pb-style=I5F4KO2],#html-body [data-pb-style=L8ROU4Y],#html-body [data-pb-style=T9XDFMU]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=I5F4KO2],#html-body [data-pb-style=T9XDFMU]{border-style:none;border-width:1px;margin:0;padding:0}#html-body [data-pb-style=T9XDFMU]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=I5F4KO2]{text-align:left}</style><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="L8ROU4Y" data-decoded="true"><style> 421/*THIS FULL HTML BLOCK IS ONLY FOR THE MODAL*/ 422body.catalog-product-view .modal-popup.more-info-modal-frame.modal-slide._show{ 423 --modal-width:900px; 424 --modal-gap:32px; 425 --modal-radius:12px; 426 --modal-close-size:32px; 427 position:fixed!important; 428 inset:0!important; 429 width:100%!important; 430 height:100%!important; 431 max-width:none!important; 432 max-height:none!important; 433 padding:var(--modal-gap) 16px!important; 434 box-sizing:border-box!important; 435 overflow-x:hidden!important; 436 overflow-y:auto!important; 437 overscroll-behavior:contain; 438 scrollbar-gutter:stable; 439} 440body.catalog-product-view .modal-popup.more-info-modal-frame.modal-slide._show .modal-inner-wrap{ 441 position:relative!important; 442 width:min(var(--modal-width),100%)!important; 443 max-width:none!important; 444 height:auto!important; 445 max-height:none!important; 446 margin:0 auto!important; 447 background:#fff!important; 448 border:1px solid #0071e3!important; 449 border-radius:var(--modal-radius)!important; 450 clip-path:inset(0 round var(--modal-radius)); 451 overflow:visible!important; 452 box-shadow:0 8px 32px rgb(0 0 0 / 18%)!important; 453} 454body.catalog-product-view .modal-popup.more-info-modal-frame .modal-header{ 455 position:sticky!important; 456 top:0!important; 457 z-index:50!important; 458 height:0!important; 459 min-height:0!important; 460 padding:0!important; 461 border:0!important; 462 background:transparent!important; 463 overflow:visible!important; 464 pointer-events:none!important; 465} 466body.catalog-product-view .modal-popup.more-info-modal-frame .modal-title{display:none!important} 467body.catalog-product-view .modal-popup.more-info-modal-frame .action-close{ 468 position:absolute!important; 469 top:12px!important; 470 right:12px!important; 471 width:var(--modal-close-size)!important; 472 height:var(--modal-close-size)!important; 473 padding:0!important; 474 z-index:100!important; 475 border:0!important; 476 border-radius:50%!important; 477 background:#e6e7eb!important; 478 color:#121212!important; 479 opacity:1!important; 480 pointer-events:auto!important; 481} 482body.catalog-product-view .modal-popup.more-info-modal-frame .action-close::before{ 483 color:#121212!important; 484 font-size:18px!important; 485 line-height:var(--modal-close-size)!important; 486} 487body.catalog-product-view .modal-popup.more-info-modal-frame.modal-slide._show .modal-content{ 488 width:100%!important; 489 height:auto!important; 490 min-height:0!important; 491 max-height:none!important; 492 margin:0!important; 493 padding:0!important; 494 flex:0 0 100%!important; 495 overflow:visible!important; 496 background:#fff!important; 497 border-radius:0 0 var(--modal-radius) var(--modal-radius)!important; 498} 499body.catalog-product-view .modal-popup.more-info-modal-frame.modal-slide._show .modal-content > #global-product-modal{ 500 display:block!important; 501 width:100%!important; 502 min-width:100%!important; 503 max-width:none!important; 504 height:auto!important; 505 flex:0 0 100%!important; 506} 507body.catalog-product-view .modal-popup.more-info-modal-frame.modal-slide._show #global-product-modal > .product-modal-frame{ 508 display:block!important; 509 width:100%!important; 510 min-width:100%!important; 511 max-width:none!important; 512 height:1px; 513 min-height:0; 514 border:0; 515 flex:0 0 100%!important; 516} 517</style> 518<div id="global-product-modal"> 519 <iframe class="product-modal-frame" src="about:blank" title=""></iframe> 520</div> 521</div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="FYBUHNU" data-decoded="true"><style> 522/*menu image height fix*/ 523 524/* Reserve enough submenu space for the image */ 525.header-navigation-row .navigation > ul > li.level-top.parent > ul.submenu { 526 min-height: 250px !important; 527} 528
529/* Keep the image layer aligned with that reserved space */ 530.header-navigation-row .navigation > ul > li.level-top.parent > .submenu-bg { 531 height: 250px !important; 532} 533 534/* Image never exceeds 350px */ 535.header-navigation-row .navigation > ul > li.level-top.parent > .submenu-bg .category-img { 536 height: 250px !important; 537 max-height: 250px !important; 538 object-fit: contain !important; 539} 540 541/*Styling USP bar*/ 542.page-header .panel.wrapper .top-usp-container { 543 background-color: #0071e3; 544} 545 546 .page-header .panel.wrapper, 547 .page-header .panel.wrapper .top-usp-container { 548 height: 44px !important; 549 } 550} 551 552/* Hide only the temporary âconfigure productâ loading message 553 in the PDP sticky footer. */ 554body.catalog-product-view .sticky-footer 555.fo-product-configurable-stock-text { 556 display: none !important; 557} 558 559 560/* All blue action links */ 561.action.link.blue:hover { 562 color: #0054a8 !important; 563} 564 565/*Overwrite opacity 0 of pricebox*/ 566[data-role="priceBox"] { 567 opacity: 1 !important; 568} 569 570/*================= 571quick links styling 572==================*/ 573.quick-filter { 574 border-radius: 40px; 575 display: inline-block !important; 576 background-color: #f9f9f9 !important; 577 padding: 12px 24px !important; 578 margin: 0 16px 16px 0 !important; 579 color: #000 !important; 580 text-decoration: none; 581} 582 583 584/*===== fix =====*/ 585/*remove double msrp price*/ 586#html-body .old-price.map-old-price { 587 display: none !important; 588} 589 590/* GIVE COLOR TO EXCLUSIEF TEXT IN CATEGORY ATTRIBUTE SET ITEM */ 591 592.category-attribute-set-item.exclusief span{ 593 color: #BF4800 !important; 594} 595 596/*++++++++ OVERALL ++++++++*/ 597/*Remove built in 75 margin top in columns*/ 598.pagebuilder-column-group { 599 margin-top: 0px !important; 600} 601/*++++++++ COMPONENTS ++++++++*/ 602 603/* ========================================= 604 Category Row change (no custom class) 605========================================= */ 606.pagebuilder-category-row__textlink.action.link.blue:hover { 607 color: #0054a8; 608} 609 610/*======================================== 611 Dynamic pricing box styling 612 NPI Highlight - add "app-npi-highlight" 613 Main Banner - add "app-main-banner" 614==========================================*/ 615/*----- Remove reserved pricing height -----*/ 616:is(.app-npi-highlight, .app-main-banner) .price-box { 617min-height: 0 !important; 618height: auto !important; 619margin: 0 !important; 620padding: 0 !important; 621line-height: 20px !important; 622box-sizing: border-box !important; 623} 624 625/*----- Keep CMS alignment -----*/ 626:is(.app-npi-highlight, .app-main-banner) .special-price-wrapper, 627:is(.app-npi-highlight, .app-main-banner) .real-price { 628display: flex !important; 629flex-direction: column !important; 630gap: 0 !important; 631min-height: 0 !important; 632height: auto !important; 633margin: 0 !important; 634padding: 0 !important; 635align-items: inherit !important; 636text-align: inherit !important; 637} 638 639:is(.app-npi-highlight, .app-main-banner) .normal-price-wrapper, 640:is(.app-npi-highlight, .app-main-banner) .special-price { 641display: inline-block !important; 642min-height: 0 !important; 643height: auto !important; 644margin: 0 !important; 645padding: 0 !important; 646line-height: inherit !important; 647text-align: inherit !important; 648} 649 650/*----- Remove colon after price labels -----*/ 651:is(.app-npi-highlight, .app-main-banner) .price-label::after { 652content: none !important; 653} 654 655/*----- Gap between old and current price -----*/ 656:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 657.normal-price-wrapper, 658:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 659.special-price { 660margin-top: 4px !important; 661} 662 663/*----- Old price and label -----*/ 664:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 665.old-price, 666:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 667.old-price .price-label, 668:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 669.old-price .price { 670color: #595959 !important; 671font-size: 16px !important; 672line-height: 20px !important;
673font-weight: 400 !important; 674letter-spacing: -0.02em !important; 675} 676 677/*----- Current price when old price exists -----*/ 678:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 679.normal-price-wrapper .price, 680:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 681.normal-price-wrapper .price-label, 682:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 683.special-price .price, 684:is(.app-npi-highlight, .app-main-banner) .price-box:has(.old-price:not(.none-selected)) 685.special-price .price-label { 686color: #000000 !important; 687font-size: 16px !important; 688line-height: 20px !important; 689font-weight: 400 !important; 690letter-spacing: -0.02em !important; 691} 692 693/*----- Current price when no old price exists -----*/ 694:is(.app-npi-highlight, .app-main-banner) .price-box:not(:has(.old-price:not(.none-selected))) 695.normal-price-wrapper .price, 696:is(.app-npi-highlight, .app-main-banner) .price-box:not(:has(.old-price:not(.none-selected))) 697.normal-price-wrapper .price-label, 698:is(.app-npi-highlight, .app-main-banner) .price-box:not(:has(.old-price:not(.none-selected))) 699.special-price .price, 700:is(.app-npi-highlight, .app-main-banner) .price-box:not(:has(.old-price:not(.none-selected))) 701.special-price .price-label { 702color: #000000 !important; 703font-size: 16px !important; 704line-height: 20px !important; 705font-weight: 400 !important; 706letter-spacing: -0.02em !important; 707} 708 709.pagebuilder-column.app-npi-image-ratio { 710 --npi-background-max-width: 700px; 711 712 min-height: 0 !important; 713 height: min(41.6667vw, calc(var(--npi-background-max-width) * 0.416667)) !important; 714 background-size: min(100%, var(--npi-background-max-width)) auto !important; 715 background-position: top center !important; 716 background-repeat: no-repeat !important; 717} 718 719.category-description .app-npi-highlight.app-row-borders > .pagebuilder-column-group > .pagebuilder-column-line > [data-content-type="column"] { 720 margin-top: 0 !important; 721 margin-bottom: 0 !important; 722} 723 724@media (max-width: 767px) { 725 .app-npi-highlight [data-content-type="text"] > p:has(.action.primary) { 726 display: flex !important; 727 flex-direction: column !important; 728 align-items: center !important; 729 justify-content: center !important; 730 gap: 16px !important; 731 text-align: center !important; 732 } 733 734 .app-npi-highlight [data-content-type="text"] > p:has(.action.primary) > span, 735 .app-npi-highlight [data-content-type="text"] > p:has(.action.primary) > .action { 736 display: block !important; 737 margin: 0 !important; 738 text-align: center !important; 739 } 740} 741 742 743/* ======================================================= 744 Category heading styling - add "app-category-heading" 745 ======================================================= */ 746.app-category-heading { 747 position: relative; 748 z-index: 0; 749} 750 751.app-category-heading::before { 752 content: ""; 753 position: absolute; 754 z-index: -1; 755 inset-block: 0; 756 left: 50%; 757 width: 100vw; 758 transform: translateX(-50%); 759 background: inherit; 760} 761 762.app-category-heading { 763 position: relative; 764} 765 766.app-category-heading::before { 767 content: ""; 768 position: absolute; 769 inset-block: 0; 770 left: 50%; 771 width: 100vw; 772 transform: translateX(-50%); 773 border-block: 1px solid #d9d9d9; 774 pointer-events: none; 775} 776 777.app-category-heading h1, 778.app-category-heading h2 { 779 margin-bottom: 0 !important; 780 font-weight: 600; 781} 782 783@media (max-width: 1023px) { 784 .app-category-heading h1 { 785 text-align: center !important; 786 } 787} 788 789 790/* ====================================================== 791 CATEGORY TOP SLIDER - add class "category-top-slider" 792 ====================================================== */ 793.pagebuilder-slider.category-top-slider[data-appearance="embla-slider"] { 794 padding-block: 12px; 795} 796 797 798/* 1. FORCE THE ENTIRE CAROUSEL WRAPPER TO BE FULL SCREEN WIDTH */ 799.category-top-slider { 800 position: relative !important; 801 width: 100vw !important; 802 max-width: 100vw !important; 803 804 /* Pulls the container out of restricted main layouts to the browser edges */ 805 left: 50% !important; 806 transform: translateX(-50%) !important; 807 808 /* Strip away conflicting margins */ 809 margin-left: 0 !important; 810 margin-right: 0 !important; 811 box-sizing: border-box !important; 812} 813 814/* 2. ALIGN SLIDES TO CONTENT MARGIN AND RESET STRAY PAGEBUILDER PADDING */ 815.category-top-slider .embla__viewport { 816 817 818 /* Forces absolute removal of theme/pagebuilder layout paddings */ 819 padding-right: 0 !important; 820 padding-top: 0 !important; 821 padding-bottom: 0 !important; 822 823 /* Clips elements safely at the right screen edge without causing a global page scrollbar */ 824 overflow: hidden !important; 825 box-sizing: border-box !important; 826} 827 828/* 3. ENSURE UNRESTRICTED TRACK FLOW */ 829.category-top-slider .embla__container { 830 display: flex !important; 831 width: auto !important; 832} 833 834/* 4. PIN CONTROL BUTTONS FLUSH AGAINST THE VIEWPORT EDGES */ 835.category-top-slider .embla__button--prev, 836.category-top-slider .embla__button--next { 837 position: absolute !important; 838 top: 50% !important; 839 transform: translateY(-50%) !important; 840 z-index: 100 !important; 841 margin: 0 !important; /* Strips any default PageBuilder alignment offsets */ 842} 843 844/* Touch the absolute left edge of the screen */ 845.category-top-slider .embla__button--prev { 846 left: 0 !important; 847} 848 849/* Touch the absolute right edge of the screen */ 850.category-top-slider .embla__button--next { 851 right: 0 !important; 852} 853 854/*----- Top Slider Hover Color -----*/ 855.category-top-slider .embla-card__inner:hover { 856 background-color: #f2f2f2 !important; 857} 858 859/*===== font sizes =====*/ 860/*----- Top Slider Product Label -----*/ 861.category-top-slider .embla-card__label { 862 font-size: 7px !important; 863} 864 865/*----- Top Slider Product Title -----*/ 866.category-top-slider .embla-card__title { 867 font-size: 11px !important; 868} 869 870/*----- Top Slider Price Label and Price -----*/ 871.category-top-slider .embla-card__price, 872.category-top-slider .embla-card__price-label, 873.category-top-slider .embla-card__price .price { 874 font-size: 9px !important; 875} 876 877
878/*image background set to white/transparant*/ 879.category-top-slider .embla-card--category .embla-card__inner, 880.category-top-slider .embla-card--category .embla-card__image { 881 transition: background-color 0.25s ease; 882} 883 884.category-top-slider .embla-card__image { 885 background-color: #fff !important; 886} 887 888.category-top-slider .embla-card--category .embla-card__inner:hover 889 .embla-card__image { 890 background-color: transparent !important; 891} 892 893/* Reset mobile ordering */ 894@media screen and (max-width: 1023px) { 895 .category-top-slider { 896 order: 0 !important; 897 } 898} 899 900/* Remove borders and shadows between cards */ 901.category-top-slider .embla-card, 902.category-top-slider .embla-card__link, 903.category-top-slider .embla-card__inner { 904 border-left: none !important; 905 border-right: none !important; 906 box-shadow: none !important; 907} 908 909/* Remove pseudo-element divider lines */ 910.category-top-slider .embla-card::before, 911.category-top-slider .embla-card::after, 912.category-top-slider .embla-card__link::before, 913.category-top-slider .embla-card__link::after, 914.category-top-slider .embla-card__inner::before, 915.category-top-slider .embla-card__inner::after { 916 display: none !important; 917 content: none !important; 918 width: 0 !important; 919} 920 921/* Align custom-link card content to the left */ 922.category-top-slider .embla-card[data-appearance="custom-link"] .embla-card__inner { 923 display: flex !important; 924 flex-direction: column !important; 925 align-items: flex-start !important; 926 justify-content: center !important; 927 width: 100% !important; 928 text-align: left !important; 929} 930 931/* Custom link styling */ 932.category-top-slider .embla-card[data-appearance="custom-link"] .embla-card__link .link-underlined-blue { 933 display: inline-flex !important; 934 align-items: center !important; 935 justify-content: flex-start !important; 936 937 color: #0071E3 !important; 938 font-size: 11px !important; 939 font-weight: 600 !important; 940 line-height: 1 !important; 941 942 text-decoration: none !important; 943 border-bottom: none !important; 944} 945 946/*Change padding custom link*/ 947.category-top-slider .embla-card--link .embla-card__inner { 948 padding-left: 0; 949} 950 951 952/* Blue chevron */ 953.category-top-slider .embla-card[data-appearance="custom-link"] .link-underlined-blue::after { 954 content: ""; 955 display: inline-block !important; 956 width: 12px; 957 height: 12px; 958 margin-left: 6px; 959 960 background-image: url("https://www.amac.nl/media/icons/chevron-right-blue.svg"); 961 background-position: center; 962 background-repeat: no-repeat; 963 background-size: contain; 964 965 text-decoration: none !important; 966} 967 968/* Underline text and dark blue only on hover */ 969.category-top-slider .embla-card[data-appearance="custom-link"] .embla-card__link:hover .link-underlined-blue { 970 text-decoration: underline !important; 971 color: #0054a8 !important; 972} 973 974.category-top-slider .embla-card[data-appearance="custom-link"] .embla-card__link:hover .link-underlined-blue::after { 975 display: inline-block !important; 976 text-decoration: none !important; 977} 978 979/* Top and bottom borders */ 980.category-top-slider[data-appearance="embla-slider"], 981.category-top-slider .pagebuilder-slider[data-appearance="embla-slider"] { 982 border-top: 0.5px solid #d2d2d2 !important; 983 border-bottom: 0.5px solid #d2d2d2 !important; 984} 985 986/*custom-link hover*/ 987.category-top-slider 988.action.link.blue 989.embla-card__link:hover 990.link-underlined-blue { 991 color: #0054A8 !important; 992} 993 994/* Align content bottom with the visible image bottom */ 995.category-top-slider .embla-card--product .embla-card__content, 996.category-top-slider .embla-card--category .embla-card__content { 997 align-self: flex-end !important; 998 margin-bottom: 16px !important; 999} 1000 1001.category-top-slider .embla-card--product .embla-card__inner, 1002.category-top-slider .embla-card--category .embla-card__inner { 1003 column-gap: 16px !important; 1004} 1005 1006/* ========================================= 1007 APP PLP MODULE - add "app-plp-module" 1008========================================= */ 1009 1010 1011 1012/* ============================================================ 1013 HOMEPAGE FAMILY STRIPE - add âapp-lob-tileâ 1014 ============================================================= */ 1015 1016/*----- 1. Structural Footprint -----*/ 1017.app-lob-tile { 1018 width: 130px !important; 1019 max-width: 130px !important; 1020 box-sizing: border-box !important; 1021 text-align: center !important; 1022} 1023 1024/*----- 2. Responsive Image Engine -----*/ 1025.app-lob-tile .pagebuilder-mobile-hidden { 1026 display: block !important; 1027 width: auto !important; 1028 max-width: 100% !important; 1029 height: auto !important; 1030 max-height: 60px !important; 1031 margin: 0 auto !important; 1032 object-fit: contain !important; 1033} 1034 1035.app-lob-tile .pagebuilder-mobile-only { 1036 display: none !important; 1037} 1038 1039.app-lob-tile figure[data-content-type="image"] { 1040 display: block !important; 1041 width: 100% !important; 1042 margin: 0 0 8px !important; 1043 padding: 0 !important; 1044} 1045 1046/*----- 3. Title Typography Framework -----*/ 1047.app-lob-tile [data-content-type="text"] { 1048 margin: 0 0 4px !important; 1049 text-align: center !important; 1050 font-size: 16px !important; 1051 font-style: normal !important; 1052 font-weight: 600 !important; 1053 line-height: 20px !important; 1054} 1055 1056/*----- Remove Default Title Link Treatments -----*/ 1057.app-lob-tile [data-content-type="text"] p, 1058.app-lob-tile [data-content-type="text"] a { 1059 margin: 0 !important; 1060 padding: 0 !important; 1061 color: inherit !important; 1062 text-decoration: none !important; 1063} 1064 1065/*----- 4. Product Pricing Base Controls -----*/ 1066.app-lob-tile 1067[data-content-type="product_price"] 1068.product-item 1069.price-box { 1070 margin-top: 0 !important; 1071 margin-bottom: 0 !important; 1072} 1073 1074.app-lob-tile 1075[data-content-type="product_price"] 1076.product-item 1077.price-box 1078.price { 1079 text-align: center !important; 1080 font-size: 14px !important; 1081 font-style: normal !important; 1082 font-weight: 400 !important; 1083 line-height: 17px !important; 1084} 1085 1086/*----- 5. Pricing Container Layout Framework -----*/ 1087.app-lob-tile 1088[data-content-type="product_price"] 1089.price-box 1090.price-container { 1091 display: flex !important; 1092 flex-direction: row !important; 1093 flex-wrap: wrap !important; 1094 justify-content: center !important;
1095 align-items: baseline !important; 1096 gap: 4px !important; 1097} 1098 1099.app-lob-tile 1100[data-content-type="product_price"] 1101.price-box 1102.price-label { 1103 display: inline-block !important; 1104 font-size: 14px !important; 1105 line-height: 17px !important; 1106} 1107 1108/*----- 6. Responsive Breakpoint Switch -----*/ 1109@media screen and (max-width: 767px) { 1110 .app-lob-tile .pagebuilder-mobile-hidden { 1111 display: none !important; 1112 } 1113 1114 .app-lob-tile .pagebuilder-mobile-only { 1115 display: block !important; 1116 width: auto !important; 1117 max-width: 100% !important; 1118 height: auto !important; 1119 max-height: 60px !important; 1120 margin: 0 auto !important; 1121 object-fit: contain !important; 1122 } 1123} 1124 1125/*----- Slider Functional Controls -----*/ 1126.content-slider:has( 1127 > .inner-content-slider-wrapper > .app-lob-tile 1128) { 1129 position: relative; 1130 anchor-name: --app-lob-slider; 1131 1132 overflow-x: auto; 1133 overflow-y: hidden; 1134 scroll-behavior: smooth; 1135 scroll-snap-type: x mandatory; 1136 scroll-padding-inline: 36px; 1137 scrollbar-width: none; 1138} 1139 1140/*----- Hide Native Scrollbar -----*/ 1141.content-slider:has( 1142 > .inner-content-slider-wrapper > .app-lob-tile 1143)::-webkit-scrollbar { 1144 display: none; 1145} 1146 1147/*----- Move One Product Per Click -----*/ 1148.content-slider:has( 1149 > .inner-content-slider-wrapper > .app-lob-tile 1150) > .inner-content-slider-wrapper > .app-lob-tile { 1151 scroll-snap-align: start; 1152 scroll-snap-stop: always; 1153} 1154 1155/*----- Slider Control Button Base -----*/ 1156.content-slider:has( 1157 > .inner-content-slider-wrapper > .app-lob-tile 1158)::scroll-button(*) { 1159 position: absolute; 1160 position-anchor: --app-lob-slider; 1161 1162 /* Prevent controls from stretching to page height */ 1163 inset: auto; 1164 top: anchor(top); 1165 height: anchor-size(height); 1166 1167 z-index: 2; 1168 width: 36px; 1169 padding: 0; 1170 border: 0; 1171 1172 background-color: #fff; 1173 background-position: center; 1174 background-repeat: no-repeat; 1175 background-size: 20px 20px; 1176 1177 cursor: pointer; 1178} 1179 1180/*----- Left Chevron -----*/ 1181.content-slider:has( 1182 > .inner-content-slider-wrapper > .app-lob-tile 1183)::scroll-button(inline-start) { 1184 content: "" / "Vorige"; 1185 left: anchor(left); 1186 1187 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M14.3511 16L21.4962 22.296C21.8321 22.5919 22 22.9686 22 23.426C22 23.8834 21.8321 24.2601 21.4962 24.5561C21.1603 24.852 20.7328 25 20.2137 25C19.6947 25 19.2672 24.852 18.9313 24.5561L10.5038 17.13C10.3206 16.9686 10.1911 16.7937 10.1154 16.6054C10.0397 16.417 10.0012 16.2152 10 16C10 15.7848 10.0385 15.583 10.1154 15.3946C10.1924 15.2063 10.3218 15.0314 10.5038 14.87L18.9313 7.44395C19.2672 7.14798 19.6947 7 20.2137 7C20.7328 7 21.1603 7.14798 21.4962 7.44395C21.8321 7.73991 22 8.11659 22 8.57399C22 9.03139 21.8321 9.40807 21.4962 9.70404L14.3511 16Z' fill='%238f8f8f' fill-opacity='.75'/%3E%3C/svg%3E"); 1188} 1189 1190/*----- Right Chevron -----*/ 1191.content-slider:has( 1192 > .inner-content-slider-wrapper > .app-lob-tile 1193)::scroll-button(inline-end) { 1194 content: "" / "Volgende"; 1195 right: anchor(right); 1196 1197 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M17.6489 16L10.5038 22.296C10.1679 22.5919 10 22.9686 10 23.426C10 23.8834 10.1679 24.2601 10.5038 24.5561C10.8397 24.852 11.2672 25 11.7863 25C12.3053 25 12.7328 24.852 13.0687 24.5561L21.4962 17.13C21.6794 16.9686 21.8089 16.7937 21.8846 16.6054C21.9603 16.417 21.9988 16.2152 22 16C22 15.7848 21.9615 15.583 21.8846 15.3946C21.8076 15.2063 21.6782 15.0314 21.4962 14.87L13.0687 7.44395C12.7328 7.14798 12.3053 7 11.7863 7C11.2672 7 10.8397 7.14798 10.5038 7.44395C10.1679 7.73991 10 8.11659 10 8.57399C10 9.03139 10.1679 9.40807 10.5038 9.70404L17.6489 16Z' fill='%238f8f8f' fill-opacity='.75'/%3E%3C/svg%3E"); 1198} 1199 1200/*----- Hide Unavailable Controls -----*/ 1201.content-slider:has( 1202 > .inner-content-slider-wrapper > .app-lob-tile 1203)::scroll-button(*):disabled { 1204 opacity: 0; 1205 pointer-events: none; 1206} 1207 1208/*----- Hide Controls Below 768px -----*/ 1209@media screen and (max-width: 767px) { 1210 .content-slider:has( 1211 > .inner-content-slider-wrapper > .app-lob-tile 1212 )::scroll-button(*) { 1213 display: none; 1214 } 1215} 1216 1217/* =========================================== 1218 APP BENTO BOX â add "app-bento-box" to row 1219============================================ */ 1220 1221/* Remove reserved price-box height */ 1222.app-bento-box .price-box { 1223 min-height: 0 !important; 1224 height: auto !important; 1225 margin-bottom: 0px; 1226 margin-top: 0px; 1227} 1228 1229/* Preserve the alignment configured in the CMS */ 1230.app-bento-box .special-price-wrapper, 1231.app-bento-box .real-price { 1232 display: flex !important; 1233 flex-direction: column !important; 1234 gap: 0 !important; 1235 min-height: 0 !important; 1236 height: auto !important; 1237 margin: 0 !important; 1238 padding: 0 !important;
1239 align-items: inherit !important; 1240 text-align: inherit !important; 1241} 1242 1243.app-bento-box .normal-price-wrapper, 1244.app-bento-box .special-price { 1245 display: inline-block !important; 1246 min-height: 0 !important; 1247 height: auto !important; 1248 margin: 0 !important; 1249 padding: 0 !important; 1250 line-height: inherit !important; 1251 text-align: inherit !important; 1252} 1253 1254/* Remove the colon after price labels */ 1255.app-bento-box .price-label::after { 1256 content: none !important; 1257} 1258 1259/* 4px gap between old price and current price */ 1260.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1261.normal-price-wrapper, 1262.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1263.special-price { 1264 margin-top: 4px !important; 1265} 1266 1267/* Old price and its label */ 1268.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1269.old-price, 1270.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1271.old-price .price-label, 1272.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1273.old-price .price { 1274 color: #595959 !important; 1275 font-size: 14px !important; 1276 line-height: 16px !important; 1277 font-weight: 400 !important; 1278 letter-spacing: -0.02em !important; 1279} 1280 1281/* Current price and âVanafâ label when an old price exists */ 1282.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1283.normal-price-wrapper .price, 1284.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1285.normal-price-wrapper .price-label, 1286.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1287.special-price .price, 1288.app-bento-box .price-box:has(.old-price:not(.none-selected)) 1289.special-price .price-label { 1290 color: #000000 !important; 1291 font-size: 14px !important; 1292 line-height: 16px !important; 1293 font-weight: 600 !important; 1294 letter-spacing: -0.05em !important; 1295} 1296 1297/* Current price and âVanafâ label without an old price */ 1298.app-bento-box .price-box:not(:has(.old-price:not(.none-selected))) 1299.normal-price-wrapper .price, 1300.app-bento-box .price-box:not(:has(.old-price:not(.none-selected))) 1301.normal-price-wrapper .price-label, 1302.app-bento-box .price-box:not(:has(.old-price:not(.none-selected))) 1303.special-price .price, 1304.app-bento-box .price-box:not(:has(.old-price:not(.none-selected))) 1305.special-price .price-label { 1306 color: #000000 !important; 1307 font-size: 14px !important; 1308 line-height: 16px !important; 1309 font-weight: 400 !important; 1310 letter-spacing: -0.02em !important; 1311} 1312 1313 1314/*======================================== 1315 APP TILE - add "content-card-app-tile" 1316==========================================*/ 1317 1318/*----- 1. CARD LEVEL (Desktop Default) -----*/ 1319.content-card-app-tile { 1320 /* Box Alignment Layout Anchors */ 1321 position: relative !important; 1322 transform: translate(0, 0) !important; 1323 box-sizing: border-box !important; 1324 display: flex !important; 1325 flex-direction: column !important; 1326 1327 /* Desktop Structural Footprint Dimensions */ 1328 width: 288px !important; 1329 max-width: 288px !important; 1330 min-width: 288px !important; 1331 height: 380px !important; 1332 max-height: 380px !important; 1333 min-height: 380px !important; 1334 1335 /* Card Visual Framing Foundation */ 1336 border-radius: 16px !important; 1337 overflow: hidden !important; 1338 box-shadow: 0px 2px 10px rgba(0,0,0,0.08) !important; 1339 margin: 2px !important; 1340} 1341 1342/*----- 2. INTERNAL BLOCKS, PADDINGS, & ELEMENT GAPS -----*/ 1343 1344/* Image Container Frame: 16px Top, Left, Right. 0 Bottom. */ 1345.content-card-app-tile .pagebuilder-content-card__media { 1346 position: relative !important; /* Context voor absolute overlays indien nodig */ 1347 padding: 16px 16px 0 16px !important; 1348 background-color: #ffffff !important; 1349 display: flex !important; 1350 justify-content: center !important; 1351 align-items: flex-start !important; /* Dwingt de afbeelding strak tegen de top padding aan */ 1352 box-sizing: border-box !important; 1353 height: auto !important; /* Voorkom dat de container een vaste ongewenste hoogte aanneemt */ 1354} 1355 1356/* Image Element Dimension Constraints */ 1357.content-card-app-tile .pagebuilder-content-card__image { 1358 /* FIX: Doorbreek absolute positionering van PageBuilder zodat padding gerespecteerd wordt */ 1359 position: relative !important; 1360 top: auto !important; 1361 left: auto !important; 1362 1363 /* Desktop Afmetingen */ 1364 width: 256px !important; 1365 max-width: 256px !important; 1366 height: 172px !important; 1367 max-height: 172px !important; 1368 object-fit: cover !important; 1369 display: block !important; 1370} 1371 1372/* Text Content Block Framework: 16px Top, Left, Right. 12px Bottom. Continuous 4px gaps. */ 1373.content-card-app-tile .pagebuilder-content-card__content { 1374 padding: 16px 16px 12px 16px !important; 1375 box-sizing: border-box !important; 1376 flex-grow: 1 !important; 1377 display: flex !important; 1378 flex-direction: column !important; 1379 gap: 4px !important; 1380} 1381 1382/* Clear native margins that fight against the flexbox gap rhythm */ 1383.content-card-app-tile .pagebuilder-content-card__subtitle, 1384.content-card-app-tile .pagebuilder-content-card__title, 1385.content-card-app-tile .pagebuilder-content-card__paragraph, 1386.content-card-app-tile .pagebuilder-content-card__actions { 1387 margin-top: 0 !important; 1388 margin-bottom: 0 !important; 1389} 1390 1391/* New Subtitle Typography Rules */ 1392.content-card-app-tile .pagebuilder-content-card__subtitle { 1393 font-size: 12px !important; 1394 line-height: 14px !important; 1395 font-weight: 600 !important; 1396 font-style: normal !important; 1397} 1398 1399/* New Title Typography Rules */ 1400.content-card-app-tile .pagebuilder-content-card__title { 1401 font-size: 24px !important; 1402 line-height: 32px !important; 1403 letter-spacing: -0.02em !important; 1404 font-weight: 600 !important; 1405 font-style: normal !important; 1406} 1407 1408/* New Paragraph Typography and Dimension Rules */ 1409.content-card-app-tile .pagebuilder-content-card__paragraph { 1410 font-size: 14px !important; 1411 line-height: 20px !important; 1412 font-weight: 600 !important; 1413 font-style: normal !important; 1414 min-height: 40px !important; /* Serves as a minimum height anchor */ 1415 height: auto !important; /* Allows expansion for longer text */ 1416} 1417 1418/* New PageBuilder Primary Button Typography Rules */ 1419.content-card-app-tile .pagebuilder-button-primary [data-element="button"] { 1420 color: #000000 !important; 1421 font-size: 14px !important; 1422 line-height: 16px !important; 1423 font-weight: 400 !important; 1424 font-style: normal !important; 1425} 1426 1427
1428/*----- 3. CLICKABLE INVISIBLE TEXTLINK OVERLAY & ICON REMOVAL -----*/ 1429 1430.content-card-app-tile .pagebuilder-content-card__textlink { 1431 position: absolute !important; 1432 top: 0 !important; 1433 left: 0 !important; 1434 right: 0 !important; 1435 bottom: 0 !important; 1436 z-index: 9999 !important; 1437 display: block !important; 1438 color: transparent !important; 1439 background: transparent !important; 1440} 1441 1442/* Force-hides any pseudo-element icons or chevrons from the theme link styles */ 1443.content-card-app-tile .pagebuilder-content-card__textlink::before, 1444.content-card-app-tile .pagebuilder-content-card__textlink::after, 1445.content-card-app-tile .pagebuilder-content-card__textlink *::before, 1446.content-card-app-tile .pagebuilder-content-card__textlink *::after { 1447 display: none !important; 1448 content: none !important; 1449 opacity: 0 !important; 1450} 1451 1452 1453/*----- 4. MOBILE RESPONSIVE ENGINE (Breakpoints under 768px viewports) -----*/ 1454 1455@media screen and (max-width: 767px) { 1456 .content-card-app-tile { 1457 /* Mobile Structural Footprint Dimensions */ 1458 width: 248px !important; 1459 max-width: 248px !important; 1460 min-width: 248px !important; 1461 height: 362px !important; 1462 max-height: 362px !important; 1463 min-height: 362px !important; 1464 } 1465 1466 /* Mobile Image Element Dimension Updates */ 1467 .content-card-app-tile .pagebuilder-content-card__image { 1468 width: 216px !important; 1469 max-width: 216px !important; 1470 height: 144px !important; 1471 max-height: 144px !important; 1472 } 1473} 1474 1475 1476/*======================= 1477 Reversed content card 1478=========================*/ 1479.content-card-app-tile.reversed-tile .pagebuilder-content-card__media, 1480.content-card-app-tile.reversed-tile .pagebuilder-content-card__image { 1481 background-color: transparent !important; 1482} 1483 1484.content-card-app-tile.reversed-tile { 1485 flex-direction: column-reverse !important; 1486} 1487 1488.content-card-app-tile.reversed-tile .pagebuilder-content-card__media { 1489 align-items: flex-end !important; 1490 overflow: hidden; 1491} 1492 1493.content-card-app-tile.reversed-tile 1494 .pagebuilder-content-card__media { 1495 flex: 0 0 66.666% !important; 1496 height: 66.666% !important; 1497 min-height: 0 !important; 1498 transform: none; 1499} 1500 1501.content-card-app-tile.reversed-tile 1502 .pagebuilder-content-card__content { 1503 flex: 0 0 33.333% !important; 1504 height: 33.333% !important; 1505 min-height: 0 !important; 1506} 1507 1508.content-card-app-tile.reversed-tile 1509 .pagebuilder-content-card__image { 1510 width: 100%; 1511 height: 100% !important; 1512 object-fit: contain; 1513} 1514 1515.content-card-app-tile.reversed-tile 1516 .pagebuilder-content-card__media { 1517 align-items: flex-start !important; 1518} 1519 1520.content-card-app-tile.reversed-tile 1521 .pagebuilder-content-card__image { 1522 object-position: center top !important; 1523} 1524 1525 1526/*=============================================== 1527 APP Text tile - add "content-card-text-tile" 1528=================================================*/ 1529 1530/*-------- 1. MASTER TEXT TILE CARD LEVEL (Desktop Default) --------*/ 1531.content-card-text-tile { 1532 /* Box Alignment Layout Anchors */ 1533 position: relative !important; 1534 transform: translate(0, 0) !important; 1535 box-sizing: border-box !important; 1536 display: flex !important; 1537 flex-direction: column !important; 1538 1539 /* Desktop Structural Footprint Dimensions */ 1540 width: 294px !important; 1541 max-width: 294px !important; 1542 min-width: 294px !important; 1543 height: 170px !important; 1544 max-height: 170px !important; 1545 min-height: 170px !important; 1546 1547 /* Card Visual Framing Foundation */ 1548 border-radius: 16px !important; 1549 overflow: hidden !important; 1550 box-shadow: 0px 2px 10px rgba(0,0,0,0.08) !important; 1551 margin: 2px !important; 1552 background-color: #ffffff !important; 1553} 1554 1555/*-------- 2. INTERNAL BLOCKS, PADDINGS, TYPOGRAPHY & ELEMENT GAPS --------*/ 1556 1557/* Text Content Block Framework: Uniform 16px Padding on all sides */ 1558.content-card-text-tile .pagebuilder-content-card__content { 1559 padding: 16px !important; 1560 box-sizing: border-box !important; 1561 flex-grow: 1 !important; 1562 display: flex !important; 1563 flex-direction: column !important; 1564 gap: 8px !important; 1565} 1566 1567/* Subtitle Typography Specifications (Applies to both Desktop and Mobile) */ 1568.content-card-text-tile .pagebuilder-content-card__subtitle { 1569 font-size: 14px !important; 1570 line-height: 16px !important; 1571} 1572 1573/* Desktop Title Typography Specifications */ 1574.content-card-text-tile .pagebuilder-content-card__title { 1575 font-size: 22px !important;
1576 line-height: 26px !important; 1577} 1578 1579/* Hide or reset media container if present so it doesn't break the layout */ 1580.content-card-text-tile .pagebuilder-content-card__media { 1581 display: none !important; 1582} 1583 1584/* Clear native margins that fight against the flexbox gap rhythm */ 1585.content-card-text-tile .pagebuilder-content-card__subtitle, 1586.content-card-text-tile .pagebuilder-content-card__title, 1587.content-card-text-tile .pagebuilder-content-card__paragraph, 1588.content-card-text-tile .pagebuilder-content-card__actions { 1589 margin-top: 0 !important; 1590 margin-bottom: 0 !important; 1591} 1592 1593/*-------- 3. CLICKABLE INVISIBLE TEXTLINK OVERLAY & ICON REMOVAL --------*/ 1594.content-card-text-tile .pagebuilder-content-card__textlink { 1595 position: absolute !important; 1596 top: 0 !important; 1597 left: 0 !important; 1598 right: 0 !important; 1599 bottom: 0 !important; 1600 z-index: 9999 !important; 1601 display: block !important; 1602 color: transparent !important; 1603 background: transparent !important; 1604} 1605 1606/* Force-hides any pseudo-element icons or chevrons from the theme link styles */ 1607.content-card-text-tile .pagebuilder-content-card__textlink::before, 1608.content-card-text-tile .pagebuilder-content-card__textlink::after, 1609.content-card-text-tile .pagebuilder-content-card__textlink *::before, 1610.content-card-text-tile .pagebuilder-content-card__textlink *::after { 1611 display: none !important; 1612 content: none !important; 1613 opacity: 0 !important; 1614} 1615 1616/*-------- 4. MOBILE RESPONSIVE ENGINE (Breakpoints under 768px viewports)--------*/ 1617@media screen and (max-width: 767px) { 1618 .content-card-text-tile { 1619 /* Mobile Structural Footprint Dimensions */ 1620 width: 235px !important; 1621 max-width: 235px !important; 1622 min-width: 235px !important; 1623 height: 154px !important; 1624 max-height: 154px !important; 1625 min-height: 154px !important; 1626 } 1627 1628 /* Mobile Title Typography Specifications */ 1629 .content-card-text-tile .pagebuilder-content-card__title { 1630 font-size: 20px !important; 1631 line-height: 26px !important; 1632 } 1633} 1634 1635/* ===================================================== 1636 APP PRODUCT SLIDER 1637 ===================================================== */ 1638 1639/* ---------- Content spacing ---------- */ 1640 1641.app-product-slider .product-item-details { 1642 gap: 4px !important; 1643} 1644
1645/* Keep buttons bottom-aligned with a minimum 12px gap */ 1646.app-product-slider .product-item-inner { 1647 margin-top: auto !important; 1648 padding-top: 8px !important; 1649} 1650 1651/* Keep the label slot fixed */ 1652.app-product-slider .plp-card-labels-slot { 1653 min-height: 20px !important; 1654 height: 20px !important; 1655} 1656 1657/* ---------- Product title ---------- */ 1658 1659.app-product-slider .product-item-name { 1660 min-height: 40px !important; 1661} 1662 1663.app-product-slider .product-item-name, 1664.app-product-slider .product-item-name .product-item-link { 1665 font-size: 16px !important; 1666 line-height: 20px !important; 1667 letter-spacing: -0.02em !important; 1668 font-weight: 600 !important; 1669 font-style: normal !important; 1670} 1671 1672/* ---------- Base pricing layout ---------- */ 1673 1674.app-product-slider .price-box { 1675 --app-price-color: #000000; 1676 --app-price-size: 16px; 1677 --app-price-line-height: 20px; 1678 --app-price-weight: 400; 1679 --app-price-letter-spacing: -0.02em; 1680 1681 min-height: 0 !important; 1682 height: auto !important; 1683} 1684 1685.app-product-slider .price-box:has(.old-price:not(.none-selected)) { 1686 --app-price-weight: 600; 1687 --app-price-letter-spacing: -0.05em; 1688} 1689 1690.app-product-slider .special-price-wrapper, 1691.app-product-slider .real-price { 1692 display: flex !important; 1693 flex-direction: column !important; 1694 align-items: center !important; 1695 gap: 0 !important; 1696 min-height: 0 !important; 1697 height: auto !important; 1698 margin: 0 !important; 1699 padding: 0 !important; 1700} 1701 1702.app-product-slider .normal-price-wrapper, 1703.app-product-slider .special-price { 1704 display: inline-block !important; 1705 min-height: 0 !important; 1706 height: auto !important; 1707 margin: 0 !important; 1708 padding: 0 !important; 1709} 1710 1711/* Current price and "Vanaf" label */ 1712.app-product-slider .normal-price-wrapper .price, 1713.app-product-slider .normal-price-wrapper .price-label, 1714.app-product-slider .special-price .price, 1715.app-product-slider .special-price .price-label { 1716 color: var(--app-price-color) !important; 1717 font-size: var(--app-price-size) !important; 1718 line-height: var(--app-price-line-height) !important; 1719 font-weight: var(--app-price-weight) !important; 1720 letter-spacing: var(--app-price-letter-spacing) !important; 1721} 1722 1723/* Old price and old-price label */ 1724.app-product-slider .price-box:has(.old-price:not(.none-selected)) .old-price, 1725.app-product-slider .price-box:has(.old-price:not(.none-selected)) .old-price .price-label, 1726.app-product-slider .price-box:has(.old-price:not(.none-selected)) .old-price .price { 1727 color: #595959 !important; 1728 font-size: 16px !important; 1729 line-height: 20px !important; 1730 font-weight: 400 !important; 1731 letter-spacing: -0.02em !important; 1732} 1733 1734/* Gap before current price when old price is visible */ 1735.app-product-slider .price-box:has(.old-price:not(.none-selected)) .normal-price-wrapper, 1736.app-product-slider .price-box:has(.old-price:not(.none-selected)) .special-price { 1737 margin-top: 4px !important; 1738} 1739 1740/* Remove Magento's label colon */ 1741.app-product-slider .product-item .price-box .price-label::after { 1742 content: none !important; 1743} 1744 1745/* ---------- Image container ---------- */ 1746 1747.app-product-slider .image-wishlist-holder { 1748 display: inline-block !important; 1749 width: auto !important; 1750 height: auto !important; 1751 max-width: 100% !important; 1752 border: 0.5px solid #7d7d7d !important; 1753} 1754 1755.app-product-slider .image-wishlist-holder .product-item-photo, 1756.app-product-slider .image-wishlist-holder .product-image-container { 1757 display: block !important; 1758 width: auto !important; 1759 height: auto !important; 1760} 1761 1762.app-product-slider .image-wishlist-holder .product-image-wrapper { 1763 display: block !important; 1764 width: auto !important; 1765 height: auto !important; 1766 padding-bottom: 0 !important; 1767} 1768 1769.app-product-slider .image-wishlist-holder .product-image-photo { 1770 position: static !important; 1771 display: block !important; 1772 max-width: 100% !important; 1773 height: auto !important; 1774} 1775 1776/* ---------- Slider dots ---------- */ 1777 1778.app-product-slider .embla-carousel__dot { 1779 position: relative; 1780 display: flex !important;
1781 align-items: center; 1782 justify-content: center; 1783 1784 width: 20px !important; 1785 min-width: 20px !important; 1786 height: 10px !important; 1787 flex: 0 0 20px !important; 1788 1789 margin-left: 5px !important; 1790 margin-right: 5px !important; 1791 1792 background: transparent !important; 1793 border-radius: 0 !important; 1794} 1795 1796.app-product-slider .embla-carousel__dot::before { 1797 content: ""; 1798 display: block; 1799 width: 10px; 1800 height: 10px; 1801 border-radius: 50%; 1802 background: #b0b3b1; 1803} 1804 1805.app-product-slider .embla-carousel__dot.is-selected::before { 1806 background: #000000; 1807} 1808 1809 1810/*++++++++ LOOSE ELEMENTS ++++++++*/ 1811 1812/*=================================== 1813row borders - add "app-row-borders" 1814=====================================*/ 1815 1816/*----- Optional top and bottom row borders -----*/ 1817.app-row-borders { 1818 border-top: solid 1px #d2d2d3 !important; 1819 border-bottom: solid 1px #d2d2d3 !important; 1820 box-sizing: border-box !important; 1821} 1822 1823 1824/* ======================================================= 1825 Full width divider - add âdivider-full-widthâ 1826 Regular divider - add "divider-regular" 1827 ======================================================= */ 1828 1829/* Full-width divider */ 1830[data-content-type="divider"].divider-full-width { 1831 width: 100vw !important; 1832 position: relative !important; 1833 left: 50% !important; 1834 right: 50% !important; 1835 margin-left: -50vw !important; 1836 margin-right: -50vw !important; 1837 box-sizing: border-box !important; 1838 1839 margin-top: 32px !important; 1840 margin-bottom: 32px !important; 1841 padding-top: 0 !important; 1842 padding-bottom: 0 !important; 1843 1844 line-height: 0 !important; 1845 height: 1px !important; 1846 min-height: 0 !important; 1847} 1848 1849/* Regular divider */ 1850[data-content-type="divider"].divider-regular { 1851 margin-top: 32px !important; 1852 margin-bottom: 32px !important; 1853 padding-top: 0 !important; 1854 padding-bottom: 0 !important; 1855 margin-left: 16px !important; 1856 margin-right: 16px !important; 1857 line-height: 0 !important; 1858 height: 1px !important; 1859 min-height: 0 !important; 1860} 1861 1862/* Divider line */ 1863[data-content-type="divider"].divider-full-width > hr, 1864[data-content-type="divider"].divider-regular > hr { 1865 display: block !important; 1866 width: 100% !important; 1867 height: 1px !important; 1868 margin: 0 !important; 1869 padding: 0 !important; 1870 line-height: 0 !important; 1871} 1872 1873/* Global reset for hr */ 1874hr { 1875 margin: 0 !important; 1876 line-height: 0 !important; 1877} 1878 1879/*==================================================== 1880 Mobile title padding - add "mobile-title-padding" 1881=====================================================*/ 1882/* To create space between heading text and viewport left side on smaller devices */ 1883 @media screen and (max-width: 1320px) { 1884 .mobile-title-padding { 1885 padding-left: 12px !important; 1886 } 1887 } 1888 1889 1890/* ======================================== 1891 APP CONTENT SLIDER - add âapp-content-sliderâ 1892 ======================================== */ 1893 1894/*----- Full-width carousel row -----*/ 1895.app-content-slider { 1896 position: relative !important; 1897 overflow: visible !important; 1898 z-index: 0 !important; 1899 isolation: isolate; 1900 1901 margin-left: calc(50% - 50vw) !important; 1902 margin-right: calc(50% - 50vw) !important; 1903 width: auto !important; 1904 max-width: none !important; 1905} 1906 1907/*----- Carousel alignment -----*/ 1908.app-content-slider .pagebuilder-content-cards__carousel { 1909 padding-left: max(20px, calc((100vw - 1320px) / 2 + 20px)) !important; 1910 padding-right: 0 !important; 1911 box-sizing: border-box !important; 1912} 1913 1914/*----- Slider controls -----*/ 1915.app-content-slider .pagebuilder-content-cards__btn { 1916 top: 0 !important; 1917 bottom: 0 !important; 1918 height: 100% !important; 1919 transform: none !important; 1920 width: 35px !important; 1921 background-color: #fff !important; 1922 border: none !important; 1923 box-shadow: none !important; 1924 z-index: 1 !important; 1925} 1926 1927/*----- Previous button -----*/ 1928.app-content-slider .pagebuilder-content-cards__btn--prev { 1929 left: 0 !important; 1930 right: auto !important; 1931} 1932 1933/*----- Next button -----*/ 1934.app-content-slider .pagebuilder-content-cards__btn--next { 1935 right: 0 !important; 1936 left: auto !important; 1937} 1938 1939/*----- Center arrow icons -----*/ 1940.app-content-slider .pagebuilder-content-cards__btn::before { 1941 position: absolute !important; 1942 top: 50% !important; 1943 left: 50% !important; 1944 transform: translate(-50%, -50%) !important; 1945 color: #000000 !important; 1946} 1947
1948/*----- Last card spacing on desktop -----*/ 1949@media screen and (min-width: 768px) { 1950 .app-content-slider .pagebuilder-content-card:last-child { 1951 margin-right: 300px !important; 1952 flex-shrink: 0 !important; 1953 } 1954} 1955 1956/*----- Hide controls on mobile -----*/ 1957@media screen and (max-width: 767px) { 1958 .app-content-slider .pagebuilder-content-cards__btn, 1959 .app-content-slider button.pagebuilder-content-cards__btn { 1960 display: none !important; 1961 visibility: hidden !important; 1962 opacity: 0 !important; 1963 pointer-events: none !important; 1964 } 1965} 1966/*============================ 1967Gap content cards mobile fix 1968==============================*/ 1969 1970@media screen and (max-width: 1023px) { 1971 /* Targets the layout track container housing the cards */ 1972 .pagebuilder-content-cards__items.embla__container { 1973 display: flex !important; 1974 gap: 16px !important; 1975 padding-left: 16px !important; /* Provides consistent viewport edge breathing room */ 1976 padding-right: 16px !important; 1977 } 1978 1979 /* Reset individual margins on the tiles that might fight with the 16px gap layout */ 1980 .pagebuilder-content-cards__items.embla__container .pagebuilder-content-card { 1981 margin-left: 0 !important; 1982 margin-right: 0 !important; 1983 flex-shrink: 0 !important; /* Prevents cards from squishing horizontally */ 1984 } 1985} 1986 1987 1988/*++++++++ TEMPLATES ++++++++*/ 1989 1990/*=========================== 1991 Listing adjustment 1992===========================*/ 1993 1994/*----- change excess min-height on delivery promise -----*/ 1995.page-products .column.main .plp-product-card-grid .product-item .plp-card-delivery-time { 1996min-height: 22px; 1997} 1998 1999 2000/*=========================== 2001 Store pages adjustment 2002===========================*/ 2003/*----- Remove content block styling if empty ----*/ 2004.storelocator_text_block_content:has(> style:only-child) { 2005 height: 0; 2006 margin: 0; 2007 padding: 0; 2008} 2009 2010.storelocator_block_address, 2011.storelocator_block_openingtimes { 2012 padding: 40px !important; 2013} 2014 2015.storelocator_wrapper { 2016 max-width: 1320px; 2017 margin-inline: auto; 2018 padding-inline: 8px; 2019 margin-bottom: 0 !important; 2020} 2021 2022.storelocator_wrapper > .storelocator_block { 2023 margin-inline: 8px; 2024 margin-bottom: 16px !important; 2025} 2026 2027.storelocator_wrapper .storelocator_block_address { 2028 margin-left: 8px !important; 2029} 2030 2031.storelocator_wrapper .storelocator_block_openingtimes { 2032 margin-right: 8px !important; 2033} 2034 2035.storelocator_wrapper > .storelocator_block { 2036 background-color: #f9f9f9; 2037 border-radius: 10px; 2038} 2039 2040/*--------- google maps tile -----------*/ 2041/* Google Maps als banner */ 2042.storelocator_block_map { 2043 width: 100% !important; 2044 height: 400px !important; 2045 margin: 0 0 40px !important; 2046 padding: 0 !important; 2047 flex: none !important; 2048 border-radius: 0 !important; 2049 overflow: hidden; 2050} 2051 2052.storelocator_block_map #storelocator_map_container { 2053 width: 100% !important; 2054 height: 100% !important; 2055} 2056 2057/* Verdeel de twee resterende tiles over de beschikbare breedte */ 2058.storelocator_block_address, 2059.storelocator_block_openingtimes { 2060 flex-basis: calc(50% - 10px) !important; 2061 border-radius: 10px; 2062} 2063 2064@media (max-width: 767px) { 2065 .storelocator_block_address, 2066 .storelocator_block_openingtimes { 2067 flex-basis: 100% !important; 2068 } 2069} 2070 2071/*----- custom times right of regular times on desktop -----*/ 2072.storelocator_block_openingtimes { 2073 display: grid !important; 2074 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 2075 column-gap: 40px; 2076 align-content: start; 2077} 2078 2079.storelocator_title_openingtimes, 2080.storelocator_block_openingtimes > .storelocator_openingtime { 2081 grid-column: 1; 2082} 2083 2084.storelocator_block_openingtimes > .store-hours-additional { 2085 grid-column: 2; 2086 grid-row: 1 / span 8; 2087 margin: 0; 2088} 2089 2090@media (max-width: 767px) { 2091 .storelocator_block_openingtimes { 2092 display: block !important; 2093 } 2094 2095 .storelocator_block_openingtimes > .store-hours-additional { 2096 margin-top: 24px; 2097 } 2098} 2099 2100 2101/*============================== 2102 PDP changes - no custom css classes 2103===============================*/ 2104/*artikelnr right styling*/ 2105#maincontent .product-info-main .product.attribute.sku { 2106 font-size: 12px !important; 2107 line-height: 1 !important; 2108 font-weight: 400 !important; 2109 letter-spacing: 0.03em !important; 2110 color: #595959 !important; 2111} 2112 2113/*===== Sticky adjustments =====*/ 2114/* Hide the temporary configurable-product stock message completely. */ 2115body.catalog-product-view 2116.sticky-footer 2117.fo-product-configurable-stock-text { 2118 display: none !important; 2119} 2120 2121/* Remove only the native add-to-cart icon. */ 2122body.catalog-product-view .sticky-footer .action.tocart::before { 2123 content: none !important; 2124 display: none !important; 2125} 2126 2127/* ===== Desktop sticky layout ===== */ 2128@media (min-width: 1024px) { 2129 body.catalog-product-view .sticky-footer .fly-out-add-to-cart { 2130 width: 100% !important; 2131 max-width: 1440px !important; 2132 margin-inline: auto !important; 2133 padding: 20px 110px !important; 2134 } 2135 2136 body.catalog-product-view .sticky-footer .fly-out-add-to-cart-wrapper { 2137 display: grid !important; 2138 grid-template-columns: 202px minmax(0, 1fr) 149px; 2139 align-items: center; 2140 column-gap: 40px; 2141 width: 100% !important; 2142 max-width: 1220px !important; 2143 margin-inline: auto; 2144 } 2145 2146 /* 2147 * Flatten the native wrappers so stock, price and CTA 2148 * occupy the three grid columns independently. 2149 */ 2150 body.catalog-product-view .sticky-footer .fo-product-title-block, 2151 body.catalog-product-view .sticky-footer .fo-info-container, 2152 body.catalog-product-view .sticky-footer .fo-product-add-to-cart-block, 2153 body.catalog-product-view .sticky-footer .fo-product-add-form { 2154 display: contents !important; 2155 } 2156 2157 /* Stock / store / delivery column */ 2158 body.catalog-product-view .sticky-footer .fo-product-stock-status { 2159 grid-column: 1; 2160 grid-row: 1; 2161 width: 202px; 2162 min-width: 0; 2163 } 2164 2165 body.catalog-product-view .sticky-footer .fo-product-stock-status-wrapper { 2166 display: flex !important; 2167 flex-direction: column !important; 2168 align-items: flex-start; 2169 gap: 4px !important; 2170 width: 100%; 2171 } 2172 2173 body.catalog-product-view .sticky-footer .store-holder, 2174 body.catalog-product-view .sticky-footer .stock-holder { 2175 display: flex !important; 2176 align-items: center !important; 2177 width: 100%; 2178 min-height: 20px; 2179 margin: 0 !important; 2180 } 2181 2182 /* Shared status-icon sizing and alignment. */ 2183 body.catalog-product-view .sticky-footer .fo-product-stock-status-icon { 2184 display: flex !important; 2185 align-items: center; 2186 justify-content: center; 2187 flex: 0 0 20px !important;
2188 width: 20px !important; 2189 height: 20px !important; 2190 margin-right: 4px !important; 2191 line-height: 0; 2192 top: auto !important; 2193 } 2194 2195 body.catalog-product-view .sticky-footer .fo-product-stock-status-icon::before { 2196 display: block !important; 2197 width: 16px !important; 2198 height: 16px !important; 2199 background-position: center !important; 2200 background-size: 16px 16px !important; 2201 } 2202 2203 /* Replace only the delivery icon. Other status icons stay native. */ 2204 body.catalog-product-view .sticky-footer 2205 .fo-product-stock-status-icon.delivery::before { 2206 content: "" !important; 2207 background-image: url("https://www.amac.nl/media/wysiwyg/Shipping.svg") !important; 2208 background-repeat: no-repeat !important; 2209 } 2210 2211 /* Price and native SprayPay-link column */ 2212 body.catalog-product-view .sticky-footer .fo-price-wrapper { 2213 grid-column: 2; 2214 grid-row: 1; 2215 justify-self: start; 2216 width: max-content; 2217 min-width: 0; 2218 } 2219 2220 body.catalog-product-view .sticky-footer .fo-product-price { 2221 display: flex; 2222 flex-direction: column; 2223 align-items: flex-start !important; 2224 justify-content: center; 2225 gap: 4px; 2226 width: max-content; 2227 min-width: 0; 2228 } 2229 2230 body.catalog-product-view .sticky-footer .fo-product-price .real-price { 2231 display: flex; 2232 flex-direction: column; 2233 align-items: flex-start !important; 2234 gap: 4px; 2235 } 2236 2237 body.catalog-product-view .sticky-footer .fo-product-price 2238 .fo-product-spraypay-pdp { 2239 width: 100%; 2240 margin: 0 !important; 2241 text-align: left; 2242 } 2243 2244 /* CTA column: layout only; native button styling and hover stay intact. */ 2245 body.catalog-product-view .sticky-footer .fo-product-add-form .actions { 2246 grid-column: 3; 2247 grid-row: 1; 2248 justify-self: end; 2249 width: 149px !important; 2250 height: 48px !important; 2251 } 2252 2253 body.catalog-product-view .sticky-footer .fo-product-add-form .action.tocart { 2254 width: 149px !important; 2255 height: 48px !important; 2256 } 2257} 2258 2259/* ===== Mobile layout ===== */ 2260@media (max-width: 767px) { 2261 body.catalog-product-view .sticky-footer .fly-out-add-to-cart { 2262 min-height: 140px !important; 2263 padding: 16px !important; 2264 box-sizing: border-box; 2265 border-top: 1px solid #d1d1d6; 2266 } 2267 2268 body.catalog-product-view .sticky-footer .fly-out-add-to-cart-wrapper { 2269 display: grid !important; 2270 grid-template-columns: minmax(0, 1fr) 120px; 2271 grid-template-rows: 48px auto; 2272 column-gap: 16px; 2273 row-gap: 16px; 2274 align-items: start; 2275 width: 100%; 2276 } 2277 2278 /* Hide stock, store, delivery and quantity details on mobile. */ 2279 body.catalog-product-view .sticky-footer .fo-product-title-block, 2280 body.catalog-product-view .sticky-footer .fo-amac-stock-qty { 2281 display: none !important; 2282 } 2283 2284 /* 2285 * Flatten the native wrappers so price, CTA and the optional 2286 * SprayPay link participate directly in the mobile grid. 2287 */ 2288 body.catalog-product-view .sticky-footer .fo-product-add-to-cart-block, 2289 body.catalog-product-view .sticky-footer .fo-product-add-form, 2290 body.catalog-product-view .sticky-footer .fo-price-wrapper, 2291 body.catalog-product-view .sticky-footer .fo-product-price { 2292 display: contents !important; 2293 } 2294 2295 /* 2296 * First row, left column: shared price alignment. 2297 * Applies to products with and without a SprayPay link. 2298 */ 2299 body.catalog-product-view .sticky-footer .fo-product-price .real-price, 2300 body.catalog-product-view .sticky-footer .price-box.price-final_price { 2301 display: flex !important; 2302 flex-direction: column; 2303 justify-content: center; 2304 align-items: flex-start !important; 2305 grid-column: 1; 2306 grid-row: 1; 2307 align-self: start; 2308 justify-self: start; 2309 width: max-content; 2310 height: 48px; 2311 min-width: 0; 2312 margin: 0 !important; 2313 text-align: left; 2314 } 2315 2316 /* First row, right column: add-to-cart button. */ 2317 body.catalog-product-view .sticky-footer .fo-product-add-form .actions { 2318 display: block !important; 2319 grid-column: 2; 2320 grid-row: 1; 2321 align-self: start; 2322 justify-self: end; 2323 width: 120px !important; 2324 height: 48px !important; 2325 margin: 0 !important; 2326 } 2327 2328 body.catalog-product-view .sticky-footer .fo-product-add-form .action.tocart { 2329 width: 120px !important; 2330 height: 48px !important; 2331 min-height: 48px !important; 2332 margin: 0 !important; 2333 } 2334 2335 /* Second row: full-width SprayPay link. */ 2336 body.catalog-product-view .sticky-footer .spraypay-pdp-link { 2337 display: block !important; 2338 grid-column: 1 / -1; 2339 grid-row: 2; 2340 justify-self: stretch; 2341 width: 100% !important; 2342 margin: 0 !important; 2343 padding: 0 !important; 2344 text-align: left; 2345 } 2346 2347 /* Prevent an empty SprayPay placeholder from taking grid space. */ 2348 body.catalog-product-view .sticky-footer .fo-product-spraypay-pdp:empty { 2349 display: none !important; 2350 } 2351} 2352 2353 2354/*----- hide double quantity selector + styling simple version-----*/ 2355.catalog-product-view 2356#product_addtocart_form > .add-to-cart-main ~ .product-options-bottom { 2357 display: none !important; 2358} 2359 2360.catalog-product-view 2361#product_addtocart_form > .add-to-cart-main .box-tocart { 2362 width: 100% !important; 2363} 2364 2365.catalog-product-view 2366#product_addtocart_form > .add-to-cart-main .box-tocart > .fieldset { 2367 width: 100%; 2368} 2369 2370/*----- PDP â opened-up image carousel -----*/ 2371 2372/*----- Regular gallery -----*/ 2373 2374.gallery-placeholder { 2375 border-bottom-left-radius: 0 !important; 2376 border-bottom-right-radius: 0 !important; 2377} 2378 2379.gallery-placeholder .fotorama__stage, 2380.gallery-placeholder .fotorama__stage__frame, 2381.gallery-placeholder .fotorama__stage__frame img { 2382 border-radius: 0 !important; 2383} 2384 2385 2386/*----- Fullscreen main image bottom corners -----*/ 2387 2388html.fotorama__fullscreen 2389.fotorama--fullscreen 2390.fotorama__nav-wrap::before { 2391 border-bottom-left-radius: 0 !important; 2392 border-bottom-right-radius: 0 !important; 2393} 2394 2395 2396/*----- Fullscreen navigation buttons -----*/ 2397 2398html.fotorama__fullscreen 2399.fotorama--fullscreen 2400.fotorama__arr__arr { 2401 box-sizing: border-box !important; 2402 display: flex !important;
2403 align-items: center !important; 2404 justify-content: center !important; 2405 2406 width: 44px !important; 2407 height: 44px !important; 2408 margin-top: -22px !important; 2409 margin-left: -22px !important; 2410 padding: 0 !important; 2411 2412 background: #0071e3 !important; 2413 border: 2px solid #0071e3 !important; 2414 border-radius: 50% !important; 2415 box-shadow: none !important; 2416 2417 transition: 2418 opacity 0.2s, 2419 box-shadow 0.2s !important; 2420} 2421 2422 2423/*----- Navigation chevrons -----*/ 2424 2425html.fotorama__fullscreen 2426.fotorama--fullscreen 2427.fotorama__arr__arr::before { 2428 content: "" !important; 2429 position: static !important; 2430 display: inline-block !important; 2431 flex: 0 0 16px !important; 2432 2433 width: 16px !important; 2434 height: 22px !important; 2435 line-height: 22px !important; 2436 2437 background-repeat: no-repeat !important; 2438 background-position: center !important; 2439 background-size: auto !important; 2440 2441 filter: none !important; 2442 transform: none !important; 2443} 2444 2445 2446/*----- Previous navigation arrow -----*/ 2447 2448html.fotorama__fullscreen 2449.fotorama--fullscreen 2450.fotorama__arr--prev 2451.fotorama__arr__arr::before { 2452 background-image: url( 2453 "/static/frontend/Amac/b2c/nl_NL/images/icons/chevron-left-white.svg" 2454 ) !important; 2455} 2456 2457 2458/*----- Next navigation arrow -----*/ 2459 2460html.fotorama__fullscreen 2461.fotorama--fullscreen 2462.fotorama__arr--next 2463.fotorama__arr__arr::before { 2464 background-image: url( 2465 "/static/frontend/Amac/b2c/nl_NL/images/icons/chevron-right-white.svg" 2466 ) !important; 2467} 2468 2469 2470/*----- Fullscreen close button -----*/ 2471 2472html.fotorama__fullscreen 2473.fotorama--fullscreen 2474.fotorama__fullscreen-icon { 2475 border-radius: 0 !important; 2476 background: transparent !important; 2477 color: #000000 !important; 2478} 2479 2480html.fotorama__fullscreen 2481.fotorama--fullscreen 2482.fotorama__fullscreen-icon::before { 2483 color: #000000 !important; 2484} 2485 2486html.fotorama__fullscreen 2487.fotorama--fullscreen 2488.fotorama__fullscreen-icon::after { 2489 border-radius: 0 !important; 2490 background: transparent !important; 2491} 2492 2493 2494/*----- Fullscreen thumbnails -----*/ 2495 2496html.fotorama__fullscreen 2497.fotorama--fullscreen 2498.fotorama__thumb, 2499html.fotorama__fullscreen 2500.fotorama--fullscreen 2501.fotorama__thumb img, 2502html.fotorama__fullscreen 2503.fotorama--fullscreen 2504.fotorama__thumb-border { 2505 border-radius: 0 !important; 2506} 2507 2508/*----- PDP image thumbnails -----*/ 2509 2510html:not(.fotorama__fullscreen) 2511.gallery-placeholder 2512.fotorama__thumb, 2513html:not(.fotorama__fullscreen) 2514.gallery-placeholder 2515.fotorama__thumb img, 2516html:not(.fotorama__fullscreen) 2517.gallery-placeholder 2518.fotorama__thumb-border { 2519 border-radius: 0 !important; 2520} 2521 2522/*----- PDP selected thumbnail border -----*/ 2523 2524html:not(.fotorama__fullscreen) 2525.gallery-placeholder 2526.fotorama__thumb-border { 2527 box-sizing: border-box; 2528 border: 0.5px solid #7d7d7d !important; 2529} 2530 2531/*----- PDP thumbnail controls -----*/ 2532 2533html:not(.fotorama__fullscreen) 2534.gallery-placeholder 2535.fotorama__nav-wrap--horizontal 2536.fotorama__thumb__arr { 2537 box-sizing: border-box !important; 2538 width: 36px !important; 2539 padding: 0 !important; 2540 2541 background: #fff !important; 2542 border-radius: 0 !important; 2543 box-shadow: none !important; 2544} 2545 2546 2547/*----- Previous thumbnail control -----*/ 2548 2549html:not(.fotorama__fullscreen) 2550.gallery-placeholder 2551.fotorama__nav-wrap--horizontal 2552.fotorama__thumb__arr--left { 2553 left: 0 !important; 2554} 2555 2556 2557/*----- Next thumbnail control -----*/ 2558 2559html:not(.fotorama__fullscreen) 2560.gallery-placeholder 2561.fotorama__nav-wrap--horizontal 2562.fotorama__thumb__arr--right { 2563 right: 0 !important; 2564} 2565 2566 2567/*----- Remove thumbnail control gradients -----*/ 2568 2569html:not(.fotorama__fullscreen) 2570.gallery-placeholder 2571.fotorama__thumb__arr--right::before, 2572html:not(.fotorama__fullscreen) 2573.gallery-placeholder 2574.fotorama__thumb__arr--left::after { 2575 content: none !important; 2576 display: none !important; 2577 background: none !important; 2578} 2579 2580 2581/*----- Thumbnail control icons -----*/ 2582 2583html:not(.fotorama__fullscreen) 2584.gallery-placeholder 2585.fotorama__thumb__arr 2586.fotorama__thumb--icon { 2587 position: absolute !important; 2588 inset: 0 !important; 2589 2590 width: 100% !important; 2591 height: 100% !important; 2592 2593 background: none !important; 2594 transform: none !important; 2595} 2596 2597 2598/*----- Thumbnail control chevrons -----*/ 2599 2600html:not(.fotorama__fullscreen) 2601.gallery-placeholder 2602.fotorama__thumb__arr 2603.fotorama__thumb--icon::before { 2604 content: "" !important; 2605 position: absolute !important; 2606 inset: 0 !important; 2607 2608 width: 100% !important; 2609 height: 100% !important; 2610 2611 background-color: #8f8f8f !important; 2612 opacity: 0.75 !important; 2613 2614 -webkit-mask-position: center !important; 2615 mask-position: center !important; 2616 2617 -webkit-mask-repeat: no-repeat !important; 2618 mask-repeat: no-repeat !important; 2619 2620 -webkit-mask-size: 20px !important; 2621 mask-size: 20px !important; 2622} 2623 2624 2625/*----- Previous thumbnail chevron -----*/ 2626 2627html:not(.fotorama__fullscreen) 2628.gallery-placeholder 2629.fotorama__thumb__arr--left 2630.fotorama__thumb--icon::before { 2631 -webkit-mask-image: url( 2632 "/static/frontend/Amac/b2c/nl_NL/images/icons/chevron-left.svg" 2633 ) !important; 2634 2635 mask-image: url( 2636 "/static/frontend/Amac/b2c/nl_NL/images/icons/chevron-left.svg" 2637 ) !important; 2638} 2639 2640 2641/*----- Next thumbnail chevron -----*/ 2642 2643html:not(.fotorama__fullscreen) 2644.gallery-placeholder 2645.fotorama__thumb__arr--right 2646.fotorama__thumb--icon::before { 2647 -webkit-mask-image: url( 2648 "/static/frontend/Amac/b2c/nl_NL/images/icons/chevron-right.svg" 2649 ) !important; 2650 2651 mask-image: url( 2652 "/static/frontend/Amac/b2c/nl_NL/images/icons/chevron-right.svg" 2653 ) !important; 2654} 2655 2656 2657 2658 2659/*----- PDP - preorder > disable buy button -----*/ 2660 button[data-preorder-disabled="true"] { 2661 opacity: 0.45;
2662 cursor: not-allowed; 2663 pointer-events: none; 2664 } 2665 2666 2667 2668/*================================================== 2669 Store selector: retain title and content padding 2670==================================================*/ 2671 2672body.catalog-product-view 2673.modal-popup.store-selector-popup { 2674 --store-selector-header-height: 78px; 2675} 2676 2677body.catalog-product-view 2678.modal-popup.store-selector-popup 2679.modal-header { 2680 position: sticky !important; 2681 top: 0 !important; 2682 z-index: 50 !important; 2683 2684 height: auto !important; 2685 min-height: 0 !important; 2686 2687 padding: 30px 72px 20px 30px !important; 2688 box-sizing: border-box !important; 2689 2690 border: 0 !important; 2691 border-radius: 12px 12px 0 0 !important; 2692 background: #fff !important; 2693 2694 overflow: visible !important; 2695 pointer-events: auto !important; 2696} 2697 2698body.catalog-product-view 2699.modal-popup.store-selector-popup 2700.modal-title { 2701 display: block !important; 2702 2703 margin: 0 !important; 2704 padding: 0 !important; 2705 2706 color: #000000 !important; 2707 font-size: 24px !important; 2708 line-height: 28px !important; 2709 font-weight: 600 !important; 2710} 2711 2712body.catalog-product-view 2713.modal-popup.store-selector-popup 2714.modal-content { 2715 padding: 0 30px 30px !important; 2716} 2717 2718body.catalog-product-view 2719.modal-popup.store-selector-popup 2720#opc-store-selector-popup 2721.block-search.store-selector-search { 2722 top: var(--store-selector-header-height) !important; 2723 z-index: 40 !important; 2724} 2725 2726.modal-popup.store-selector-popup 2727#store-selector-popup, 2728.modal-popup.store-selector-popup 2729#catalog-product-store-pickup-cms-block { 2730 width: 100% !important; 2731 max-width: 100% !important; 2732 box-sizing: border-box !important; 2733} 2734 2735/* Voorkom dat winkels boven de sticky header zichtbaar worden */ 2736body.catalog-product-view 2737.modal-popup.store-selector-popup 2738.modal-header::before { 2739 content: ""; 2740 position: absolute; 2741 top: calc(0px - var(--modal-gap)); 2742 right: 0; 2743 left: 0; 2744 height: var(--modal-gap); 2745 background: #fff; 2746 pointer-events: none; 2747} 2748 2749/* Dek de volledige breedte achter de sticky zoekbalk af */ 2750body.catalog-product-view 2751.modal-popup.store-selector-popup 2752#opc-store-selector-popup 2753.block-search.store-selector-search { 2754 isolation: isolate; 2755} 2756 2757body.catalog-product-view 2758.modal-popup.store-selector-popup 2759#opc-store-selector-popup 2760.block-search.store-selector-search::before { 2761 content: ""; 2762 position: absolute; 2763 z-index: -1; 2764 top: 0; 2765 right: -100vw; 2766 bottom: 0; 2767 left: -100vw; 2768 background: #fff; 2769 pointer-events: none; 2770} 2771 2772/*================================================== 2773 Affordability content 2774==================================================*/ 2775 2776.product-info-main > .installment-term-link { 2777 display: block; 2778 width: max-content; 2779 margin: -24px 0 16px; 2780} 2781 2782.add-to-cart-additional.is-installment-relocated { 2783 display: none !important; 2784} 2785 2786#more-info-modal.installment-content-modal, 2787#more-info-modal.installment-content-modal 2788#more-info-modal-content { 2789 width: 100% !important; 2790 min-width: 0 !important; 2791 2792 margin: 0 !important; 2793 padding: 0 !important; 2794 2795 overflow: visible !important; 2796} 2797 2798#more-info-modal.installment-content-modal 2799#more-info-modal-content table { 2800 display: block !important; 2801 2802 width: 100% !important; 2803 max-width: 100% !important; 2804 2805 overflow-x: auto !important; 2806 -webkit-overflow-scrolling: touch; 2807 overscroll-behavior-inline: contain; 2808} 2809 2810 2811/*================================================== 2812 Mobile 2813==================================================*/ 2814 2815@media (max-width: 600px) { 2816 body.catalog-product-view 2817 .modal-popup.store-selector-popup { 2818 --store-selector-header-height: 68px; 2819 } 2820 2821 .modal-popup:is( 2822 .more-info-modal-frame, 2823 .installment-affordability-modal, 2824 .store-selector-popup 2825 ) { 2826 --modal-gap: 16px; 2827 2828 padding: 2829 var(--modal-gap) 8px !important; 2830 } 2831 2832 .modal-popup:is( 2833 .more-info-modal-frame, 2834 .installment-affordability-modal, 2835 .store-selector-popup 2836 )
2837 .modal-inner-wrap { 2838 border-radius: 10px !important; 2839 clip-path: inset(0 round 10px); 2840 } 2841 2842 .modal-popup:is( 2843 .more-info-modal-frame, 2844 .installment-affordability-modal, 2845 .store-selector-popup 2846 ) 2847 .action-close { 2848 top: 10px !important; 2849 right: 10px !important; 2850 } 2851 2852 body.catalog-product-view 2853 .modal-popup.store-selector-popup 2854 .modal-header { 2855 padding: 24px 56px 16px 20px !important; 2856 border-radius: 10px 10px 0 0 !important; 2857 } 2858 2859 body.catalog-product-view 2860 .modal-popup.store-selector-popup 2861 .modal-content { 2862 padding: 0 20px 24px !important; 2863 border-radius: 0 0 10px 10px !important; 2864 } 2865} 2866 2867.modal-popup.store-selector-popup .modal-inner-wrap { 2868 inset: auto !important; 2869 transform: none !important; 2870 margin-right: auto !important; 2871 margin-left: auto !important; 2872} 2873 2874 2875/*-------- PDP - Move expert-review widget to top of content --------*/ 2876@media (min-width: 1024px) { 2877 .page-wrapper > #expert-review, 2878 .page-wrapper > .page-bottom { 2879 display: block !important; 2880 width: 100% !important; 2881 height: auto !important; 2882 visibility: visible !important; 2883 overflow: visible !important; 2884 } 2885} 2886 2887 2888/* Hide Spraypay on PDP */ 2889.checkout-index-index .add-to-cart-additional, 2890.product-info-main .add-to-cart-additional { 2891 display: none !important; 2892} 2893 2894 2895/*-------- PDP - Attribute Spacing --------*/ 2896 2897.product-info-main 2898.swatch-opt 2899.swatch-attribute, 2900 2901.product-info-main 2902.swatch-opt 2903.swatch-attribute-options { 2904 margin-bottom: 0 !important; 2905 min-height: 0 !important; 2906 height: auto !important; 2907} 2908 2909/* Hide empty helper links */ 2910.product-info-main 2911.swatch-opt 2912.sh-helper-links { 2913 display: none !important; 2914 margin: 0 !important; 2915 padding: 0 !important; 2916 min-height: 0 !important; 2917 height: auto !important; 2918} 2919 2920/* Show populated helper links */ 2921.product-info-main 2922.swatch-opt 2923.sh-helper-links.has-content { 2924 display: block !important; 2925 margin-top: 4px !important; 2926 margin-bottom: 24px !important; 2927} 2928 2929/* Add 10px only below visual swatches without helper text */ 2930.product-info-main 2931.swatch-opt 2932.sh-wrapper:not(:has(.sh-helper-links.has-content)) 2933+ .swatch-attribute:has(.swatch-option.color, .swatch-option.image) 2934.swatch-attribute-options { 2935 margin-bottom: 10px !important; 2936} 2937 2938 2939/*-------- PDP - Disabled Sticky Add-to-Cart Button --------*/ 2940 2941.sticky-footer 2942#product-addtocart-button_additional:is(.disabled, [disabled]) { 2943 border: 1px solid #f2f2f2 !important; 2944 background-color: #d9d9d9 !important; 2945 color: #595959 !important; 2946 opacity: 1 !important; 2947 outline: none !important; 2948 box-shadow: none !important; 2949 cursor: not-allowed !important; 2950} 2951 2952.sticky-footer 2953#product-addtocart-button_additional:is(.disabled, [disabled]) span { 2954 color: #595959 !important; 2955} 2956 2957.sticky-footer 2958#product-addtocart-button_additional:is(.disabled, [disabled])::before { 2959 background-image: none !important; 2960 background-color: #595959 !important; 2961 2962 -webkit-mask-image: 2963 url("/static/frontend/Amac/b2c/nl_NL/images/icons/icon-add-to-cart.svg") !important; 2964 mask-image: 2965 url("/static/frontend/Amac/b2c/nl_NL/images/icons/icon-add-to-cart.svg") !important; 2966 2967 -webkit-mask-repeat: no-repeat !important; 2968 mask-repeat: no-repeat !important; 2969 -webkit-mask-position: center !important; 2970 mask-position: center !important; 2971 -webkit-mask-size: contain !important; 2972 mask-size: contain !important; 2973} 2974 2975/*-------- PDP - General Fonts --------*/ 2976 2977.page-title-wrapper .page-title, 2978h1.page-title { 2979 font-size: 36px !important; 2980 line-height: 42px !important; 2981 font-weight: 600 !important; 2982} 2983 2984.product-info-main .price-box .price-label, 2985.product-info-main .price-box .price, 2986.product-info-main .price-container .price-label, 2987.product-info-main .price-container .price { 2988 font-size: 24px !important; 2989 line-height: 28px !important; 2990 font-weight: 600 !important; 2991} 2992 2993 2994/*-------- PDP - Attribute Layout and Typography --------*/ 2995 2996.product-info-main 2997.swatch-opt 2998.sh-wrapper { 2999 display: block !important; 3000 width: auto !important; 3001 max-width: 100% !important; 3002 margin: 0 !important; 3003 padding: 0 !important; 3004} 3005 3006.product-info-main 3007.swatch-opt 3008.swatch-attribute-label, 3009 3010.product-info-main 3011.swatch-opt 3012.app-inline-selected-option { 3013 display: inline-block !important;
3014 vertical-align: baseline !important; 3015 margin: 0 !important; 3016 padding: 0 !important; 3017 font-size: 16px !important; 3018 line-height: 20px !important; 3019 font-weight: 600 !important; 3020 font-style: normal !important; 3021 color: inherit !important; 3022} 3023 3024/* Exact 4px gap before selected value */ 3025.product-info-main 3026.swatch-opt 3027.app-inline-selected-option { 3028 margin-left: 4px !important; 3029} 3030 3031/* Hide Magento's original selected-value position */ 3032.product-info-main 3033.swatch-attribute 3034> .swatch-attribute-selected-option { 3035 display: none !important; 3036} 3037 3038/*border for color swatches*/ 3039/* Default and deselected state */ 3040.swatch-option.color:not(.selected):not(.disabled):not(:hover):not(:active) { 3041 border: 1px solid #d4d8e0; 3042} 3043 3044/* Selected state */ 3045.swatch-option.color.selected { 3046 border-color: #0071e3 !important; 3047} 3048 3049/*-------- PDP - Main Price Same Row --------*/ 3050 3051.product-info-main 3052.price-box 3053.price-container { 3054 display: inline-flex !important; 3055 align-items: baseline !important; 3056 gap: 4px !important; 3057 flex-wrap: nowrap !important; 3058} 3059 3060.product-info-main 3061.price-box 3062.price-label, 3063 3064.product-info-main 3065.price-box 3066.price-wrapper, 3067 3068.product-info-main 3069.price-box 3070.price { 3071 margin: 0 !important; 3072 padding: 0 !important; 3073} 3074 3075 3076/*-------- PDP - MSRP Price Styling --------*/ 3077 3078/* Main product MSRP */ 3079.product-info-main 3080.price-box 3081.price-msrp_price 3082.price-label, 3083 3084.product-info-main 3085.price-box 3086.price-msrp_price 3087.price { 3088 font-size: 16px !important; 3089 line-height: 20px !important; 3090 font-weight: 400 !important; 3091} 3092 3093/*----- adjust 'kenmerken' styling -----*/ 3094 3095#kenmerken { 3096 --title-row-height: 60px; 3097 3098 3099 margin: 0 auto; 3100 padding: 24px 0 !important; 3101 3102 position: relative; 3103 display: flex !important; 3104 flex-direction: column !important; 3105} 3106 3107 3108 3109/* Title row */ 3110#kenmerken .product-section-title { 3111 order: 1; 3112 min-height: 0 !important; 3113 margin: 0 !important; 3114 padding: 12px !important; 3115 3116 display: flex; 3117 align-items: center; 3118 justify-content: space-between; 3119 3120 position: relative; 3121 z-index: 5; 3122 cursor: pointer; 3123 3124 background-color: #f2f2f2; 3125 border: 1px solid #d2d2d2; 3126 box-sizing: border-box; 3127} 3128 3129/* Rename title */ 3130#kenmerken .product-section-title > .heading-xl { 3131 visibility: hidden; 3132 position: relative; 3133} 3134 3135#kenmerken .product-section-title > .heading-xl::before { 3136 content: "Specificaties"; 3137 3138 visibility: visible; 3139 position: absolute; 3140 inset: 0 auto auto 0; 3141 3142 white-space: nowrap; 3143} 3144 3145/* Chevron: collapsed */ 3146#kenmerken .product-section-title::after { 3147 content: ""; 3148 3149 width: 10px; 3150 height: 10px; 3151 margin-right: 12px; 3152 3153 border-right: 2px solid currentColor; 3154 border-bottom: 2px solid currentColor; 3155 3156 transform: rotate(45deg); 3157 transition: transform 0.2s ease; 3158} 3159 3160/* Chevron: expanded */ 3161#kenmerken:has(.additional-attributes-wrapper.is-extended) 3162 .product-section-title::after { 3163 transform: rotate(225deg); 3164} 3165 3166/* Table wrapper */ 3167#kenmerken .additional-attributes-wrapper { 3168 order: 2; 3169 width: 100%; 3170 3171 position: relative !important; 3172 overflow: visible !important; 3173} 3174 3175/* Collapsed state */ 3176#kenmerken 3177 .additional-attributes-wrapper:not(.is-extended) { 3178 height: 0 !important; 3179 min-height: 0 !important; 3180 max-height: 0 !important; 3181 margin-bottom: 0 !important; 3182} 3183 3184#kenmerken 3185 .additional-attributes-wrapper:not(.is-extended) 3186 .collapsible-content { 3187 visibility: hidden !important; 3188} 3189 3190/* Expanded state */ 3191#kenmerken 3192 .additional-attributes-wrapper.is-extended { 3193 height: auto !important; 3194 min-height: 0 !important; 3195 max-height: none !important; 3196} 3197 3198#kenmerken 3199 .additional-attributes-wrapper.is-extended 3200 .collapsible-content { 3201 visibility: visible !important; 3202} 3203 3204/* Reuse existing expand/collapse controls */ 3205#kenmerken .collapsible-content-buttons { 3206 position: absolute !important; 3207 inset: calc(-1 * var(--title-row-height)) 0 auto; 3208 3209 width: 100%; 3210 height: var(--title-row-height); 3211 3212 z-index: 10; 3213} 3214 3215#kenmerken .collapsible-content-button--readmore, 3216#kenmerken .collapsible-content-button--readless { 3217 position: absolute !important; 3218 inset: 0; 3219 3220 opacity: 0; 3221 cursor: pointer; 3222 pointer-events: auto !important; 3223} 3224 3225/* Specification data column */ 3226#product-attribute-specs-table td.col.data { 3227 width: 60% !important; 3228 max-width: 60% !important; 3229 3230 text-align: left !important; 3231 vertical-align: top;
3232 overflow-wrap: anywhere; 3233} 3234 3235/* Left-align all data content */ 3236#product-attribute-specs-table td.col.data, 3237#product-attribute-specs-table td.col.data * { 3238 text-align: left !important; 3239} 3240 3241/* Align bullets and text on the same row */ 3242#product-attribute-specs-table td.col.data ul { 3243 margin: 0; 3244 padding-left: 1.25rem; 3245 list-style-position: outside; 3246} 3247 3248#product-attribute-specs-table td.col.data li { 3249 display: list-item !important; 3250} 3251 3252#product-attribute-specs-table td.col.data li > p { 3253 display: inline !important; 3254 margin: 0 !important; 3255} 3256 3257#kenmerken .additional-attributes-wrapper.table-wrapper { 3258 padding-left: 12px !important; 3259 padding-right: 12px !important; 3260 box-sizing: border-box; 3261} 3262 3263/*----- Restyle the collapsible functionality of description -----*/ 3264/*----------------------------------------- 3265 PDP description accordion 3266-----------------------------------------*/ 3267 3268/* 3269 * The description is visually expanded by default. 3270 * JavaScript adds .is-collapsed only after a user closes it. 3271 * 3272 * This prevents the description from opening, closing and reopening 3273 * while Magento calculates has-overflow or is-no-overflow. 3274 */ 3275html body 3276#description.collapsible-description.viewmode-desktop { 3277 position: relative !important; 3278 3279 display: flex !important; 3280 flex-direction: row !important; 3281 flex-wrap: wrap !important; 3282 3283 flex: 0 0 100% !important; 3284 flex-basis: 100% !important; 3285 3286 width: 100% !important; 3287 max-width: 100% !important; 3288} 3289 3290/*----------------------------------------- 3291 Title 3292-----------------------------------------*/ 3293 3294#description.collapsible-description.viewmode-desktop 3295 > .product-section-title { 3296 order: 1; 3297 3298 flex: 0 0 100% !important; 3299 flex-basis: 100% !important; 3300 3301 width: 100% !important; 3302 max-width: 100% !important; 3303 min-height: 0 !important; 3304 3305 display: flex !important; 3306 align-items: center !important; 3307 justify-content: space-between !important; 3308 3309 position: relative !important; 3310 z-index: 5; 3311 3312 box-sizing: border-box; 3313 3314 cursor: pointer; 3315 user-select: none; 3316} 3317 3318/* Keyboard focus */ 3319#description.collapsible-description.viewmode-desktop 3320 > .product-section-title:focus-visible { 3321 outline: 2px solid #0071e3; 3322 outline-offset: 2px; 3323} 3324 3325/*----------------------------------------- 3326 Chevron 3327-----------------------------------------*/ 3328 3329/* 3330 * Expanded chevron is the default. 3331 * This matches the default expanded content state. 3332 */ 3333#description.collapsible-description.viewmode-desktop 3334 > .product-section-title::after { 3335 content: ""; 3336 3337 display: block; 3338 position: static !important; 3339 3340 flex: 0 0 10px !important; 3341 3342 width: 10px; 3343 height: 10px; 3344 3345 margin-left: auto; 3346 margin-right: 12px; 3347 3348 border-right: 2px solid currentColor; 3349 border-bottom: 2px solid currentColor; 3350 3351 transform: rotate(225deg); 3352 transform-origin: center; 3353 3354 transition: transform 0.2s ease; 3355 3356 pointer-events: none; 3357} 3358 3359/* Collapsed chevron */ 3360#description.collapsible-description.viewmode-desktop.is-collapsed 3361 > .product-section-title::after { 3362 transform: rotate(45deg); 3363} 3364 3365/*----------------------------------------- 3366 Description content layout 3367-----------------------------------------*/ 3368 3369/* 3370 * The content wrapper occupies 60% of the row. 3371 * Moving it 40% to the right creates the intended alignment. 3372 */ 3373#description.collapsible-description.viewmode-desktop 3374 > .collapsible-wrapper { 3375 order: 2; 3376 3377 flex: 0 0 60% !important; 3378 flex-basis: 60% !important; 3379 3380 width: 60% !important; 3381 max-width: 60% !important; 3382 3383 position: relative !important; 3384 left: 40% !important; 3385 right: auto !important; 3386 3387 /* 3388 * Expanded is the default state. 3389 */ 3390 height: auto !important; 3391 min-height: 0 !important; 3392 max-height: none !important; 3393 3394 margin-bottom: 0; 3395 3396 overflow: visible !important; 3397} 3398 3399/* Expanded content */ 3400#description.collapsible-description.viewmode-desktop 3401 > .collapsible-wrapper 3402 > .collapsible-content { 3403 height: auto !important; 3404 min-height: 0 !important; 3405 max-height: none !important; 3406 3407 visibility: visible !important; 3408 opacity: 1 !important; 3409 pointer-events: auto !important; 3410 3411 overflow: visible !important; 3412} 3413 3414/*-----------------------------------------
3415 Explicit collapsed state 3416-----------------------------------------*/ 3417 3418/* 3419 * The description only receives .is-collapsed after the 3420 * user explicitly closes it. 3421 */ 3422#description.collapsible-description.viewmode-desktop.is-collapsed 3423 > .collapsible-wrapper { 3424 height: 0 !important; 3425 min-height: 0 !important; 3426 max-height: 0 !important; 3427 3428 margin-top: 0 !important; 3429 margin-bottom: 0 !important; 3430 3431 overflow: hidden !important; 3432} 3433 3434#description.collapsible-description.viewmode-desktop.is-collapsed 3435 > .collapsible-wrapper 3436 > .collapsible-content { 3437 height: 0 !important; 3438 min-height: 0 !important; 3439 max-height: 0 !important; 3440 3441 visibility: hidden !important; 3442 opacity: 0 !important; 3443 pointer-events: none !important; 3444 3445 overflow: hidden !important; 3446} 3447 3448/*----------------------------------------- 3449 Disable Magentoâs native controls 3450-----------------------------------------*/ 3451 3452/* 3453 * The title is now the accordion control. 3454 * 3455 * Magentoâs native controls must be disabled so their overflow 3456 * calculations and invisible overlays do not intercept clicks. 3457 */ 3458#description.collapsible-description.viewmode-desktop 3459 > .collapsible-wrapper 3460 > .collapsible-content-buttons { 3461 display: none !important; 3462 visibility: hidden !important; 3463 opacity: 0 !important; 3464 pointer-events: none !important; 3465} 3466 3467#description.collapsible-description.viewmode-desktop 3468 > .collapsible-wrapper 3469 > .collapsible-content-buttons 3470 > .collapsible-content-button--readmore, 3471#description.collapsible-description.viewmode-desktop 3472 > .collapsible-wrapper 3473 > .collapsible-content-buttons 3474 > .collapsible-content-button--readless { 3475 display: none !important; 3476 visibility: hidden !important; 3477 opacity: 0 !important; 3478 pointer-events: none !important; 3479} 3480 3481/*----------------------------------------- 3482 Mobile safeguard 3483-----------------------------------------*/ 3484 3485@media screen and (max-width: 767px) { 3486 #description.collapsible-description.viewmode-desktop 3487 > .collapsible-wrapper { 3488 flex: 0 0 100% !important; 3489 flex-basis: 100% !important; 3490 3491 width: 100% !important; 3492 max-width: 100% !important; 3493 3494 left: 0 !important; 3495 right: auto !important; 3496 } 3497} 3498 3499/*----- image swatch in style color swatch -----*/ 3500/* Display all image swatches in a horizontal row */ 3501.page-product-configurable 3502.product-info-main 3503.swatch-attribute:has(.swatch-option.image) 3504.swatch-attribute-options { 3505 display: flex; 3506 flex-direction: row; 3507 flex-wrap: wrap; 3508 align-items: center; 3509 gap: 10px; 3510} 3511 3512/* All image swatches */ 3513.page-product-configurable 3514.product-info-main 3515.swatch-attribute 3516.swatch-option.image { 3517 position: relative; 3518 box-sizing: border-box; 3519 flex: 0 0 27px; 3520 3521 width: 27px !important; 3522 min-width: 27px; 3523 height: 27px !important; 3524 3525 padding: 0; 3526 margin: 0; 3527 overflow: hidden; 3528 3529 border: 1px solid #d4d8e0; 3530 border-radius: 50%; 3531 3532 background-position: center !important; 3533 background-repeat: no-repeat !important; 3534 background-size: cover !important; 3535 background-origin: padding-box !important; 3536 background-clip: padding-box !important; 3537 3538 /* Circular gap between image and outer border */ 3539 box-shadow: inset 0 0 0 2px #fff; 3540 3541 cursor: pointer; 3542} 3543 3544/* Hover */ 3545.page-product-configurable 3546.product-info-main 3547.swatch-attribute 3548.swatch-option.image:not(.disabled):hover { 3549 border: 1px solid #dddfe0; 3550} 3551 3552/* Selected */ 3553.page-product-configurable 3554.product-info-main 3555.swatch-attribute 3556.swatch-option.image.selected, 3557.page-product-configurable 3558.product-info-main 3559.swatch-attribute 3560.swatch-option.image[aria-checked="true"] { 3561 border-color: #0071e3 !important; 3562 outline: none; 3563} 3564 3565/* Selected hover */ 3566.page-product-configurable 3567.product-info-main 3568.swatch-attribute 3569.swatch-option.image.selected:hover, 3570.page-product-configurable 3571.product-info-main 3572.swatch-attribute 3573.swatch-option.image[aria-checked="true"]:hover { 3574 border-color: #0071e3 !important; 3575} 3576 3577/* Disabled */ 3578.page-product-configurable 3579.product-info-main 3580.swatch-attribute 3581.swatch-option.image.disabled { 3582 cursor: default; 3583 pointer-events: none; 3584} 3585 3586.page-product-configurable 3587.product-info-main 3588.swatch-attribute 3589.swatch-option.image.disabled::after { 3590 content: ""; 3591 position: absolute; 3592 inset: 3px; 3593 border-radius: 50%; 3594 background: rgb(255 255 255 / 60%); 3595} 3596
3597/* Keyboard focus */ 3598.page-product-configurable 3599.product-info-main 3600.swatch-attribute 3601.swatch-option.image:focus-visible { 3602 outline: 2px solid #0071e3; 3603 outline-offset: 2px; 3604} 3605 3606/*SKU row styling*/ 3607.catalog-product-view .product-info-main .product.attribute.sku { 3608 color: #424245; 3609 font-size: 12px; 3610 line-height: 16px; 3611} 3612 3613/*----- changing pickup/store stock styling -----*/ 3614 3615/* Store pickup icon */ 3616.product-info-main .product-info-stock-container 3617#catalog-product-store-pickup::before { 3618 width: 16px !important; 3619 height: 16px !important; 3620 background-size: 16px 16px !important; 3621 background-position: center !important; 3622} 3623 3624/* Delivery icon â simple and configurable */ 3625.product-info-main .product-info-stock-container 3626.stock-status .stock::before { 3627 width: 16px !important; 3628 height: 16px !important; 3629 background-image: url('/media/wysiwyg/Shipping.svg') !important; 3630 background-size: 16px 16px !important; 3631 background-position: center !important; 3632 background-repeat: no-repeat !important; 3633} 3634 3635/* Alignment â simple and configurable */ 3636.product-info-main .product-info-stock-container 3637#catalog-product-store-pickup, 3638.product-info-main .product-info-stock-container 3639.stock-status .stock { 3640 align-items: center !important; 3641} 3642 3643/* Heading typography â simple and configurable */ 3644.product-info-main .product-info-stock-container 3645#catalog-product-store-pickup .title, 3646.product-info-main .product-info-stock-container 3647.stock-status .stock .title { 3648 font-size: 16px !important; 3649 line-height: 20px !important; 3650} 3651 3652 3653/*----- full width quantity selector -----*/ 3654.product-info-main .box-tocart .qty-control { 3655 width: 100% !important; 3656 max-width: none !important; 3657} 3658 3659.product-info-main .box-tocart .qty-control #qty { 3660 flex: 1 1 auto !important; 3661 width: auto !important; 3662 min-width: 0 !important; 3663} 3664 3665@media screen and (min-width: 1024px) { 3666 .product-info-main .product-options-bottom, 3667 .product-info-main .product-options-bottom .box-tocart, 3668 .product-info-main .product-options-bottom .box-tocart .fieldset, 3669 .product-info-main .product-options-bottom .box-tocart .qty-control { 3670 width: 100% !important; 3671 max-width: none !important; 3672 } 3673} 3674 3675/*----- OVERRIDES FOOTER LINKS STYLING -----*/ 3676 3677/* .footer.content ul>li { 3678 padding: 0 0 16px 0 !important; 3679} 3680*/ 3681 3682.footer.content a { 3683 font-size: 14px !important; 3684 line-height: 16px !important; 3685 font-weight: 500 !important; 3686} 3687 3688.footer.content a:hover { 3689 text-decoration: underline !important; 3690 color: #000 !important; 3691 text-underline-offset: 0.3rem !important; 3692} 3693 3694</style></div><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="T9XDFMU"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="I5F4KO2" data-decoded="true"> 3695 3696 3697 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709 3710 3711<ul class="small-menu-header"> 3712 <li><a href="/winkels">Winkels</a> 3713 <ul> 3714 <li><a href="/winkels/amsterdam" class="ui-menu-item-wrapper"><span>Amsterdam</span></a></li> 3715 <li><a href="/winkels/arnhem"><span>Arnhem</span></a></li> 3716 <li><a href="/winkels/den-haag"><span>Den Haag</span></a></li> 3717 <li><a href="/winkels/groningen"><span>Groningen</span></a></li> 3718 <li><a href="/winkels/rotterdam"><span>Rotterdam Lijnbaan</span></a></li> 3719 <li><a href="/winkels/utrecht-the-wall"><span>Utrecht The Wall</span></a></li> 3720 <li><a href="/winkels"><span>Bekijk alle winkels</span></a></li> 3721 </ul> 3722 </li> 3723 <li><a href="/diensten/klantenservice">Klantenservice</a> 3724 <ul> 3725 <li><a href="/veelgestelde-vragen#bestellen-betalen"><span>Bestellen & betalen</span></a></li> 3726 <li><a href="/betalen-in-termijnen"><span>Betalen in termijnen</span></a></li> 3727 <li><a href="/bezorgen-afhalen"><span>Bezorgen & afhalen</span></a></li> 3728 <li><a href="/retour"><span>Retourneren & annuleren</span></a></li> 3729 <li><a href="/garantie-voorwaarde"><span>Garantie & voorwaarden</span></a></li> 3730 <li><a href="/veelgestelde-vragen"><span>Veelgestelde vragen</span></a></li> 3731 </ul> 3732 </li> 3733 <li><a href="https://pro.amac.nl">
3733Zakelijk</a> 3734 <ul> 3735 <li><a href="https://pro.amac.nl"><span>Bedrijven</span></a></li> 3736 <li><a href="https://pro.amac.nl/onderwijs"><span>Onderwijs</span></a></li> 3737 <li><a href="https://pro.amac.nl/pro-services"><span>Pro services</span></a></li> 3738 </ul> 3739 </li> 3740 </ul></div></div></div></div></div> </div><div class="mobile-nav"> <div class="mobile-nav-panel" id="mobile-menu" data-mage-init='{"mobile-nav": {}}' > <div class="mobile-menu" data-mage-init='{"mobile-menu": {}}'><div class="mobile-menu-panel" id="mobile-menu-root"> <div class="menu-item" data-id="z-category-node-2486" ><span>Mac</span></div> <div class="menu-item" data-id="z-category-node-155" ><span>iPad</span></div> <div class="menu-item" data-id="z-category-node-733" ><span>iPhone</span></div> <div class="menu-item" data-id="z-category-node-158" ><span>Watch</span></div> <div class="menu-item" data-id="z-category-node-697" ><span>AirPods</span></div> <div class="menu-item" data-id="z-category-node-1819" ><span>TV & Woning</span></div> <div class="menu-item" data-id="z-category-node-162" ><span>Accessoires</span></div> <div class="menu-item" data-id="z-category-node-1924" ><span>Diensten</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-panel" id="mobile-menu-z-category-node-2486"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Mac</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac"><span>Bekijk alles</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/macbook-neo" ><span>MacBook Neo</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/macbook-air" ><span>MacBook Air</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/macbook-pro" ><span>MacBook Pro</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/imac-kopen" ><span>iMac</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/mac-mini" ><span>Mac mini</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/mac-studio" ><span>Mac Studio</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/beeldschermen" ><span>Beeldschermen</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/mac-accessoires" ><span>Mac accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/mac/mac-vergelijken" ><span>Mac vergelijken</span></div></div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2441"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>MacBook Neo</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/macbook-neo"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-156"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>MacBook Air</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/macbook-air"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-157"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>MacBook Pro</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/macbook-pro"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-550"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iMac</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/imac-kopen"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-198"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Mac mini</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/mac-mini"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-820"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Mac Studio</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/mac-studio"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2485"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Beeldschermen</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/beeldschermen"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-193"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Mac accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/mac-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-787"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Mac vergelijken</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/mac/mac-vergelijken"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-panel" id="mobile-menu-z-category-node-155"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPad</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/ipad"><span>Bekijk alles</span></div> <div class="menu-item" data-url="https://www.amac.nl/ipad/ipad-11-inch" ><span>iPad 11-inch</span></div> <div class="menu-item" data-url="https://www.amac.nl/ipad/ipad-air" ><span>iPad Air </span></div> <div class="menu-item" data-url="https://www.amac.nl/ipad/ipad-pro" ><span>iPad Pro </span></div> <div class="menu-item" data-url="https://www.amac.nl/ipad/ipad-mini" ><span>iPad mini</span></div> <div class="menu-item" data-url="https://www.amac.nl/ipad/accessoires" ><span>iPad accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/ipad/ipad-vergelijken" ><span>iPad vergelijken</span></div></div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2360"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPad 11-inch</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/ipad/ipad-11-inch"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-184"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPad Air </h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/ipad/ipad-air"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-166"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPad Pro </h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/ipad/ipad-pro"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-215"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPad mini</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/ipad/ipad-mini"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-188"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPad accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/ipad/accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-790"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPad vergelijken</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/ipad/ipad-vergelijken"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-panel" id="mobile-menu-z-category-node-733"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone"><span>Bekijk alles</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-duo" ><span>iPhone Duo</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-18-pro" ><span>iPhone 18 Pro</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-18-pro-max" ><span>iPhone 18 Pro Max</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-17e" ><span>iPhone 17e</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-17" ><span>iPhone 17</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/
3740iphone-air" ><span>iPhone Air</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-17-pro" ><span>iPhone 17 Pro</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-17-pro-max" ><span>iPhone 17 Pro Max</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-accessoires" ><span>iPhone accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/iphone/iphone-vergelijken" ><span>iPhone vergelijken</span></div></div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2489"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone Duo</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-duo"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2487"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone 18 Pro</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-18-pro"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2488"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone 18 Pro Max</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-18-pro-max"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2440"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone 17e</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-17e"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2398"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone 17</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-17"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2397"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone Air</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-air"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2396"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone 17 Pro</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-17-pro"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2395"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone 17 Pro Max</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-17-pro-max"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-745"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-793"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone vergelijken</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/iphone/iphone-vergelijken"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-panel" id="mobile-menu-z-category-node-158"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Watch</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/watch"><span>Bekijk alles</span></div> <div class="menu-item" data-url="https://www.amac.nl/watch/apple-watch-ultra-4" ><span>Apple Watch Ultra 4</span></div> <div class="menu-item" data-url="https://www.amac.nl/watch/apple-watch-series-12" ><span>Apple Watch Series 12</span></div> <div class="menu-item" data-url="https://www.amac.nl/watch/apple-watch-series-11" ><span>Apple Watch Series 11</span></div> <div class="menu-item" data-url="https://www.amac.nl/watch/apple-watch-ultra-3" ><span>Apple Watch Ultra 3</span></div> <div class="menu-item" data-url="https://www.amac.nl/watch/apple-watch-se-3" ><span>Apple Watch SE 3</span></div> <div class="menu-item" data-url="https://www.amac.nl/watch/apple-watch-accessoires" ><span>Apple Watch accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/watch/apple-watch-vergelijken" ><span>Apple Watch vergelijken</span></div></div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2491"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple Watch Ultra 4</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/watch/apple-watch-ultra-4"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2490"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple Watch Series 12</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/watch/apple-watch-series-12"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2400"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple Watch Series 11</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/watch/apple-watch-series-11"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2399"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple Watch Ultra 3</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/watch/apple-watch-ultra-3"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2401"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple Watch SE 3</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/watch/apple-watch-se-3"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-177"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple Watch accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/watch/apple-watch-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-796"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple Watch vergelijken</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/watch/apple-watch-vergelijken"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-panel" id="mobile-menu-z-category-node-697"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>AirPods</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/airpods"><span>Bekijk alles</span></div> <div class="menu-item" data-url="https://www.amac.nl/airpods/airpods" ><span>AirPods</span></div> <div class="menu-item" data-url="https://www.amac.nl/airpods/airpods-pro" ><span>AirPods Pro</span></div> <div class="menu-item" data-url="https://www.amac.nl/airpods/airpods-max" ><span>AirPods Max</span></div> <div class="menu-item" data-url="https://www.amac.nl/airpods/airpods-accessoires" ><span>AirPods accessoires </span></div> <div class="menu-item" data-url="https://www.amac.nl/airpods/airpods-vergelijken" ><span>AirPods vergelijken</span></div></div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-173"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>AirPods</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/airpods/airpods"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-233"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>AirPods Pro</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/airpods/airpods-pro"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-232"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>AirPods Max</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/airpods/airpods-max"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1207"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>AirPods accessoires </h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/airpods/airpods-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2185"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>AirPods vergelijken</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/airpods/airpods-vergelijken"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-panel" id="mobile-menu-z-category-node-1819"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>TV & Woning</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/tv-woning"><span>Bekijk alles</span></div> <div class="menu-item" data-url="https://www.amac.nl/tv-woning/apple-tv-4k" ><span>
3740Apple TV 4K </span></div> <div class="menu-item" data-url="https://www.amac.nl/tv-woning/apple-tv-accessoires" ><span>TV & Woning accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/tv-woning/smarthome-homepod" ><span>HomePods</span></div> <div class="menu-item" data-url="https://www.amac.nl/tv-woning/beats" ><span>Beats by Dr. Dre</span></div> <div class="menu-item" data-url="https://www.amac.nl/tv-woning/koptelefoon" ><span>Koptelefoons</span></div> <div class="menu-item" data-url="https://www.amac.nl/tv-woning/oordopjes" ><span>Oordopjes</span></div> <div class="menu-item" data-url="https://www.amac.nl/tv-woning/speakers" ><span>Speakers</span></div></div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-226"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple TV 4K </h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/tv-woning/apple-tv-4k"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-228"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>TV & Woning accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/tv-woning/apple-tv-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1822"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>HomePods</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/tv-woning/smarthome-homepod"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-445"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Beats by Dr. Dre</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/tv-woning/beats"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-199"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Koptelefoons</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/tv-woning/koptelefoon"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2062"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Oordopjes</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/tv-woning/oordopjes"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-224"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Speakers</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/tv-woning/speakers"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-panel" id="mobile-menu-z-category-node-162"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires"><span>Bekijk alles</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/mac-accessoires" ><span>Mac-accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/ipad-accessoires" ><span>iPad-accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/
3740iphone-accessoires" ><span>iPhone-accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/apple-watch-accessoires" ><span>Apple Watch-accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/airpods-accessoires" ><span>AirPods-accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/apple-airtags" ><span>AirTags & Accessoires</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/data-opslag" ><span>Data opslag</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/kabels-voeding" ><span>Kabels & opladers</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/adapters-hubs" ><span>Adapters & hubs</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/magsafe" ><span>MagSafe</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/randapparatuur" ><span>Randapparatuur</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/gezondheid" ><span>Gezondheid</span></div> <div class="menu-item" data-url="https://www.amac.nl/apple-accessoires/overig" ><span>Meer accessoires</span></div></div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2493"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Mac-accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/mac-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2494"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPad-accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/ipad-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2495"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>iPhone-accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/iphone-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2496"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple Watch-accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/apple-watch-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-2497"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>AirPods-accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/airpods-accessoires"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-643"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>AirTags & Accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/apple-airtags"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-235"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Data opslag</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/data-opslag"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-172"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Kabels & opladers</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/kabels-voeding"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-766"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Adapters & hubs</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/adapters-hubs"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1699"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>MagSafe</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/magsafe"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-189"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Randapparatuur</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/randapparatuur"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-514"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Gezondheid</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/gezondheid"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-238"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Meer accessoires</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/apple-accessoires/overig"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-panel" id="mobile-menu-z-category-node-1924"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Diensten</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/diensten"><span>Bekijk alles</span></div> <div class="menu-item" data-url="https://www.amac.nl/diensten/apple-reparatie" ><span>Apple reparatie</span></div> <div class="menu-item" data-url="https://www.amac.nl/diensten/inruilservice" ><span>Inruilservice</span></div> <div class="menu-item" data-url="https://www.amac.nl/diensten/verzekeringen" ><span>Verzekeringen</span></div> <div class="menu-item" data-url="https://www.amac.nl/diensten/amac-safe" ><span>Amac Safe</span></div> <div class="menu-item" data-url="https://www.amac.nl/diensten/amac-trainingen" ><span>Amac Trainingen</span></div> <div class="menu-item" data-url="https://www.amac.nl/diensten/amac-support" ><span>Amac Support</span></div></div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1927"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Apple reparatie</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/diensten/apple-reparatie"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1936"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Inruilservice</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/diensten/inruilservice"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1942"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Verzekeringen</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/diensten/verzekeringen"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1945"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Amac Safe</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/diensten/amac-safe"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1954"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Amac Trainingen</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/diensten/amac-trainingen"><span>Bekijk alles</span></div> </div> <div class="mobile-menu-panel mobile-menu-sub-sub-panel" id="mobile-menu-z-category-node-1951"><div class="title-container"><button class="action-close" data-role="back" type="button"><span>Sluiten</span></button> <h2>Amac Support</h2></div> <div class="menu-item show-all" data-url="https://www.amac.nl/diensten/amac-support"><span>Bekijk alles</span></div> </div> <div class="menu-service-links"><div class="collapsible wishlist-service-link"><a href="https://www.amac.nl/wishlist/"><span>Verlanglijst</span></a></div><div class="page-footer"><div class="footer content"><style>#html-body [data-pb-style=L10AOEA],#html-body [data-pb-style=MNDOUTV]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=MNDOUTV]{justify-content:flex-start;display:flex;flex-direction:column;border-width:1px;border-radius:0;margin:0;padding:10px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=L10AOEA]{align-self:stretch}#html-body [data-pb-style=SIFH3CO]{display:flex;width:100%}#html-body [data-pb-style=EBN6KYY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:0;width:25%;margin:0;padding:10px 20px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;align-self:stretch}#html-body [data-pb-style=PL8AYJK]{border-width:1px;padding:0}
3740#html-body [data-pb-style=AA6FL7L],#html-body [data-pb-style=LP1FKQ3],#html-body [data-pb-style=PL8AYJK],#html-body [data-pb-style=QVXRAIG]{border-radius:0;margin:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=QVXRAIG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;padding:10px 20px;align-self:stretch}#html-body [data-pb-style=AA6FL7L],#html-body [data-pb-style=LP1FKQ3]{border-width:1px;padding:0}#html-body [data-pb-style=AA6FL7L]{margin:20px 0 0}#html-body [data-pb-style=PJAN5GT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;padding:10px 20px;align-self:stretch}#html-body [data-pb-style=PJAN5GT],#html-body [data-pb-style=QUVA2Q4],#html-body [data-pb-style=TT2GDYA]{border-radius:0;margin:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=QUVA2Q4]{border-width:1px;padding:0}#html-body [data-pb-style=TT2GDYA]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;padding:10px 20px;align-self:stretch}#html-body [data-pb-style=BR38353]{border-width:1px;margin:0;padding:0}#html-body [data-pb-style=BR38353],#html-body [data-pb-style=ES6QIW9],#html-body [data-pb-style=G2HA96Q]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=ES6QIW9]{display:none}#html-body [data-pb-style=G2HA96Q]{border-color:#cecece;border-width:1px;margin:0;padding:20px}#html-body [data-pb-style=JUXJPEE],#html-body [data-pb-style=UBIIPEW]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=JUXJPEE]{justify-content:flex-start;display:flex;flex-direction:column;border-width:1px;border-radius:0;margin:0 0 20px;padding:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=UBIIPEW]{align-self:stretch}#html-body [data-pb-style=O3WTKKH]{display:flex;width:100%}#html-body [data-pb-style=ESJV00Q],#html-body [data-pb-style=IKM345U],#html-body [data-pb-style=Q202KEJ]{border-width:1px;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=IKM345U]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;margin:0;padding:10px 10px 20px;align-self:stretch}#html-body [data-pb-style=ESJV00Q],#html-body [data-pb-style=Q202KEJ]{margin:0 0 10px;padding:0}#html-body [data-pb-style=Q202KEJ]{margin:0}</style><div class="footer-row-content" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" href="" target="" data-link-type="default" title="" data-scrollable-background-text="" data-element="main" data-pb-style="MNDOUTV"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="L10AOEA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="SIFH3CO"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="EBN6KYY"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="PL8AYJK" data-decoded="true"><div class="collapsible"> 3741<h4>Amac winkels</h4> 3742<ul> 3743<li><a href="/winkels">Alle winkels</a></li> 3744<li><a href="/winkels/rotterdam">Rotterdam</a></li> 3745<li><a href="/winkels/eindhoven">Eindhoven</a></li> 3746<li><a href="/winkels/utrecht-post">Utrecht</a></li> 3747<li><a href="/winkels/">Alle winkels</a></li> 3748</ul> 3749</div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="QVXRAIG"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="LP1FK
3749Q3" data-decoded="true"><div class="collapsible"> 3750<h4>Over Amac</h4> 3751<ul> 3752<li><a href="/winkels">Onze winkels</a></li> 3753<li><a href="/vacatures">Werken bij Amac</a></li> 3754<li><a href="/algemene-voorwaarden">Algemene voorwaarden</a></li> 3755<li><a href="/privacy-cookieverklaring">Cookies & privacybeleid</a></li> 3756<li><a href="/blog">Newsroom</a></li> 3757</ul> 3758</div></div><div class="psp-list hidden-to-m" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="AA6FL7L" data-decoded="true"><h4>Volg ons</h4> 3759<ul> 3760<li><a href="https://nl-nl.facebook.com/aprAmac/"><img src="https://www.amac.nl/media/logos/facebook.png" width="30" height="30" alt=""></a></li> 3761<li><a href="https://www.instagram.com/amac.stores/"><img src="https://www.amac.nl/media/logos/instagram.png" width="30" height="30" alt=""></a></li> 3762<li><a href="https://twitter.com/apramac?lang=nl"><img src="https://www.amac.nl/media/logos/twitter.png" width="30" height="30" alt=""></a></li> 3763<li><a href="https://www.youtube.com/channel/UCZ5Gx2t5nwRo8apv398zY5A"><img src="https://www.amac.nl/media/logos/youtube.png" width="30" height="30" alt=""></a></li> 3764</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="PJAN5GT"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="QUVA2Q4" data-decoded="true"><div class="collapsible"> 3765<h4>Diensten</h4> 3766<ul> 3767<li><a href="/diensten">Alle Amac Diensten</a></li> 3768<li><a href="/diensten/apple-reparatie">Reparatie & herstel</a></li> 3769<li><a href="/diensten/amac-trainingen">Amac Trainingen</a></li> 3770<li><a href="/diensten/verzekeringen">Verzekeringen</a></li> 3771<li><a href="/diensten/amac-safe">Amac Safe</a></li> 3772<li><a href="/diensten/amac-support">Amac Support</a></li> 3773<li><a href="/diensten/inruilservice">Inruilservice</a></li> 3774<!-- <li><a href="/hoe-werkt-online-inruilen">Online inruilen</a></li> --> 3775</ul> 3776</div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="TT2GDYA"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="BR38353" data-decoded="true"><div class="collapsible"> 3777<h4>Klantenservice</h4> 3778<ul> 3779<li><a href="/veelgestelde-vragen#bestellen-betalen">Bestellen & betalen</a></li> 3780<li><a href="/betalen-in-termijnen">Betalen in </a></li> 3781<li><a href="/bezorgen-afhalen">Bezorgen & afhalen</a></li> 3782<li><a href="/retour">Retourneren & annuleren</a></li> 3783<li><a href="/garantie-voorwaarde">Garantie & voorwaarden</a></li> 3784<li><a href="/klantenservice">Stel je vraag!</a></li> 3785</ul> 3786</div></div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="ES6QIW9" data-decoded="true"><h4><a href="/blog">Newsroom</a></h4></div></div></div></div><div class="psp-list" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="G2HA96Q" data-decoded="true"><h4>Volg ons </h4> 3787<ul> 3788<li><a href="https://nl-nl.facebook.com/aprAmac/"><img src="https://www.amac.nl/media/logos/facebook.png" width="30" height="30" alt=""></a></li> 3789<li><a href="https://www.instagram.com/amac.stores/"><img src="https://www.amac.nl/media/logos/instagram.png" width="30" height="30" alt=""></a></li> 3790<li><a href="https://twitter.com/apramac?lang=nl"><img src="https://www.amac.nl/media/logos/twitter.png" width="30" height="30" alt=""></a></li> 3791<li><a href="https://www.youtube.com/channel/UCZ5Gx2t5nwRo8apv398zY5A"><img src="https://www.amac.nl/media/logos/youtube.png" width="30" height="30" alt=""></a></li> 3792</ul></div></div></div><div class="footer-bottom-content" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" href="" target="" data-link-type="default" title="" data-scrollable-background-text="" data-element="main" data-pb-style="JUXJPEE"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="UBIIPEW"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="O3WTKKH"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="IKM345U"><div class="footer-switcher" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="ESJV00Q" data-decoded="true"><ul> 3793<li>Shop als</li> 3794<li>|</li 3795<li class="active" id="footer-link-consument"><a href="#">Consument</a></li> 3796<li><a href="https://studentenkorting.amac.nl/" id="footer-link-student">Student</a></li> 3797<li><a href="https://pro.amac.nl" id="footer-link-zakelijk">Bedrijf</a></li> 3798<li><a href="https://pro.amac.nl/onderwijs" id="footer-link-onderwijs">Onderwijs</a></li> 3799</ul></div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="Q202KEJ" data-decoded="true"><span class="muted-title">Je winkelmand wordt geleegd als je deze instelling aanpast.</span></div></div></div></div></div></div></div></div></div></div> <div class="switcher my-account switcher-my-account" data-ui-id="my-account-switcher" id="switcher-my-account" data-bind="scope: 'header-customer'"><!-- ko if: isLoggedIn() --><a href="https://www.amac.nl/customer/account/" tabindex="0" role="button" aria-label="Mijn account" class="action toggle switcher-trigger logged-in" data-bind="visible: isLoggedIn" style="display: none" id="switcher-my-account-trigger">
3799<!-- ko if: firstname() --><span class="customer-name" data-bind="text: firstname()"></span> <!-- /ko --></a> <div class="customer-menu" ></div><!-- /ko --><!-- ko if: !isLoggedIn() --><a class="action toggle switcher-trigger logged-out" tabindex="0" role="button" data-bind="click: showLoginModal" aria-label="Inloggen" href="https://www.amac.nl/customer/account/" id="switcher-my-account-trigger"><strong><span>Inloggen</span></strong></a> <!-- /ko --></div></div> <div class="mobile-nav-panel" id="mobile-search" data-mage-init='{"mobile-nav": {}}' ></div></div></header><main id="maincontent" class="page-main-full-width"> <a id="contentarea" tabindex="-1"></a> <div class="page-title-wrapper"><h1 class="page-title heading-2xl" ><span class="base" data-ui-id="page-title-wrapper" > Utrecht Post </span></h1></div><div class="page messages"> <div data-placeholder="messages"></div> <div data-bind="scope: 'messages'"><!-- ko if: cookieMessagesObservable() && cookieMessagesObservable().length > 0 --><div aria-atomic="true" role="alert" class="messages" data-bind="foreach: { data: cookieMessagesObservable(), as: 'message' }"><div data-bind="attr: { class: 'message-' + message.type + ' ' + message.type + ' message', 'data-ui-id': 'message-' + message.type }"><div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div></div></div><!-- /ko --><div aria-atomic="true" role="alert" class="messages" data-bind="foreach: { data: messages().messages, as: 'message' }, afterRender: purgeMessages"><div data-bind="attr: { class: 'message-' + message.type + ' ' + message.type + ' message', 'data-ui-id': 'message-' + message.type }"><div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div></div></div></div></div><div class="columns"><div class="column main"><input name="form_key" type="hidden" value="prpMalId6pqfhTDQ" /> <div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}"> <!-- ko template: getTemplate() --><!-- /ko --> </div> <div class="storelocator_block storelocator_block_content"><p class="storelocator_text_block storelocator_text_block_content"><style>#html-body [data-pb-style=GE6U5YW],#html-body [data-pb-style=RPM2AIK]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=GE6U5YW]{justify-content:flex-start;display:flex;flex-direction:column;border-radius:0;margin-top:72px;margin-bottom:72px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=RPM2AIK]{align-self:stretch}#html-body [data-pb-style=OQMRQ11]{display:flex;width:100%}#html-body [data-pb-style=L8VFNEW],#html-body [data-pb-style=NQFCFFJ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=L8VFNEW]{border-radius:0;width:25%;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=NQFCFFJ]{width:50%}#html-body [data-pb-style=DLLVLJT],#html-body [data-pb-style=ITUGV3N],#html-body [data-pb-style=NQFCFFJ]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=ITUGV3N]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="GE6U5YW"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="RPM2AIK"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OQMRQ11"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="L8VFNEW"></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="NQFCFFJ"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="DLLVLJT"><h1 id="DDV525N" style="text-align: center;">Amac Utrecht Post</h1> 3800<div class="pagebuilder-column mf-initial" title="" data-appearance="full-height" data-background-images="{}" data-link-type="default" data-element="main" data-pb-style="W7M3AWR" data-was-processed="true"> 3801<div class="mf-initial" data-appearance="default" data-element="main" data-pb-style="K7FFUK8" data-was-processed="true"> 3802<p style="text-align: center;">Amac Utrecht Post vind je tussen de Neude en de Oudegracht. We zitten in het oude postkantoor, in het hetzelfde pand als de nieuwe bibliotheek. De entree bevindt zich aan de Oudegracht. Ons enthousiaste team staat hier dagelijks voor je klaar. Tot snel!</p> 3803</div> 3804</div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="ITUGV3N"></div></div></div></div></div></p></div> <div class="storelocator_wrapper"><div class="storelocator_block storelocator_block_address"><h3 class="storelocator_title storelocator_title_address">Utrecht Post</h3><p class="storelocator_text_block storelocator_text_block_address_lines"><address> <span> Oudegracht 112</span><br /> <span> 3511 AW</span><br /> <span> Utrecht</span><br /></address></p> <p class="storelocator_text storelocator_text_phone">088 - 027 13 10</p> <p class="storelocator_text storelocator_text_email"><a href="/cdn-cgi/l/email-protection#790c0d0b1c1a110d5709160a0d391814181a571715" class="link-un
3804derlined-blue"><span class="__cf_email__" data-cfemail="1762636572747f63396778646357767a767439797b">[email protected]</span></a></p></div><div class="storelocator_block storelocator_block_openingtimes"><h3 class="storelocator_title storelocator_title_openingtimes">Openingstijden</h3> <div class="storelocator_openingtime storelocator_openingtime_monday"><div class="storelocator_openingtime_day"><span class="storelocator_text day">maandag</span> <span class="storelocator_text time">12:00 - 18:00</span> </div></div> <div class="storelocator_openingtime storelocator_openingtime_tuesday"><div class="storelocator_openingtime_day"><span class="storelocator_text day">dinsdag</span> <span class="storelocator_text time">10:00 - 18:00</span> </div></div> <div class="storelocator_openingtime storelocator_openingtime_wednesday"><div class="storelocator_openingtime_day"><span class="storelocator_text day">woensdag</span> <span class="storelocator_text time">10:00 - 18:00</span> </div></div> <div class="storelocator_openingtime storelocator_openingtime_thursday"><div class="storelocator_openingtime_day"><span class="storelocator_text day">donderdag</span> <span class="storelocator_text time">10:00 - 20:00</span> </div></div> <div class="storelocator_openingtime storelocator_openingtime_friday"><div class="storelocator_openingtime_day"><span class="storelocator_text day">vrijdag</span> <span class="storelocator_text time">10:00 - 18:00</span> </div></div> <div class="storelocator_openingtime storelocator_openingtime_saturday"><div class="storelocator_openingtime_day"><span class="storelocator_text day">zaterdag</span> <span class="storelocator_text time">10:00 - 18:00</span> </div></div> <div class="storelocator_openingtime storelocator_openingtime_sunday"><div class="storelocator_openingtime_day"><span class="storelocator_text day">zondag</span> <span class="storelocator_text time">12:00 - 18:00</span> </div></div> </div> <div class="storelocator_block storelocator_block_map"><div class="storelocator_map_container" id="storelocator_map_container"></div></div></div> <div class="storelocator_block storelocator_block_content"><p class="storelocator_text_block storelocator_text_block_content"><style>#html-body [data-pb-style=W2E14PO],#html-body [data-pb-style=YCDXQU6]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=YCDXQU6]{justify-content:flex-start;display:flex;flex-direction:column;border-radius:0;margin-left:8px;margin-right:8px;margin-bottom:32px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=W2E14PO]{align-self:stretch}#html-body [data-pb-style=C7WM32E]{display:flex;width:100%}#html-body [data-pb-style=JDVCEGY]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#f9f9f9;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:10px;width:calc(50% - 16px);margin-left:8px;margin-right:8px;margin-bottom:16px;padding:40px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;align-self:stretch}#html-body [data-pb-style=AR87WSY]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=LESOHI4]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#f9f9f9;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:10px;width:calc(50% - 16px);margin-left:8px;margin-right:8px;margin-bottom:16px;padding:40px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;align-self:stretch}#html-body [data-pb-style=WPLB5X7]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
3804#html-body [data-pb-style=S6QRRSL]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=JOD73QM],#html-body [data-pb-style=S6QRRSL]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=Y6FFNDN]{display:none}#html-body [data-pb-style=E9NCE09]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin:16px;padding-top:100px;padding-bottom:100px}#html-body [data-pb-style=D0GPYLJ],#html-body [data-pb-style=E9NCE09]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=QPW59N4]{display:none}#html-body [data-pb-style=HR31CXT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:0;margin:16px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=Y5QYQU0]{display:none}#html-body [data-pb-style=M80KH7H]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=F2QOA6D],#html-body [data-pb-style=M80KH7H]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=PBQS5RO]{display:none}#html-body [data-pb-style=TKRA2W0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin:16px}#html-body [data-pb-style=R0YMU7X],#html-body [data-pb-style=TKRA2W0]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}</style><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="YCDXQU6"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="W2E14PO"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="C7WM32E"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="JDVCEGY"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="AR87WSY"><p><img style="width: 32px; height: 32px;" src="https://www.amac.nl/media/icons/park-icon.webp" alt="" width="32" height="32"></p> 3805<h3>Parkeren</h3> 3806<p id="GK2OQD2">Parkeren kan in de parkeergarage La Vie gelegen nabij de winkel.</p> 3807<p> </p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="LESOHI4"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="WPLB5X7"><p><img style="width: 32px; height: 32px;" src="https://www.amac.nl/media/icons/reparatie-icon.webp" alt="" width="32" height="32"></p> 3808<h3>Reparatie</h3> 3809<p><strong>Apple-reparatie bij deze winkel</strong><br>Scherm, batterij of achterglas — wij fixen het. Apple gecertificeerde technici, originele onderdelen, garantie op elke reparatie.</p> 3810<p><img style="width: 16px; height: 16px;" src="https://www.amac.nl/media/wysiwyg/check-1.webp" alt="" width="16" height="16">Geen afspraak nodig</p> 3811<p><img style="width: 16px; height: 16px;" src="https://www.amac.nl/media/wysiwyg/check-1.webp" alt="" width="16" height="16">Orginele onderdelen</p> 3812<p><a class="action link blue" tabindex="0" href="/apple-iphone-reparatie-utrecht-post">Reparatie informatie</a></p></div></div></div></div></div></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" href="" target="" data-link-type="default" title="" data-scrollable-background-text="" data-element="main" data-pb-style="S6QRRSL"><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="JOD73QM"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=I8NPAD5]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=YW8BL8S]{padding-top:100px;padding-bottom:100px}#html-body [data-pb-style=I51GHIR],#html-body [data-pb-style=US72G4A],#html-body [data-pb-style=WEAUUOM],#html-body [data-pb-style=YW8BL8S]{border-radius:0;margin:16px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" href="" target="" data-link-type="default" title="" data-scrollable-background-text="" data-element="main" data-pb-style="I8NPAD5"><div class="row-full-width-inner" data-element="inner"><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="YW8BL8S"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=IJ58ON4],#html-body [data-pb-style=JHOBJ62]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=IJ58ON4]{justify-content:flex-start;display:flex;flex-direction:column;border-radius:0;margin:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=JHOBJ62]{align-self:stretch}#html-body [data-pb-style=P846Y5D]{display:flex;width:100%}#html-body [data-pb-style=LWPUU7J]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.333333%;align-self:stretch}#html-body [data-pb-style=LWPUU7J],#html-body [data-pb-style=V1BOPEX],#html-body [data-pb-style=X2FVP07]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=X2FVP07]{padding:16px}#html-body [data-pb-style=V1BOPEX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.333333%;align-self:stretch}#html-body [data-pb-style=E0N8I13]{padding:16px}#html-body [data-pb-style=CWBAQR9],#html-body [data-pb-style=E0N8I13],#html-body [data-pb-style=OMAN6UP]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=CWBAQR9]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.333333%;align-self:stretch}#html-body [data-pb-style=OMAN6UP]{padding:16px}</style><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="IJ58ON4"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="JHOBJ62"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="P846Y5D"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="LWPUU7J"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="X2FVP07"><p><img id="QIP02BB" style="display: block; margin-left: auto; margin-right: auto; width: 50px; height: 50px;" src="/media/icons/finaniering-icon.png" alt="" width="50" height="50"></p> 3813<h3 id="K98DIR7" style="text-align: center;">Meteen kopen. Later betalen.</h3> 3814<p style="text-align: center;">Liever gespreid betalen? Betaal in maandelijkse termijnen met SprayPay.</p> 3815<p style="text-align: center;"><a class="action link blue" tabindex="0" href="/betalen-in-termijnen">Meer over SprayPay</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="V1BOPEX"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="E0N8I13"><p><img id="FIUVOEE" style="display: block; margin-left: auto; margin-right: auto; width: 50px; height: 50px;" src="/media/icons/support-icon.webp" alt="" width="50" height="50"></p> 3816<h3 id="K98DIR7" style="text-align: center;">Amac Support</h3> 3817<p style="text-align: center;">Hulp nodig met het instellen van je device of een ander vraagstuk? Wij staan voor je klaar!</p> 3818<p style="text-align: center;"><a class="action link blue" tabindex="0" href="/diensten/amac-support">Lees meer</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="CWBAQR9"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="OMAN6UP"><p><img id="UUT99FH" style="display: block; margin-left: auto; margin-right: auto; width: 50px; height: 44px;" src="https://www.amac.nl/media/icons/edu-icon.png" alt="" width="50" height="50"></p> 3819<h3 id="K98DIR7" style="text-align: center;">Onderwijskorting</h3> 3820<p style="text-align: center;">Studenten en leerkrachten kunnen tot wel 6% korting krijgen op Mac en iPad.</p> 3821<p style="text-align: center;"><a class="action link blue" tabindex="0" href="https://studentenkorting.amac.nl/hoe-werkt-studentenkorting">Lees meer</a></p></div></div></div></div></div></div></div></div><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="I51GHIR"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=PTJE137]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=IGLN2SN]{min-height:350px;background-color:#f9f9f9;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#html-body [data-pb-style=BF3MYAH]{justify-content:center;padding:0}#html-body [data-pb-style=UN8BWIN]{justify-content:center;padding:32px}#html-body [data-pb-style=BF5YGTI]{text-align:center}</style><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="PTJE137"><div class="amac-info-banner" data-content-type="amac_info_banner" data-appearance="default" data-left-content-type="image" data-right-content-type="text" data-element="main" data-pb-style="IGLN2SN"><div class="amac-info-banner__inner"><div class="amac-info-banner__column" data-element="left_column" data-pb-style="BF3MYAH"><img class="amac-info-banner__image" src="https://www.amac.nl/media/stores/werken-bij-amac2.webp" data-element="left_image"></div><div class="amac-info-banner__column" data-element="right_column" data-pb-style="UN8BWIN"><div class="amac-info-banner__text" data-element="right_text"><h2 style="text-align: center;">Kom werken bij Amac</h2><p style="text-align: center;">Sluit je aan bij Amac en help ons mee om de nieuwste <br>technologie toegankelijk te maken voor iedereen.</p></div><div class="amac-info-banner__link-wrapper" data-element="right_link_wrapper" data-pb-style="BF5YGTI"><a class="amac-info-banner__link pagebuilder-button-secondary" href="/vacatures" target="" data-link-type="default" data-element="right_link"><span data-element="right_link_text">Meer informatie</span></a></div></div></div></div></div></div></div></div><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="US72G4A"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=XVHPUKT]{justify-content:center;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=HDX599N]{min-height:360px;background-color:#f9f9f9;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#html-body [data-pb-style=BGCTJ8D]{justify-content:center;padding:32px}#html-body [data-pb-style=DA1J549]{text-align:center}#html-body [data-pb-style=X2HF4BP]{justify-content:center}</style><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="XVHPUKT"><div class="amac-info-banner" data-content-type="amac_info_banner" data-appearance="default" data-left-content-type="text" data-right-content-type="image" data-element="main" data-pb-style="HDX599N"><div class="amac-info-banner__inner"><div class="amac-info-banner__column" data-element="left_column" data-pb-style="BGCTJ8D"><div class="amac-info-banner__text" data-element="left_text"><h2 style="text-align: center;">Data overzetten? <br>Wij regelen het.</h2><p style="text-align: center;">Met de Amac Overzetservice zetten wij je gegevens, apps en <br>
3821instellingen over naar je nieuwe Apple-apparaat.</p></div><div class="amac-info-banner__link-wrapper" data-element="left_link_wrapper" data-pb-style="DA1J549"><a class="amac-info-banner__link pagebuilder-button-secondary" href="/amac-overzetservice" target="" data-link-type="default" data-element="left_link"><span data-element="left_link_text">Ontdek nu</span></a></div></div><div class="amac-info-banner__column" data-element="right_column" data-pb-style="X2HF4BP"><img class="amac-info-banner__image" src="https://www.amac.nl/media/stores/dataoverzetten.webp" data-element="right_image"></div></div></div></div></div></div></div><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="WEAUUOM"> <div class="widget block block-static-block"></div></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="Y6FFNDN"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="E9NCE09"><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="D0GPYLJ"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=IJ58ON4],#html-body [data-pb-style=JHOBJ62]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=IJ58ON4]{justify-content:flex-start;display:flex;flex-direction:column;border-radius:0;margin:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=JHOBJ62]{align-self:stretch}#html-body [data-pb-style=P846Y5D]{display:flex;width:100%}#html-body [data-pb-style=LWPUU7J]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.333333%;align-self:stretch}#html-body [data-pb-style=LWPUU7J],#html-body [data-pb-style=V1BOPEX],#html-body [data-pb-style=X2FVP07]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=X2FVP07]{padding:16px}#html-body [data-pb-style=V1BOPEX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.333333%;align-self:stretch}#html-body [data-pb-style=E0N8I13]{padding:16px}#html-body [data-pb-style=CWBAQR9],#html-body [data-pb-style=E0N8I13],#html-body [data-pb-style=OMAN6UP]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=CWBAQR9]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.333333%;align-self:stretch}#html-body [data-pb-style=OMAN6UP]{padding:16px}</style><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="IJ58ON4"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="JHOBJ62"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="P846Y5D"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="LWPUU7J"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="X2FVP07"><p><img id="QIP02BB" style="display: block; margin-left: auto; margin-right: auto; width: 50px; height: 50px;" src="/media/icons/finaniering-icon.png" alt="" width="50" height="50"></p> 3822<h3 id="K98DIR7" style="text-align: center;">Meteen kopen. Later betalen.</h3> 3823<p style="text-align: center;">Liever gespreid betalen? Betaal in maandelijkse termijnen met SprayPay.</p> 3824<p style="text-align: center;"><a class="action link blue" tabindex="0" href="/betalen-in-termijnen">Meer over SprayPay</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="V1BOPEX"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="E0N8I13"><p><img id="FIUVOEE" style="display: block; margin-left: auto; margin-right: auto; width: 50px; height: 50px;" src="/media/icons/support-icon.webp" alt="" width="50" height="50"></p> 3825<h3 id="K98DIR7" style="text-align: center;">Amac Support</h3> 3826<p style="text-align: center;">Hulp nodig met het instellen van je device of een ander vraagstuk? Wij staan voor je klaar!</p> 3827<p style="text-align: center;"><a class="action link blue" tabindex="0" href="/diensten/amac-support">Lees meer</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="CWBAQR9"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="OMAN6UP"><p><img id="UUT99FH" style="display: block; margin-left: auto; margin-right: auto; width: 50px; height: 44px;" src="https://www.amac.nl/media/icons/edu-icon.png" alt="" width="50" height="50"></p> 3828<h3 id="K98DIR7" style="text-align: center;">Onderwijskorting</h3> 3829<p style="text-align: center;">Studenten en leerkrachten kunnen tot wel 6% korting krijgen op Mac en iPad.</p> 3830<p style="text-align: center;"><a class="action link blue" tabindex="0" href="https://studentenkorting.amac.nl/hoe-werkt-studentenkorting">Lees meer</a></p></div></div></div></div></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="QPW59N4"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="HR31CXT"></div></div><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="Y5QYQU0"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="M80KH7H"><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="F2QOA6D"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=XVHPUKT]{justify-content:center;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=HDX599N]{min-height:360px;background-color:#f9f9f9;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#html-body [data-pb-style=BGCTJ8D]{justify-content:center;padding:32px}#html-body [data-pb-style=DA1J549]{text-align:center}#html-body [data-pb-style=X2HF4BP]{justify-content:center}</style><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="XVHPUKT"><div class="amac-info-banner" data-content-type="amac_info_banner" data-appearance="default" data-left-content-type="text" data-right-content-type="image" data-element="main" data-pb-style="HDX599N"><div class="amac-info-banner__inner"><div class="amac-info-banner__column" data-element="left_column" data-pb-style="BGCTJ8D"><div class="amac-info-banner__text" data-element="left_text"><h2 style="text-align: center;">Data overzetten? <br>Wij regelen het.</h2><p style="text-align: center;">Met de Amac Overzetservice zetten wij je gegevens, apps en <br>
3830instellingen over naar je nieuwe Apple-apparaat.</p></div><div class="amac-info-banner__link-wrapper" data-element="left_link_wrapper" data-pb-style="DA1J549"><a class="amac-info-banner__link pagebuilder-button-secondary" href="/amac-overzetservice" target="" data-link-type="default" data-element="left_link"><span data-element="left_link_text">Ontdek nu</span></a></div></div><div class="amac-info-banner__column" data-element="right_column" data-pb-style="X2HF4BP"><img class="amac-info-banner__image" src="https://www.amac.nl/media/stores/dataoverzetten.webp" data-element="right_image"></div></div></div></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="PBQS5RO"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="TKRA2W0"><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="R0YMU7X"> <div class="widget block block-static-block"></div></div></div></div></p></div> </div></div></main><footer class="page-footer"><div class="footer content"><style>#html-body [data-pb-style=KIOTR59]{border-style:none;border-width:1px;margin:0;padding:20px 10px}#html-body [data-pb-style=KIOTR59],#html-body [data-pb-style=U9QC9JV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=U85O6MF]{border-style:none;border-width:1px;margin:0;padding:50px 10px 10px}#html-body [data-pb-style=O0CTA6P],#html-body [data-pb-style=OUVNTL3],#html-body [data-pb-style=U85O6MF]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=OUVNTL3]{margin:0 0 20px;padding:0}#html-body [data-pb-style=O0CTA6P]{text-align:center}#html-body [data-pb-style=W25VMUF]{text-align:center;border-style:none;border-width:1px;margin:0;padding:0}#html-body [data-pb-style=DSBYTN7],#html-body [data-pb-style=W25VMUF]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=RW0F98O]{width:100%;border-width:1px;border-color:#cecece;display:inline-block}#html-body [data-pb-style=M1OI2E1],#html-body [data-pb-style=M3MWYVU],#html-body [data-pb-style=N0Y5W41]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=N0Y5W41]{text-align:center}#html-body [data-pb-style=AO4SF3Q],#html-body [data-pb-style=T3YTOG3],#html-body [data-pb-style=WCTIQBD]{display:flex;width:100%}#html-body [data-pb-style=ERPUATQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-style:solid;border-color:#cecece;border-width:1px;border-radius:0;width:calc(20% - 40px);margin:0 20px;padding:10px 0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;align-self:stretch}#html-body [data-pb-style=OVQ4ULP]{border-style:none;margin:0;padding:0}#html-body [data-pb-style=DV5QQQV],#html-body [data-pb-style=OVQ4ULP],#html-body [data-pb-style=SPKS7R1],#html-body [data-pb-style=WR5M924]{border-width:1px;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=WR5M924]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-style:solid;border-color:#cecece;width:calc(20% - 40px);margin:0 20px;padding:10px 0;align-self:stretch}#html-body [data-pb-style=DV5QQQV],#html-body [data-pb-style=SPKS7R1]{border-style:none;margin:0;padding:0}#html-body [data-pb-style=SPKS7R1]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-style:solid;border-color:#cecece;width:calc(20% - 40px);margin:0 20px;padding:10px 0;align-self:stretch}#html-body [data-pb-style=T24KMTL]{border-style:none;margin:0;padding:0}#html-body [data-pb-style=CDC5TNR],#html-body [data-pb-style=DBYKKES],#html-body [data-pb-style=T24KMTL]{border-width:1px;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=CDC5TNR]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-style:solid;border-color:#cecece;width:calc(20% - 40px);margin:0 20px;padding:10px 0;align-self:stretch}#html-body [data-pb-style=DBYKKES]{border-style:none;margin:0;padding:0}#html-body [data-pb-style=LG7RQMM]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;border-style:none;border-color:#cecece;border-width:1px;width:20%;margin:0;padding:10px 20px;align-self:stretch}#html-body [data-pb-style=LG7RQMM],#html-body [data-pb-style=TT9JYVX]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=M7JROL7]{justify-content:center;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;margin:0;padding:10px 10px 20px;align-self:stretch}#html-body [data-pb-style=D8FK7SB],#html-body [data-pb-style=M7JROL7]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=AX2PDUP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:75%;margin:0;padding:10px 20px 20px;align-self:stretch}#html-body [data-pb-style=AX2PDUP],#html-body [data-pb-style=E2M8TQN],#html-body [data-pb-style=RABQ6DK],#html-body [data-pb-style=S7X7JUJ]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=E2M8TQN],#html-body [data-pb-style=S7X7JUJ]{text-align:right;margin:20px 0 0;padding:0}#html-body [data-pb-style=RABQ6DK]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:75%;padding-bottom:20px;align-self:stretch}#html-body [data-pb-style=YU3GIYU]{margin-bottom:10px}#html-body [data-pb-style=F3GI4RK],#html-body [data-pb-style=L28NYJD],#html-body [data-pb-style=YU3GIYU]{text-align:left;border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=F3GI4RK]{border-style:none;border-width:1px;margin:20px 0 0;padding:0}#html-body [data-pb-style=BAR4PXV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=BAR4PXV],#html-body [data-pb-style=D2L065W],#html-body [data-pb-style=J6QH8ER],#html-body [data-pb-style=Q73LG4M],#html-body [data-pb-style=SVA61YM]{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#html-body [data-pb-style=D2L065W]{padding:20px}</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" href="" target="" data-link-type="default" title="" data-scrollable-background-text="" data-element="main" data-pb-style="U9QC9JV"><div class="row-full-width-inner" data-element="inner"><div class="divider-regular" data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="DSBYTN7"><hr data-element="line" data-pb-style="RW0F98O"></div></div></div><div class="footer-row-content" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" href="" target="" data-link-type="default" title="" data-scrollable-background-text="" data-element="main" data-pb-style="U85O6MF"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="10" data-element="main" data-pb-style="M1OI2E1"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="WCTIQBD"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="ERPUATQ"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="OVQ4ULP" data-decoded="true"><div class="collapsible"> 3831<h4>Producten</h4> 3832<ul> 3833<li><a href="/mac">Mac</a></li> 3834<li><a href="/ipad">iPad</a></li> 3835<li><a href="/iphone">iPhone</a></li> 3836<li><a href="/watch">Watch</a></li> 3837<li><a href="/airpods">AirPods</a></li> 3838<li><a href="/tv-woning">TV & Woning</a></li> 3839<li><a href="/apple-accessoires">Accessoires</a></li> 3840</ul> 3841</div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="WR5M924"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="DV5QQQV" data-decoded="true"><div class="collapsible"> 3842<h4>Over Amac</h4> 3843<ul> 3844<li><a href="/winkels">Onze winkels</a></li> 3845<li><a href="/vacatures">Werken bij Amac</a></li> 3846<li><a href="/algemene-voorwaarden">Algemene voorwaarden</a></li> 3847<li><a href="/privacy-cookieverklaring">Cookies & privacybeleid</a></li> 3848<li><a href="/blog">Newsroom</a></li> 3849</ul> 3850</div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="SPKS7R1"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="T24KMTL" data-decoded="true"><div class="collapsible"> 3851<h4>Diensten</h4> 3852<ul> 3853<li><a href="/diensten">Alle Amac Diensten</a></li> 3854<li><a href="/diensten/apple-reparatie">Reparatie & herstel</a></li> 3855<li><a href="/diensten/amac-trainingen">Amac Trainingen</a></li> 3856<li><a href="/diensten/verzekeringen">Verzekeringen</a></li> 3857<li><a href="/diensten/amac-safe">Amac Safe</a></li> 3858<li><a href="/diensten/amac-support">Amac Support</a></li> 3859<li><a href="/diensten/inruilservice">Inruilservice</a></li> 3860<!-- <li><a href="/hoe-werkt-online-inruilen">Online inruilen</a></li> --> 3861 3862</ul> 3863</div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="CDC5TNR"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="DBYKKES" data-decoded="true"><div class="collapsible"> 3864<h4>Klantenservice</h4> 3865<ul> 3866<li><a href="/veelgestelde-vragen#bestellen-betalen">Bestellen & betalen</a></li> 3867<li><a href="/betalen-in-termijnen">Betalen in termijnen</a></li> 3868<li><a href="/bezorgen-afhalen">Bezorgen & afhalen</a></li> 3869<li><a href="/retour">Retourneren & annuleren</a></li> 3870<li><a href="/garantie-voorwaarde">Garantie & voorwaarden</a></li> 3871<li><a href="/diensten/klantenservice">Een vraag stellen</a></li> 3872</ul> 3873</div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="LG7RQMM"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="TT9JYVX" data-decoded="true"><h4>Apple Premium Partner</h4></div><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="SVA61YM"><p><img id="SWTOYE2" style="width: 110px; height: 52px;" src="https://www.amac.nl/media/logos/premium-partner-black-oultine.png" alt="" width="110" height="52"></p></div><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="J6QH8ER"><p><img src="https://www.amac.nl/media/logos/Apple_Prem_Edu_Partner_Logo_2x.svg" alt="" width="115" height="18"></p></div><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="Q73LG4M"><p><img src="/media/logos/Autho_Ser_Provi_2ln_blk_2x.svg" alt="" width="110" height="18"></p></div></div></div></div></div></div><div class="footer-bottom-content" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" href="" target="" data-link-type="default" title="" data-scrollable-background-text="" data-element="main" data-pb-style="OUVNTL3"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="M3MWYVU"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T3YTOG3"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="M7JROL7"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="D8FK7SB" data-decoded="true"><p>Schrijf je in voor de nieuwsbrief!</p> 3874<p style="text-align: center;"><iframe id="bookerz-iframe" style="width: 100%; max-width: 700px; margin: 0px auto;" tabindex="0" src="https://apps-amac.bookerz.nl/forms/profile-subscribe.aspx?" width="100%" height="120" frameborder="0" scrolling="no"></iframe></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="AX2PDUP"><div class="social-icons" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="S7X7JUJ" data-decoded="true"><ul> 3875<li><a href="https://nl-nl.facebook.com/aprAmac/"><img src="https://www.amac.nl/media/icons/Facebook.svg" width="20" height="20" alt=""></a></li> 3876<li><a href="https://www.instagram.com/amac.stores/"><img src="https://www.amac.nl/media/icons/Instagram.svg" width="20" height="20" alt="Instagram icon"></a></li> 3877<li><a href="https://www.tiktok.com/@amac.stores"><img src="https://www.amac.nl/media/icons/tiktok.svg" width="20" height="20" alt="Tiktok icon"></a></li> 3878<li><a href="https://www.youtube.com/channel/UCZ5Gx2t5nwRo8apv398zY5A"><img
3878 src="https://www.amac.nl/media/icons/Youtube.svg" width="20" height="20" alt=""></a></li> 3879</ul></div><div class="psp-list" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="E2M8TQN" data-decoded="true"><ul> 3880<li><a href="/checkout/cart/"><img width="69" height="26" src="https://www.amac.nl/media/logos/iDEAL_Wero_Horizontal_RGB.webp" alt="Ideal logo" /></a></li> 3881<li><a href="/checkout/cart/"><img width="30" height="24" src="https://www.amac.nl/media/logos/mastercard-logo-small.webp" alt="Mastercard logo" /></a></li> 3882<li><a href="/checkout/cart/"><img width="47" height="17" src="https://www.amac.nl/media/logos/visa-logo-small.webp" alt="Visa logo" /></a></li> 3883<!-- <li><a href="/checkout/cart/"><img width="68" height="" src="https://www.amac.nl/media/logos/paypal-logo-small.webp" alt="Paypal logo" /></a></li> --> 3884<!-- <li><a href="/checkout/cart/"><img width="48" height="" src="https://www.amac.nl/media/logos/Klarna-logo-small.webp" alt="Klarna logo" /></a></li> --> 3885</ul></div><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="D2L065W"><p style="text-align: right;">© 2026 Amac | Apple Premium Partner</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" href="" target="" data-link-type="default" title="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-scrollable-background-text="" data-element="inner" data-pb-style="O0CTA6P"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="N0Y5W41"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AO4SF3Q"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="RABQ6DK"><div class="footer-switcher" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="YU3GIYU" data-decoded="true"><ul> 3886<li>Shop als<span class="amac-switcher-tooltip">We tonen een ander aanbod voor consumenten, <br>studenten, bedrijven en voor het onderwijs.</span></li> 3887<li>|</li> 3888<li class="active"><a href="#">Consument</a></li> 3889<li><a href="https://studentenkorting.amac.nl/">Student</a></li> 3890<li><a href="https://pro.amac.nl/">Bedrijf</a></li> 3891<li><a href="https://pro.amac.nl/onderwijs">Onderwijs</a></li> 3892</ul></div><div class="muted-title-container" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="L28NYJD" data-decoded="true"><span class="muted-title">Je winkelmand wordt geleegd als je deze instelling aanpast.</span></div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="F3GI4RK" data-decoded="true"><!-- TrustBox widget - Mini --> 3893<div class="trustpilot-widget" data-locale="nl-NL" data-template-id="53aa8807dec7e10d38f59f32" data-businessunit-id="4992d8410000640005041a2e" data-style-height="110px" data-style-width="200px"> 3894 <a href="https://nl.trustpilot.com/review/www.amac.nl" target="_blank" rel="noopener">Trustpilot</a> 3895</div> 3896<!-- End TrustBox widget --></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" href="" target="" data-link-type="default" title="" data-element="main" data-pb-style="BAR4PXV"></div></div></div></div></div><a class="back-to-top" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" href="#" target="" data-link-type="default" title="" data-element="main" data-pb-style="K
3896IOTR59"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="W25VMUF" data-decoded="true">Back to top</div></a></div></footer> <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 3896-3897
3896 3897<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3897GTM-NPVK9GL
vendor: 85 bytes, lines 3897-3898
3897" 3898height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
3899<!-- End Google Tag Manager (noscript) --> 3900<style> .storelocator-pagebuilder, .toggle-store { font-weight:bold;} </style> <div class="amac-added-to-cart"><div class="added-to-cart-content"></div></div> </div>
vendor: 113 bytes, lines 3900-3901
3900 3901<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3901<script> var LOCALE = 'nl\u002DNL'; var BASE_URL = 'https\u003A\u002F\u002Fwww.amac.nl\u002F'; var require = { 'baseUrl': 'https\u003A\u002F\u002Fwww.amac.nl\u002Fstatic\u002Fversion1790773912\u002Ffrontend\u002FAmac\u002Fb2c\u002Fnl_NL' };</script>
vendor: 1 bytes, line 3901
3901
3902<script type="text/javascript" src="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/requirejs/require.min.js"></script>
vendor: 1 bytes, line 3902
3902
3903<script type="text/javascript" src="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/requirejs-min-resolver.min.js"></script>
vendor: 1 bytes, line 3903
3903
3904<script type="text/javascript" src="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/mage/requirejs/mixins.min.js"></script>
vendor: 1 bytes, line 3904
3904
3905<script type="text/javascript" src="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/requirejs-config.min.js"></script>
vendor: 1 bytes, line 3905
3905
3906<script type="text/javascript" src="https://app.aiden.cx/webshop/build/aiden-embedded.min.js"></script>
vendor: 1 bytes, line 3906
3906
3907<script async src="https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js"></script>
vendor: 1 bytes, line 3907
3907
3908<script> 3909 (function (global) { 3910 'use strict'; 3911 3912 var define = global.define, 3913 amd; 3914 3915 if (!define || !define.amd) { 3916 return; 3917 } 3918 3919 amd = define.amd; 3920 3921 try { 3922 Object.defineProperty(define, 'amd', { 3923 configurable: true, 3924 get: function () { 3925 var script = global.document.currentScript; 3926 3927 /* 3928 * UMD bundles injected by tag managers and tracking pixels (Meta CAPI param 3929 * builder, Adobe Data Connection, ...) register an anonymous define() that 3930 * RequireJS cannot match to a module, which makes the next require() call 3931 * throw "Mismatched anonymous define() module" and aborts whatever ran it - 3932 * e.g. the Tweakwise ajax pagination, leaving the loader up forever. 3933 * 3934 * RequireJS tags every script it loads with data-requiremodule, so hide AMD 3935 * from the ones it did not load: they fall back to exporting their browser 3936 * global, which is what those integrations expect anyway. 3937 */ 3938 if (script && script.src && !script.hasAttribute('data-requiremodule')) { 3939 return undefined; 3940 } 3941 3942 return amd; 3943 } 3944 }); 3945 } catch (e) { 3946 3947 } 3948 }(window));</script>
vendor: 1 bytes, line 3948
3948
3949<script type="text/javascript"> 3950 window.robin_settings = { 3951 isReady: 0, 3952 callback: function(event, data) { 3953 if (document.getElementById('robin_tab_icon')) { 3954 document.getElementById('robin_tab').classList.add('robin-online'); 3955 } 3956 3957 if (event === 'init') { 3958 this.isReady = 1; 3959 } 3960 } 3961 };</script>
vendor: 1 bytes, line 3961
3961
3962<script type="text/x-magento-init"> 3963{ 3964 "*": { 3965 "Amac_RobinHq/js/view/robinhq": { 3966 "container": "#robin_tab", 3967 "tablet": ".page-header > .content > .chatbot-container", 3968 "desktop": "#robin_tab_container", 3969 "wishlist": ".page-header > .content .wishlist-link" 3970 } 3971 } 3972}</script>
vendor: 1 bytes, line 3972
3972
3973<script type="text/x-magento-init"> 3974 { 3975 "*": { 3976 "Magento_PageCache/js/form-key-provider": { 3977 "isPaginationCacheEnabled": 3978 0 } 3979 } 3980 }</script>
vendor: 1 bytes, line 3980
3980
3981<script type="text/x-magento-init"> 3982 { 3983 "*": { 3984 "nonceInjector": { 3985 "nonce": "cW5lanl1MDB2b2ZmcjVvZHQyaWRyOTJvZzc0bzN1YWs\u003D" 3986 } 3987 } 3988}</script>
vendor: 1 bytes, line 3988
3988
3989<script type="text/x-magento-init"> 3990 { 3991 "*": { 3992 "Magento_GoogleTagManager/js/google-tag-manager": { 3993 "isCookieRestrictionModeEnabled": 0, 3994 "currentWebsite": 3, 3995 "cookieName": "user_allowed_save_cookie", 3996 "gtmAccountId": "GTM\u002DNPVK9GL", 3997 "storeCurrencyCode": "EUR", 3998 "ordersData": [] } 3999 } 4000 }</script>
vendor: 1 bytes, line 4000
4000
4001<script>require(['magentoStorefrontEvents'], function (magentoStorefrontEvents) { 4002 if(!magentoStorefrontEvents) return; 4003 4004 window.magentoStorefrontEvents = magentoStorefrontEvents; 4005 magentoStorefrontEvents.context.setStorefrontInstance( 4006 {"storeUrl":"https:\/\/www.amac.nl\/","websiteId":3,"websiteCode":"amac","storeId":6,"storeCode":"amac","storeViewId":3,"storeViewCode":"amac_nl","websiteName":"Amac.nl","storeName":"Amac.nl","storeViewName":"Nederlands","baseCurrencyCode":"EUR","storeViewCurrencyCode":"EUR","catalogExtensionVersion":"103.4.28","environmentId":"0ca42ee5-f1b9-4038-9d68-a4f2da46b658","environment":"Production","storefrontTemplate":"Luma"} 4007 ); 4008 magentoStorefrontEvents.context.setMagentoExtension({ 4009 magentoExtensionVersion: "8.0.1", 4010 }); 4011 magentoStorefrontEvents.context.setDataServicesExtension({ 4012 version: "8.0.1", 4013 }); 4014 magentoStorefrontEvents.context.setPage({ 4015 pageType: "Default" 4016 }); 4017 magentoStorefrontEvents.context.setContext("pageExtended", { 4018 action: "page-view" 4019 }); 4020 4021});</script>
vendor: 1 bytes, line 4021
4021
4022<script type="text/x-magento-init"> 4023 { 4024 "*": { 4025 "dataServicesBase": { 4026 "isCookieRestrictionModeEnabled": 0, 4027 "isEnabled": 0 }, 4028 "magentoStorefrontEventCollector": {} 4029 } 4030 }</script>
vendor: 1 bytes, line 4030
4030
4031<script> 4032 window.mct_tagmanager_excl_tax = 0; 4033 window.mct_tagmanager_both_prices = 0; 4034 window.mct_tagmanager_add_parent_sku = 0;</script>
vendor: 1 bytes, line 4034
4034
4035<script nonce="cW5lanl1MDB2b2ZmcjVvZHQyaWRyOTJvZzc0bzN1YWs="> 4036 window.YIREO_GOOGLETAGMANAGER2_ENABLED = true; 4037 (function (events) { 4038 const initYireoGoogleTagManager2 = function () { 4039 events.forEach(function (eventType) { 4040 window.removeEventListener(eventType, initYireoGoogleTagManager2); 4041 }); 4042 4043 (function (w, d, s, l, i) { 4044 w[l] = w[l] || []; 4045 w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 4046 var f = d.getElementsByTagName(s)[0], 4047 j = d.createElement(s), 4048 dl = l != 'dataLayer' ? '&l=' + l : ''; 4049 j.async = true; 4050 j.src = 'https\u003A\u002F\u002Fwww.googletagmanager.com' + '/gtm.js?id=' + i + dl; 4051 f.parentNode.insertBefore(j, f); 4052 })(window, document, 'script', 'dataLayer', 'GTM\u002DNPVK9GL'); 4053 }; 4054 4055 events.forEach(function (eventType) { 4056 window.addEventListener(eventType, initYireoGoogleTagManager2, {once: true, passive: true}) 4057 }); 4058 })(['load', 'keydown', 'mouseover', 'scroll', 'touchstart', 'wheel']); 4059 4060 </script>
vendor: 1 bytes, line 4060
4060
4061<script type="text/javascript"> 4062 window.deliveryTime = { 4063 "config": [[],{"1":[{"from_hour":0,"to_hour":20,"dt_label":"Morgen thuisbezorgd","days":1},{"from_hour":20,"to_hour":24,"dt_label":"Woensdag thuisbezorgd","days":2}],"2":[{"from_hour":0,"to_hour":20,"dt_label":"Morgen thuisbezorgd","days":1},{"from_hour":20,"to_hour":24,"dt_label":"Donderdag thuisbezorgd","days":4}],"3":[{"from_hour":0,"to_hour":20,"dt_label":"Morgen thuisbezorgd","days":1},{"from_hour":20,"to_hour":24,"dt_label":"Vrijdag thuisbezorgd","days":1}],"4":[{"from_hour":0,"to_hour":20,"dt_label":"Morgen thuisbezorgd","days":2},{"from_hour":20,"to_hour":24,"dt_label":"Zaterdag thuisbezorgd","days":2}],"5":[{"from_hour":0,"to_hour":20,"dt_label":"Morgen thuisbezorgd","days":1},{"from_hour":20,"to_hour":24,"dt_label":"Dinsdag thuisbezorgd","days":4}],"6":[{"from_hour":0,"to_hour":24,"dt_label":"Dinsdag thuisbezorgd","days":3}],"0":[{"from_hour":0,"to_hour":16,"dt_label":"Dinsdag thuisbezorgd","days":2}]}], 4064 "tomorrowMsg": "Morgen thuisbezorgd", 4065 "timezone": "Europe/Amsterdam", 4066 "messages": { 4067 "Unknown": "Onbekend", 4068 "Delivered tomorrow": "Morgen thuisbezorgd", 4069 "In stock in a store": "10 tot 14 werkdagen", 4070 "Product not available online": "Product online niet op voorraad" 4071 }, 4072 "delayedMsg": "10 tot 14 werkdagen" 4073 };</script>
vendor: 1 bytes, line 4073
4073
4074<script type="text/javascript"> 4075 require([ 4076 'jquery' 4077 ], function ($) { 4078 var body = $('body'); 4079 4080 if(!body.hasClass('checkout-cart-index') && !body.hasClass('checkout-index-index')){ 4081 var spraypay = this; 4082 spraypay.updateBodyClass = function () { 4083 if (localStorage.getItem('spraypay_trade_in_quote') > 0) { 4084 body.addClass('spraypay-trade-in-quote'); 4085 body.removeClass('spraypay-init'); 4086 } else { 4087 body.removeClass('spraypay-trade-in-quote'); 4088 body.addClass('spraypay-init'); 4089 } 4090 }; 4091 4092 spraypay.updateBodyClass(); 4093 4094 $(document).on('customer-data-reload', function (e, arg) { 4095 if (arg.includes('cart')) { 4096 setTimeout(function () { 4097 spraypay.updateBodyClass(); 4098 }, 250); 4099 } 4100 }); 4101 } 4102 });</script>
vendor: 1 bytes, line 4102
4102
4103<script type="text/x-magento-init"> 4104 { 4105 "*": { 4106 "Magento_PageBuilder/js/widget-initializer": { 4107 "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Mediact_PageBuilderBlocks\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"slider\"][data-appearance=\"embla-slider\"]":{"Amac_PageBuilderEmblaCarousel\/js\/content-type\/slider\/appearance\/embla-slider\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/widget\/show-on-hover":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/widget\/show-on-hover":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false},"[data-content-type=\"products\"][data-appearance=\"embla-carousel\"]":{"Amac_PageBuilderEmblaCarousel\/js\/content-type\/products\/appearance\/embla-carousel\/widget":false},"[data-content-type=\"products\"][data-appearance=\"embla-carousel-default\"]":{"Amac_PageBuilderEmblaCarousel\/js\/content-type\/products\/appearance\/embla-carousel\/widget":false},"[data-content-type=\"product_recommendations\"]":{"Magento_PageBuilderProductRecommendations\/js\/content-type\/product-recommendations\/appearance\/default\/widget":false},"[data-content-type=\"faq\"]":{"Amac_PageBuilderFaq\/js\/content-type\/faq\/appearance\/default\/widget":false},"[data-content-type=\"blogposts\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false},"[data-content-type=\"popup\"]":{"Amac_PageBuilderPopup\/js\/content-type\/popup\/appearance\/default\/widget":false},"[data-content-type=\"mediact_collapsible\"]":{"Mediact_PageBuilderCollapsible\/js\/content-type\/collapsible-content\/appearance\/default\/widget":false},"[data-content-type=\"hero\"][data-appearance=\"default\"]":{"Mediact_PagebuilderExtended\/js\/content-type\/hero\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-hero-button","showOverlay":"hover","dataRole":"hero"}}}, 4108 "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 767px)","conditions":{"max-width":"600px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}} } 4109 } 4110 }</script>
vendor: 1 bytes, line 4110
4110
4111<script>document.querySelector("#cookie-status").style.display = "none";</script>
vendor: 1 bytes, line 4111
4111
4112<script type="text/x-magento-init"> 4113 { 4114 "*": { 4115 "cookieStatus": {} 4116 } 4117 }</script>
vendor: 1 bytes, line 4117
4117
4118<script type="text/x-magento-init"> 4119 { 4120 "*": { 4121 "mage/cookies": { 4122 "expires": null, 4123 "path": "\u002F", 4124 "domain": ".www.amac.nl", 4125 "secure": true, 4126 "lifetime": "360000" 4127 } 4128 } 4129 }</script>
vendor: 1 bytes, line 4129
4129
4130<script> window.cookiesConfig = window.cookiesConfig || {}; window.cookiesConfig.secure = true; </script>
vendor: 1 bytes, line 4130
4130
4131<script> require.config({ 4132 map: { 4133 '*': { 4134 wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymceAdapter' 4135 } 4136 } 4137 });</script>
vendor: 1 bytes, line 4137
4137
4138<script> require.config({ 4139 paths: { 4140 googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.56\u0026key\u003DAIzaSyALx1LzfA6V7ysdFprDSZeU6QDbbx7RIfU' 4141 }, 4142 config: { 4143 'Magento_PageBuilder/js/utils/map': { 4144 style: '', 4145 }, 4146 'Magento_PageBuilder/js/content-type/map/preview': { 4147 apiKey: 'AIzaSyALx1LzfA6V7ysdFprDSZeU6QDbbx7RIfU', 4148 apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.amac.nl\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.' 4149 }, 4150 'Magento_PageBuilder/js/form/element/map': { 4151 apiKey: 'AIzaSyALx1LzfA6V7ysdFprDSZeU6QDbbx7RIfU', 4152 apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.amac.nl\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.' 4153 }, 4154 } 4155 });</script>
vendor: 1 bytes, line 4155
4155
4156<script> 4157 require.config({ 4158 shim: { 4159 'Magento_PageBuilder/js/utils/map': { 4160 deps: ['googleMaps'] 4161 } 4162 } 4163 });</script>
vendor: 1 bytes, line 4163
4163
4164<script type="text/x-magento-init"> 4165 { 4166 "*": { 4167 "Magento_GoogleTagManager/js/google-tag-manager-cart": { 4168 "blockNames": ["category.products.list","product.info.upsell","catalog.product.related","checkout.cart.crosssell","search_result_list","widget_products_items"], 4169 "cookieAddToCart": "add_to_cart", 4170 "cookieRemoveFromCart": 4171 "remove_from_cart", 4172 "advancedAddToCart": "add_to_cart_advanced" 4173 } 4174 } 4175 }</script>
vendor: 1 bytes, line 4175
4175
4176<script> 4177 const sliderInner = document.querySelector(".top-slider-inner"); 4178 const slides = document.querySelectorAll(".top-slider-item"); 4179 const totalSlides = slides.length; 4180 const slideWidth = 100; // Each slide takes 100% of the container width 4181 let currentIndex = 1; // Start at the first original slide 4182 let isTransitioning = false; 4183 4184 // Move slider to the starting position 4185 sliderInner.style.transform = `translateX(-${currentIndex * slideWidth}%)`; 4186 4187 // Handle transition end to reset position for seamless loop 4188 function handleTransitionEnd() { 4189 if (currentIndex >= totalSlides - 1) { 4190 sliderInner.style.transition = "none"; 4191 currentIndex = 1; 4192 sliderInner.style.transform = `translateX(-${currentIndex * slideWidth}%)`; 4193 } else if (currentIndex <= 0) { 4194 sliderInner.style.transition = "none"; 4195 currentIndex = totalSlides - 2; 4196 sliderInner.style.transform = `translateX(-${currentIndex * slideWidth}%)`; 4197 } 4198 isTransitioning = false; 4199 } 4200 4201 // Remove old listener and add new one 4202 sliderInner.removeEventListener("transitionend", handleTransitionEnd); 4203 sliderInner.addEventListener("transitionend", handleTransitionEnd); 4204 4205 // Infinite sliding function 4206 function infiniteSlide() { 4207 if (isTransitioning) return; 4208 4209 isTransitioning = true; 4210 currentIndex++; 4211 4212 // Apply transform for smooth transition 4213 requestAnimationFrame(() => { 4214 sliderInner.style.transition = "transform 1s ease"; 4215 sliderInner.style.transform = `translateX(-${currentIndex * slideWidth}%)`; 4216 }); 4217 } 4218 4219 // Clear any existing intervals 4220 if (window.sliderInterval) { 4221 clearInterval(window.sliderInterval); 4222 } 4223 4224 // Set new interval for infinite slide 4225 window.sliderInterval = setInterval(infiniteSlide, 4000); 4226 4227 // Optional: Pause on hover 4228 sliderInner.addEventListener("mouseenter", () => clearInterval(window.sliderInterval)); 4229 sliderInner.addEventListener("mouseleave", () => { 4230 window.sliderInterval = setInterval(infiniteSlide, 4000); 4231 }); 4232 </script>
vendor: 1 bytes, line 4232
4232
4233<script type="text/javascript"> 4234 require(['Magento_Catalog/js/price-utils'], function (priceUtils) { 4235 window['autocompleteFormatPrice'] = function (price) { 4236 return priceUtils.formatPrice( 4237 price, 4238 {"pattern":"\u20ac\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false} ); 4239 }; 4240 });</script>
vendor: 1 bytes, line 4240
4240
4241<script type="text/x-magento-init"> 4242 { 4243 "*": { 4244 "Magento_Ui/js/core/app": { 4245 "components": { 4246 "header-store-selector": { 4247 "component": "Amac_Storelocator/js/view/header-store-selector", 4248 "storeCode": "amac_nl", 4249 "websiteCode": "amac", 4250 "storeLocatorUrl": "https\u003A\u002F\u002Fwww.amac.nl\u002Fwinkels", 4251 "mapsApiKey": "AIzaSyALx1LzfA6V7ysdFprDSZeU6QDbbx7RIfU", 4252 "storeUrlMap": {"11-00":"utrecht-the-wall","12-00":"utrecht-post","20-00":"amersfoort","30-00":"den-bosch","32-00":"Enschede","33-00":"nijmegen","34-00":"zwolle","40-00":"eindhoven","42-00":"alkmaar","43-00":"almere","44-00":"amstelveen","46-00":"arnhem","47-00":"bussum","48-00":"delft","49-00":"dordrecht","50-00":"ede","52-00":"groningen","53-00":"heerenveen","55-00":"hilversum","56-00":"hoorn","57-00":"leeuwarden","58-00":"leidschendam","59-00":"oss","61-00":"sittard","62-00":"roermond","64-00":"tilburg","65-00":"apeldoorn","66-00":"deventer","67-00":"doetinchem","68-00":"uitgeest","70-00":"rotterdam","71-00":"den-haag","72-00":"zoetermeer","73-00":"breda","74-00":"leiden","77-00":"alexandrium","78-00":"bergen-op-zoom","79-00":"roosendaal","80-00":"middelburg","81-00":"gouda","82-00":"uden","84-00":"zeist","85-00":"maastricht","86-00":"heerlen","87-00":"venlo","88-00":"amsterdam-zuidas"} 4253 } 4254 } 4255 } 4256 } 4257 }</script>
vendor: 1 bytes, line 4257
4257
4258<script> 4259 window.checkout = {"shoppingCartUrl":"https:\/\/www.amac.nl\/checkout\/cart\/","checkoutUrl":"https:\/\/www.amac.nl\/checkout\/","updateItemQtyUrl":"https:\/\/www.amac.nl\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/www.amac.nl\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/www.amac.nl\/","minicartMaxItemsVisible":5,"websiteId":"3","maxItemsToDisplay":10,"storeId":"3","storeGroupId":"6","customerLoginUrl":"https:\/\/www.amac.nl\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cuYW1hYy5ubC93aW5rZWxzL3V0cmVjaHQtcG9zdA~~\/","isRedirectRequired":false,"autocomplete":"off","clearShoppingCartButtonEnabled":false,"captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/www.amac.nl\/captcha\/refresh\/","isRequired":false,"timestamp":1791058259}}};</script>
vendor: 1 bytes, line 4259
4259
4260<script type="text/x-magento-init"> 4261 { 4262 "[data-block='minicart']": { 4263 "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":1,"display_cart_subtotal_excl_tax":0,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals","children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}}}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"component":"uiComponent","config":{"displayArea":"extraInfo"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]} }, 4264 "[data-block='minicart-header']": { 4265 "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":1,"display_cart_subtotal_excl_tax":0,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals","children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}}}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"component":"uiComponent","config":{"displayArea":"extraInfo"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]} }, 4266 "*": { 4267 "Magento_Ui/js/block-loader": "https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/images/loader-1.gif" 4268 } 4269 }</script>
vendor: 1 bytes, line 4269
4269
4270<script type="text/x-magento-init"> 4271 { 4272 "*": { 4273 "Magento_Ui/js/core/app": { 4274 "components": { 4275 "wishlist": { 4276 "component": "Magento_Wishlist/js/view/wishlist" 4277 } 4278 } 4279 } 4280 } 4281 }</script>
vendor: 1 bytes, line 4281
4281
4282<script type="text/x-magento-init"> 4283 { 4284 "*": { 4285 "Magento_Ui/js/core/app": { 4286 "components": { 4287 "header-customer": { 4288 "component": "Magento_Customer/js/view/header-customer" 4289 } 4290 } 4291 } 4292 } 4293 }</script>
vendor: 1 bytes, line 4293
4293
4294<script> 4295require(['jquery', 'Magento_Ui/js/modal/modal'], function ($, modal) { 4296 var $modal = $('#global-product-modal'); 4297 var $frame = $modal.find('.product-modal-frame'); 4298 var resizeObserver; 4299 var chatObserver; 4300 4301 if (!$modal.length || $modal.data('globalProductModalReady')) { 4302 return; 4303 } 4304 4305 modal({ 4306 type: 'popup', 4307 modalClass: 'more-info-modal-frame', 4308 responsive: true, 4309 innerScroll: false, 4310 clickableOverlay: true, 4311 buttons: [] 4312 }, $modal); 4313 4314 $modal.data('globalProductModalReady', true); 4315 4316 function resizeFrame() { 4317 try { 4318 var documentElement = $frame[0].contentDocument.documentElement; 4319 var body = $frame[0].contentDocument.body; 4320 var height = Math.max(documentElement.scrollHeight, body.scrollHeight, documentElement.offsetHeight, body.offsetHeight); 4321 $frame.height(height); 4322 } catch (error) {} 4323 } 4324 4325 $frame.on('load', function () { 4326 try { 4327 var frameWindow = this.contentWindow; 4328 var $document = $(this.contentDocument); 4329 function showLoadedContent() { 4330 var $comparison = $document.find('.channel-compare').first(); 4331 4332 if ($comparison.length) { 4333 var $comparisonContent = $comparison.closest('.category-description'); 4334 var $categoryView = $comparison.closest('.category-view'); 4335 if ($comparisonContent.length && $categoryView.length) { 4336 $categoryView.children('.category-description').not($comparisonContent).hide(); 4337 } 4338 return true; 4339 } 4340 4341 return false; 4342 } 4343 4344 $document.find('header, footer, .page-header, .page-footer, .top-slider, .nav-sections, .breadcrumbs').hide(); 4345 showLoadedContent(); 4346 4347 function hideModalChat() { 4348 $document.find('#robin_tab_container, #robin_tab').hide(); 4349 } 4350 hideModalChat(); 4351 4352 if (resizeObserver) { 4353 resizeObserver.disconnect(); 4354 } 4355 if (window.ResizeObserver) { 4356 resizeObserver = new ResizeObserver(resizeFrame); 4357 resizeObserver.observe(this.contentDocument.body); 4358 } 4359 4360 if (chatObserver) { 4361 chatObserver.disconnect(); 4362 } 4363 if (frameWindow.MutationObserver) { 4364 chatObserver = new frameWindow.MutationObserver(function () { 4365 hideModalChat(); 4366 if (showLoadedContent()) { 4367 resizeFrame(); 4368 } 4369 }); 4370 chatObserver.observe(this.contentDocument.documentElement, {childList:true, subtree:true}); 4371 } 4372 } catch (error) {} 4373 4374 resizeFrame(); 4375 window.setTimeout(resizeFrame, 250); 4376 window.setTimeout(resizeFrame, 1000); 4377 }); 4378 4379 $(document).on('click', 'body.catalog-product-view a.js-open-product-modal', function (event) { 4380 event.preventDefault(); 4381 $frame.attr({ 4382 src: $(this).attr('href'), 4383 title: $.trim($(this).text()) 4384 }); 4385 $modal.modal('openModal'); 4386 }); 4387 4388 $modal.on('modalclosed', function () { 4389 if (resizeObserver) { 4390 resizeObserver.disconnect(); 4391 } 4392 if (chatObserver) { 4393 chatObserver.disconnect(); 4394 } 4395 $frame.attr({src: 'about:blank', title: ''}).height(1); 4396 }); 4397}); 4398</script>
vendor: 1 bytes, line 4398
4398
4399<script> 4400//layout sticky 4401(() => { 4402 'use strict'; 4403 4404 const SCRIPT_KEY = '__amacStickySprayPayLayoutInitialized'; 4405 const styleId = 'amac-sticky-spraypay-layout-style'; 4406 4407 let updateScheduled = false; 4408 4409 const addStyle = () => { 4410 if (document.getElementById(styleId)) return; 4411 4412 const style = document.createElement('style'); 4413 style.id = styleId; 4414 4415 style.textContent = ` 4416 body.catalog-product-view 4417 .sticky-footer 4418 .fo-product-price { 4419 display: flex; 4420 flex-direction: column; 4421 align-items: flex-start !important; 4422 gap: 4px; 4423 } 4424 4425 body.catalog-product-view 4426 .sticky-footer 4427 .fo-product-price 4428 .fo-product-spraypay-pdp { 4429 width: 100%; 4430 text-align: left; 4431 line-height: 16px; 4432 } 4433 4434 body.catalog-product-view 4435 .sticky-footer 4436 .fo-product-price 4437 .spraypay-pdp-link { 4438 text-align: left; 4439 } 4440 `; 4441 4442 document.head.appendChild(style); 4443 }; 4444 4445 const arrangeStickySprayPay = () => { 4446 updateScheduled = false; 4447 4448 const stickyPrice = document.querySelector( 4449 '.sticky-footer .fo-product-price' 4450 ); 4451 4452 const sprayPayRow = document.querySelector( 4453 '.sticky-footer .fo-product-spraypay-pdp' 4454 ); 4455 4456 if (!stickyPrice || !sprayPayRow) return; 4457 4458 // Place the existing native SprayPay button directly 4459 // underneath the existing sticky price. 4460 if (sprayPayRow.parentElement !== stickyPrice) { 4461 stickyPrice.appendChild(sprayPayRow); 4462 } 4463 }; 4464 4465 const scheduleUpdate = () => { 4466 if (updateScheduled) return; 4467 4468 updateScheduled = true; 4469 requestAnimationFrame(arrangeStickySprayPay); 4470 }; 4471 4472 const start = () => { 4473 if (window[SCRIPT_KEY]) return; 4474 window[SCRIPT_KEY] = true; 4475 4476 if (!document.body.classList.contains('catalog-product-view')) { 4477 return; 4478 } 4479 4480 addStyle(); 4481 arrangeStickySprayPay(); 4482 4483 new MutationObserver(scheduleUpdate).observe(document.body, { 4484 childList: true, 4485 subtree: true 4486 }); 4487 }; 4488 4489 if (document.readyState === 'loading') { 4490 document.addEventListener('DOMContentLoaded', start, { 4491 once: true 4492 }); 4493 } else { 4494 start(); 4495 } 4496})(); 4497</script>
vendor: 1 bytes, line 4497
4497
4498<script> 4499//disable ATC if "pre-order" in stock status text 4500document.addEventListener('DOMContentLoaded', function () { 4501 const deliverySelectors = [ 4502 '.delivery-time', 4503 '.fo-product-stock-status-title' 4504 ]; 4505 4506 const buttonSelectors = [ 4507 '#product-addtocart-button', 4508 '#product-addtocart-button_additional', 4509 '#product_addtocart_form .box-tocart > button.tocart' 4510 ]; 4511 4512 function updateAddToCartState() { 4513 const deliveryText = deliverySelectors 4514 .flatMap(selector => [...document.querySelectorAll(selector)]) 4515 .map(element => element.textContent.trim()) 4516 .join(' '); 4517 4518 // Matches "pre-order", "preorder" and "pre order". 4519 const isPreorder = /pre[\s-]?order/i.test(deliveryText); 4520 4521 document.querySelectorAll(buttonSelectors.join(',')).forEach(button => { 4522 if (isPreorder) { 4523 if (!button.disabled) { 4524 button.dataset.preorderDisabled = 'true'; 4525 button.disabled = true; 4526 button.setAttribute('aria-disabled', 'true'); 4527 } 4528 } else if (button.dataset.preorderDisabled === 'true') { 4529 button.disabled = false; 4530 button.removeAttribute('aria-disabled'); 4531 delete button.dataset.preorderDisabled; 4532 } 4533 }); 4534 } 4535 4536 updateAddToCartState(); 4537 4538 new MutationObserver(updateAddToCartState).observe(document.body, { 4539 childList: true, 4540 characterData: true, 4541 subtree: true 4542 }); 4543}); 4544</script>
vendor: 1 bytes, line 4544
4544
4545<script> 4546// PDP - Make #description expanded by default 4547(function () { 4548 'use strict'; 4549 4550 var observer; 4551 4552 function setExpanded(description, title, expanded) { 4553 description.classList.toggle('is-collapsed', !expanded); 4554 4555 /* 4556 * Keep is-extended for compatibility with the existing styling 4557 * and Magento markup, but do not rely on it for the collapsed state. 4558 */ 4559 description.classList.toggle('is-extended', expanded); 4560 4561 title.setAttribute('aria-expanded', String(expanded)); 4562 } 4563 4564 function initializeDescription() { 4565 var description = document.querySelector( 4566 '#description.collapsible-description.viewmode-desktop' 4567 ); 4568 4569 if (!description) { 4570 return false; 4571 } 4572 4573 if ( 4574 description.dataset.descriptionAccordionReady === 'true' 4575 ) { 4576 return true; 4577 } 4578 4579 var title = description.querySelector( 4580 ':scope > .product-section-title' 4581 ); 4582 4583 if (!title) { 4584 return false; 4585 } 4586 4587 description.dataset.descriptionAccordionReady = 'true'; 4588 4589 title.setAttribute('role', 'button'); 4590 title.setAttribute('tabindex', '0'); 4591 title.setAttribute('aria-controls', 'description-content'); 4592 4593 var content = description.querySelector( 4594 ':scope > .collapsible-wrapper' 4595 ); 4596 4597 if (content) { 4598 content.id = 'description-content'; 4599 } 4600 4601 /* 4602 * Expand exactly once during initialization. 4603 */ 4604 setExpanded(description, title, true); 4605 4606 function toggleDescription() { 4607 var expanded = 4608 !description.classList.contains('is-collapsed'); 4609 4610 setExpanded(description, title, !expanded); 4611 } 4612 4613 title.addEventListener('click', function (event) { 4614 event.preventDefault(); 4615 event.stopPropagation(); 4616 4617 toggleDescription(); 4618 }); 4619 4620 title.addEventListener('keydown', function (event) { 4621 if (event.key !== 'Enter' && event.key !== ' ') { 4622 return; 4623 } 4624 4625 event.preventDefault(); 4626 event.stopPropagation(); 4627 4628 toggleDescription(); 4629 }); 4630 4631 if (observer) { 4632 observer.disconnect(); 4633 observer = null; 4634 } 4635 4636 return true; 4637 } 4638 4639 /* 4640 * Initialize immediately if the description already exists. 4641 * Otherwise, only observe elements being insertedânot class changes. 4642 */ 4643 if (!initializeDescription()) { 4644 observer = new MutationObserver(function () { 4645 initializeDescription(); 4646 }); 4647 4648 observer.observe(document.documentElement, { 4649 childList: true, 4650 subtree: true 4651 }); 4652 } 4653 4654 document.addEventListener( 4655 'DOMContentLoaded', 4656 initializeDescription, 4657 { once: true } 4658 ); 4659})(); 4660</script>
vendor: 1 bytes, line 4660
4660
4661<script> 4662//google maps placing on store page 4663document.addEventListener('DOMContentLoaded', function () { 4664 const mapTile = document.querySelector('.storelocator_block_map'); 4665 const introBlock = document.querySelector('.storelocator_block_content'); 4666 4667 if (mapTile && introBlock) { 4668 introBlock.parentNode.insertBefore(mapTile, introBlock); 4669 4670 // Laat Google Maps zijn nieuwe afmetingen opnieuw berekenen. 4671 window.dispatchEvent(new Event('resize')); 4672 } 4673}); 4674</script>
vendor: 1 bytes, line 4674
4674
4675<script> 4676//review-expert widget placement PDP 4677(function () { 4678 const FLAG = '__amacMoveBothPdpWidgetsV3'; 4679 if (window[FLAG]) return; 4680 window[FLAG] = true; 4681 4682 function placeWidgets() { 4683 const wrapper = document.querySelector('.page-wrapper'); 4684 const productMain = wrapper?.querySelector('#maincontent.page-main'); 4685 const expert = document.querySelector('#expert-review, .expert-review'); 4686 4687 const footer = wrapper && 4688 [...wrapper.children].find(el => el.matches('footer.page-footer')); 4689 4690 const footerWidgetArea = document.querySelector('.page-bottom'); 4691 4692 if (!wrapper || !productMain || !expert || !footer || !footerWidgetArea) { 4693 return; 4694 } 4695 4696 /* 4697 * Keep Expert Review directly after the main PDP block. 4698 * If âVaak samen gekochtâ is injected there, it is pushed below this widget. 4699 * If it is not present, this still places Expert Review correctly. 4700 */ 4701 if ( 4702 expert.parentNode !== productMain.parentNode || 4703 productMain.nextElementSibling !== expert 4704 ) { 4705 productMain.parentNode.insertBefore(expert, productMain.nextElementSibling); 4706 } 4707 4708 // Keep the other widget directly before the desktop footer. 4709 if ( 4710 footerWidgetArea.parentNode !== footer.parentNode || 4711 footerWidgetArea.nextElementSibling !== footer 4712 ) { 4713 footer.parentNode.insertBefore(footerWidgetArea, footer); 4714 } 4715 } 4716 4717 function start() { 4718 placeWidgets(); 4719 4720 const observer = new MutationObserver(placeWidgets); 4721 observer.observe(document.body, { 4722 childList: true, 4723 subtree: true 4724 }); 4725 4726 setTimeout(() => observer.disconnect(), 30000); 4727 } 4728 4729 if (document.readyState === 'loading') { 4730 document.addEventListener('DOMContentLoaded', start, { once: true }); 4731 } else { 4732 start(); 4733 } 4734})(); 4735</script>
vendor: 1 bytes, line 4735
4735
4736<script> 4737/* 4738 * Selected-value positioning, 4739 * visual attribute at the top, 4740 * helper-link positioning. 4741 */ 4742(function () { 4743 'use strict'; 4744 4745 function moveAttributeHelpLinks(root) { 4746 root.querySelectorAll('.sh-wrapper').forEach(function (wrapper) { 4747 var helper = wrapper.querySelector( 4748 '.sh-helper-links:not(.hide-sh-helper-links)' 4749 ); 4750 4751 var attribute = wrapper.nextElementSibling; 4752 4753 if ( 4754 !helper || 4755 !attribute || 4756 !attribute.classList.contains('swatch-attribute') 4757 ) { 4758 return; 4759 } 4760 4761 helper.classList.add('action', 'link', 'blue'); 4762 4763 if (helper.parentElement === wrapper) { 4764 attribute.insertAdjacentElement('afterend', helper); 4765 } 4766 }); 4767 } 4768 4769 function findPrimaryVisualAttribute(root) { 4770 var attributes = Array.prototype.slice.call( 4771 root.querySelectorAll('.swatch-attribute') 4772 ); 4773 4774 /* 4775 * Prefer an attribute containing color swatches. 4776 */ 4777 var colorAttribute = attributes.find(function (attribute) { 4778 return attribute.querySelector('.swatch-option.color'); 4779 }); 4780 4781 if (colorAttribute) { 4782 return colorAttribute; 4783 } 4784 4785 /* 4786 * Fall back to the first attribute containing image swatches. 4787 */ 4788 return attributes.find(function (attribute) { 4789 return attribute.querySelector('.swatch-option.image'); 4790 }); 4791 } 4792 4793 function moveVisualAttributeToTop(root) { 4794 var visualAttribute = findPrimaryVisualAttribute(root); 4795 4796 if (!visualAttribute) { 4797 return; 4798 } 4799 4800 var labelWrapper = visualAttribute.previousElementSibling; 4801 4802 if ( 4803 !labelWrapper || 4804 !labelWrapper.classList.contains('sh-wrapper') 4805 ) { 4806 return; 4807 } 4808 4809 if (root.firstElementChild === labelWrapper) { 4810 return; 4811 } 4812 4813 var firstElement = root.firstElementChild; 4814 4815 root.insertBefore(labelWrapper, firstElement); 4816 root.insertBefore( 4817 visualAttribute, 4818 labelWrapper.nextElementSibling 4819 ); 4820 } 4821 4822 function syncAttribute(attribute) { 4823 var wrapper = attribute.previousElementSibling; 4824 4825 if ( 4826 !wrapper || 4827 !wrapper.classList.contains('sh-wrapper') 4828 ) { 4829 return; 4830 } 4831 4832 var mirror = wrapper.querySelector( 4833 '.app-inline-selected-option' 4834 ); 4835 4836 /* 4837 * Only attributes containing color or image swatches 4838 * should display the selected value. 4839 */ 4840 if ( 4841 !attribute.querySelector( 4842 '.swatch-option.color, .swatch-option.image' 4843 ) 4844 ) { 4845 if (mirror) { 4846 mirror.remove(); 4847 } 4848 4849 return; 4850 } 4851 4852 var selected = attribute.querySelector( 4853 '.swatch-attribute-selected-option' 4854 ); 4855 4856 var label = wrapper.querySelector( 4857 '.swatch-attribute-label' 4858 ); 4859 4860 if (!label) { 4861 return; 4862 } 4863 4864 if (!mirror) { 4865 mirror = document.createElement('span'); 4866 mirror.className = 'app-inline-selected-option'; 4867 4868 label.insertAdjacentElement('afterend', mirror); 4869 } 4870 4871 var value = selected 4872 ? selected.textContent.trim() 4873 : ''; 4874 4875 /* 4876 * Fallback for image swatches if Magento has not updated 4877 * .swatch-attribute-selected-option yet. 4878 */ 4879 if (!value) { 4880 var selectedSwatch = attribute.querySelector( 4881 '.swatch-option.selected,' + 4882 '.swatch-option[aria-checked="true"]' 4883 ); 4884 4885 if (selectedSwatch) { 4886 value = 4887 selectedSwatch.getAttribute('data-option-label') || 4888 selectedSwatch.getAttribute('aria-label') || 4889 selectedSwatch.textContent.trim(); 4890 } 4891 } 4892 4893 if (mirror.textContent !== value) { 4894 mirror.textContent = value; 4895 } 4896 4897 mirror.hidden = !value; 4898 } 4899 4900 function syncAll(root) { 4901 moveVisualAttributeToTop(root); 4902 moveAttributeHelpLinks(root); 4903 4904 root.querySelectorAll( 4905 '.swatch-attribute' 4906 ).forEach(syncAttribute); 4907 } 4908
4909 function init() { 4910 var root = document.querySelector('.swatch-opt'); 4911 4912 if (!root) { 4913 return; 4914 } 4915 4916 var queued = false; 4917 4918 function scheduleSync() { 4919 if (queued) { 4920 return; 4921 } 4922 4923 queued = true; 4924 4925 requestAnimationFrame(function () { 4926 queued = false; 4927 syncAll(root); 4928 }); 4929 } 4930 4931 scheduleSync(); 4932 4933 new MutationObserver(scheduleSync).observe(root, { 4934 childList: true, 4935 characterData: true, 4936 subtree: true 4937 }); 4938 } 4939 4940 if (document.readyState === 'loading') { 4941 document.addEventListener('DOMContentLoaded', init); 4942 } else { 4943 init(); 4944 } 4945})(); 4946</script>
vendor: 1 bytes, line 4946
4946
4947<script> 4948 4949// Restore the sticky price when Magento leaves it empty. 4950(() => { 4951 'use strict'; 4952 4953 const SCRIPT_KEY = 4954 '__amacStickyPriceFallbackInitialized'; 4955 4956 if (window[SCRIPT_KEY]) return; 4957 window[SCRIPT_KEY] = true; 4958 4959 const mainPriceSelector = 4960 ".product-info-main .price-box[data-role='priceBox']"; 4961 4962 const stickyPriceSelector = 4963 '.sticky-footer .fo-product-price'; 4964 4965 const fallbackClass = 4966 'amac-sticky-price-fallback'; 4967 4968 const ignoredChildClasses = [ 4969 fallbackClass, 4970 'amac-sticky-installment-row', 4971 'sticky-installment-link-row' 4972 ]; 4973 4974 let updateScheduled = false; 4975 4976 const getMainPrice = () => { 4977 return document.querySelector(mainPriceSelector); 4978 }; 4979 4980 const getStickyPrice = () => { 4981 return document.querySelector(stickyPriceSelector); 4982 }; 4983 4984 const hasNativeStickyPrice = (stickyPrice) => { 4985 return Array.from(stickyPrice.children) 4986 .some((element) => { 4987 const isCustomElement = 4988 ignoredChildClasses.some((className) => { 4989 return element.classList.contains( 4990 className 4991 ); 4992 }); 4993 4994 if (isCustomElement) { 4995 return false; 4996 } 4997 4998 const isPriceElement = 4999 element.matches( 5000 '.price-box, ' + 5001 '.real-price, ' + 5002 '.normal-price-wrapper, ' + 5003 '.normal-price' 5004 ) || 5005 Boolean( 5006 element.querySelector( 5007 '.price-box, ' + 5008 '.real-price, ' + 5009 '.normal-price-wrapper, ' + 5010 '.normal-price' 5011 ) 5012 ); 5013 5014 return ( 5015 isPriceElement && 5016 element.textContent.trim() !== '' 5017 ); 5018 }); 5019 }; 5020 5021 const createSafePriceClone = (mainPrice) => { 5022 const clone = mainPrice.cloneNode(true); 5023 5024 clone.classList.add( 5025 'amac-sticky-price-fallback-content' 5026 ); 5027 5028 /* 5029 * Do not register the clone as another Magento 5030 * price-box component. 5031 */ 5032 [ 5033 'id', 5034 'data-role', 5035 'data-product-id', 5036 'data-price-box', 5037 'data-mage-init' 5038 ].forEach((attribute) => { 5039 clone.removeAttribute(attribute); 5040 }); 5041 5042 clone.querySelectorAll('*').forEach((element) => { 5043 [ 5044 'id', 5045 'data-role', 5046 'data-product-id', 5047 'data-price-box', 5048 'data-mage-init' 5049 ].forEach((attribute) => { 5050 element.removeAttribute(attribute); 5051 }); 5052 }); 5053 5054 /* 5055 * Prevent duplicate product-price structured data. 5056 */ 5057 clone 5058 .querySelectorAll( 5059 '[itemprop], [itemscope], [itemtype]' 5060 ) 5061 .forEach((element) => { 5062 element.removeAttribute('itemprop'); 5063 element.removeAttribute('itemscope'); 5064 element.removeAttribute('itemtype'); 5065 }); 5066 5067 clone 5068 .querySelectorAll('meta') 5069 .forEach((element) => { 5070 element.remove(); 5071 }); 5072 5073 return clone; 5074 }; 5075 5076 const synchronizeStickyPrice = () => { 5077 updateScheduled = false; 5078 5079 const mainPrice = getMainPrice(); 5080 const stickyPrice = getStickyPrice(); 5081 5082 if (!mainPrice || !stickyPrice) return; 5083 5084 let fallback = stickyPrice.querySelector( 5085 ':scope > .' + fallbackClass 5086 ); 5087 5088 /* 5089 * If Magento has its own price, remove our fallback. 5090 */ 5091 if (hasNativeStickyPrice(stickyPrice)) { 5092 fallback?.remove(); 5093 return; 5094 } 5095 5096 /* 5097 * The sticky price is empty, so create the fallback 5098 * container in the original price position. 5099 */ 5100 if (!fallback) { 5101 fallback = document.createElement('div'); 5102 fallback.className = fallbackClass; 5103 stickyPrice.prepend(fallback); 5104 } 5105 5106 /* 5107 * Only rebuild the clone when the PDP price changes. 5108 * This avoids a MutationObserver update loop. 5109 */ 5110 const priceSignature = mainPrice.outerHTML; 5111 5112 if ( 5113 fallback.dataset.priceSignature === 5114 priceSignature 5115 ) { 5116 return; 5117 } 5118 5119 fallback.replaceChildren( 5120 createSafePriceClone(mainPrice) 5121 ); 5122 5123 fallback.dataset.priceSignature = 5124 priceSignature; 5125 }; 5126 5127 const scheduleUpdate = () => { 5128 if (updateScheduled) return; 5129 5130 updateScheduled = true; 5131 5132 requestAnimationFrame( 5133 synchronizeStickyPrice 5134 ); 5135 }; 5136 5137 const start = () => { 5138 if ( 5139 !document.body.classList.contains( 5140 'catalog-product-view' 5141 ) 5142 ) { 5143 return; 5144 } 5145 5146 synchronizeStickyPrice(); 5147 5148 new MutationObserver(scheduleUpdate) 5149 .observe(document.body, { 5150 childList: true, 5151 subtree: true, 5152 characterData: true 5153 }); 5154 }; 5155 5156 if (document.readyState === 'loading') { 5157 document.addEventListener( 5158 'DOMContentLoaded', 5159 start, 5160 { once: true } 5161 ); 5162 } else { 5163 start(); 5164 } 5165})(); 5166 5167</script>
vendor: 1 bytes, line 5167
5167
5168<script type="text/x-magento-init"> 5169 { 5170 "*": { 5171 "Magento_Ui/js/core/app": { 5172 "components": { 5173 "messages": { 5174 "component": "Magento_Theme/js/view/messages" 5175 } 5176 } 5177 } 5178 } 5179 }</script>
vendor: 1 bytes, line 5179
5179
5180<script>window.authenticationPopup = {"autocomplete":"off","customerRegisterUrl":"https:\/\/www.amac.nl\/customer\/account\/create\/","customerForgotPasswordUrl":"https:\/\/www.amac.nl\/customer\/account\/forgotpassword\/","baseUrl":"https:\/\/www.amac.nl\/","customerLoginUrl":"https:\/\/www.amac.nl\/customer\/ajax\/login\/","studentDiscountDescription":"","showCustomLoginText":true,"b2cBaseUrl":"https:\/\/www.amac.nl\/","b2bBaseUrl":"https:\/\/pro.amac.nl\/"}</script>
vendor: 1 bytes, line 5180
5180
5181<script type="text/x-magento-init"> 5182 { 5183 "#authenticationPopup": { 5184 "Magento_Ui/js/core/app": {"components":{"authenticationPopup":{"component":"Magento_Customer\/js\/view\/authentication-popup","children":{"messages":{"component":"Magento_Ui\/js\/view\/messages","displayArea":"messages"}}}}} }, 5185 "*": { 5186 "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.amac.nl\u002Fstatic\u002Fversion1790773912\u002Ffrontend\u002FAmac\u002Fb2c\u002Fnl_NL\u002Fimages\u002Floader\u002D1.gif" 5187 } 5188 }</script>
vendor: 1 bytes, line 5188
5188
5189<script type="text/x-magento-init"> 5190 { 5191 "*": { 5192 "Magento_Customer/js/section-config": { 5193 "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages","company","customer"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart"],"sales\/order\/reorder":["cart"],"rest\/v1\/requisition_lists":["requisition"],"requisition_list\/requisition\/delete":["requisition"],"requisition_list\/item\/addtocart":["cart"],"checkout\/cart\/add":["cart","directory-data"],"checkout\/cart\/delete":["cart"],"checkout\/cart\/updatepost":["cart"],"checkout\/cart\/updateitemoptions":["cart"],"checkout\/cart\/couponpost":["cart"],"checkout\/cart\/estimatepost":["cart"],"checkout\/cart\/estimateupdatepost":["cart"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items"],"checkout\/sidebar\/removeitem":["cart"],"checkout\/sidebar\/updateitemqty":["cart"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase"],"customer_order\/cart\/updatefaileditemoptions":["cart"],"checkout\/cart\/updatefaileditemoptions":["cart"],"customer_order\/cart\/advancedadd":["cart"],"checkout\/cart\/advancedadd":["cart"],"checkout\/cart\/removeallfailed":["cart"],"checkout\/cart\/removefailed":["cart"],"customer_order\/cart\/addfaileditems":["cart"],"checkout\/cart\/addfaileditems":["cart"],"customer_order\/sku\/uploadfile":["cart"],"wishlist\/index\/add":["wishlist","amac_wishlist","customer"],"wishlist\/index\/remove":["wishlist","amac_wishlist"],"wishlist\/index\/updateitemoptions":["wishlist","amac_wishlist"],"wishlist\/index\/update":["wishlist","amac_wishlist"],"wishlist\/index\/cart":["wishlist","cart","amac_wishlist"],"wishlist\/index\/fromcart":["wishlist","cart","amac_wishlist"],"wishlist\/index\/allcart":["wishlist","cart","amac_wishlist"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"company\/company\/select":["customer-companies","cart","cart-data","checkout-data","negotiable_quote","purchase_order"],"multishipping\/checkout\/overviewpost":["cart"],"giftregistry\/index\/cart":["cart"],"giftregistry\/view\/addtocart":["cart"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"wishlist\/index\/copyitem":["wishlist"],"wishlist\/index\/copyitems":["wishlist"],"wishlist\/index\/deletewishlist":["wishlist","multiplewishlist"],"wishlist\/index\/createwishlist":["multiplewishlist"],"wishlist\/index\/editwishlist":["multiplewishlist"],"wishlist\/index\/moveitem":["wishlist"],"wishlist\/index\/moveitems":["wishlist"],"wishlist\/search\/addtocart":["cart","wishlist"],"paypal\/express\/placeorder":["cart","checkout-data"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data"],"paypal\/express\/onauthorization":["cart","checkout-data"],"rest\/*\/v1\/carts\/*\/po-payment-information":["cart","checkout-data","last-ordered-items"],"purchaseorder\/purchaseorder\/success":["cart","checkout-data","last-ordered-items"],"persistent\/index\/unsetcookie":["persistent"],"quickorder\/sku\/uploadfile\/":["cart"],"review\/product\/post":["review"],"paymentservicespaypal\/smartbuttons\/placeorder":["cart","checkout-data"],"paymentservicespaypal\/smartbuttons\/cancel":["cart","checkout-data"],"amac_wishlist\/wishlist\/toggle":["wishlist","amac_wishlist"],"advancedcheckout\/cart\/clear":["cart"],"postnl\/fillin\/index":["cart","checkout-data"],"checkout\/index\/index":["gtm-checkout"],"checkout\/onepage\/success":["gtm-checkout"]}, 5194 "clientSideSections": ["checkout-data","cart-data"], 5195 "baseUrls": ["https:\/\/www.amac.nl\/"], 5196 "sectionNames": ["messages","customer","compare-products","last-ordered-items","requisition","cart","directory-data","captcha","wishlist","company","company_authorization","customer-companies","negotiable_quote","instant-purchase","loggedAsCustomer","multiplewishlist","purchase_order","persistent","review","payments","amac_wishlist","webforms","gtm-checkout","customer_email","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement","paypal-buyer-country"] } 5197 } 5198 }</script>
vendor: 1 bytes, line 5198
5198
5199<script type="text/x-magento-init"> 5200 { 5201 "*": { 5202 "Magento_Customer/js/customer-data": { 5203 "sectionLoadUrl": "https\u003A\u002F\u002Fwww.amac.nl\u002Fcustomer\u002Fsection\u002Fload\u002F", 5204 "expirableSectionLifetime": 60, 5205 "expirableSectionNames": ["cart","persistent"], 5206 "cookieLifeTime": "360000", 5207 "cookieDomain": "", 5208 "updateSessionUrl": "https\u003A\u002F\u002Fwww.amac.nl\u002Fcustomer\u002Faccount\u002FupdateSession\u002F", 5209 "isLoggedIn": "", 5210 "customerShare": "1" 5211 } 5212 } 5213 }</script>
vendor: 1 bytes, line 5213
5213
5214<script type="text/x-magento-init"> 5215 { 5216 "*": { 5217 "Magento_Customer/js/invalidation-processor": { 5218 "invalidationRules": { 5219 "website-rule": { 5220 "Magento_Customer/js/invalidation-rules/website-rule": { 5221 "scopeConfig": { 5222 "websiteId": "3" 5223 } 5224 } 5225 } 5226 } 5227 } 5228 } 5229 }</script>
vendor: 1 bytes, line 5229
5229
5230<script type="text/x-magento-init"> 5231 { 5232 "body": { 5233 "pageCache": {"url":"https:\/\/www.amac.nl\/page_cache\/block\/render\/","handles":["default","storelocator_stores_store","blog_css","yireo_googletagmanager2","yireo_googletagmanager2_storelocator_stores_store"],"originalRequest":{"route":"storelocator","controller":"stores","action":"store","uri":"\/winkels\/utrecht-post"},"versionCookieName":"private_content_version"} } 5234 }</script>
vendor: 1 bytes, line 5234
5234
5235<script type="text/x-magento-init"> 5236{ 5237 "*": { 5238 "Magento_Banner/js/model/banner": 5239 {"sectionLoadUrl":"https:\/\/www.amac.nl\/banner\/ajax\/load\/","cacheTtl":30000} } 5240}</script>
vendor: 1 bytes, line 5240
5240
5241<script type="text/x-magento-init"> 5242 { 5243 "*": { 5244 "Tweakwise_Magento2Tweakwise/js/analytics": { 5245 "eventsData": {"session_start":{"type":"session_start","value":"session_start","requestId":""}}, 5246 "bindItemClickEventsConfig": { 5247 "productListSelector": "", 5248 "productSelector": "", 5249 "analyticsEndpoint": "", 5250 "twRequestId": "" 5251 } 5252 } 5253 } 5254 }</script>
vendor: 1 bytes, line 5254
5254
5255<script src="https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Tweakwise_Magento2Tweakwise/js/analytics.min.js"></script>
vendor: 1 bytes, line 5255
5255
5256<script> require(['jquery', 'domReady!'], function($){ if ($('.mfblogunveil').length) { require(['Magefan_Blog/js/lib/mfblogunveil'], function(){ $('.mfblogunveil').mfblogunveil(); }); } }); </script>
vendor: 1 bytes, line 5256
5256
5257<script> 5258 function initMap() { 5259 var store = { 5260 lat: 52.092900000000000, 5261 lng: 5.116730000000000 }; 5262 5263 var map = new google.maps.Map( 5264 document.getElementById('storelocator_map_container'), 5265 { 5266 zoom: 20, 5267 center: store, 5268 mapTypeControl: false 5269 } 5270 ); 5271 5272 var marker = new google.maps.Marker( 5273 { 5274 position: store, 5275 map: map, 5276 title: "Utrecht\u0020Post" 5277 } 5278 ); 5279 }</script>
vendor: 1 bytes, line 5279
5279
5280<script async 5281 defer 5282 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyALx1LzfA6V7ysdFprDSZeU6QDbbx7RIfU&callback=initMap"></script>
vendor: 1 bytes, line 5282
5282
5283<script type="text/x-magento-init"> 5284 { 5285 "*": { 5286 "Magento_Ui/js/core/app": { 5287 "components": { 5288 "storage-manager": { 5289 "component": "Magento_Catalog/js/storage-manager", 5290 "appendTo": "", 5291 "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/www.amac.nl\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"100000","allowToSendRequest":"1"},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/www.amac.nl\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"100000","allowToSendRequest":"1"},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/www.amac.nl\/rest\/amac_nl\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/www.amac.nl\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"1"}} } 5292 } 5293 } 5294 } 5295 }</script>
vendor: 1 bytes, line 5295
5295
5296<script type="text/x-magento-init"> 5297 { 5298 "*": { 5299 "Amac_PriceEngine/js/price-engine": { 5300 "priceConfig": {"priceFormat":{"pattern":"\u20ac\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"priceEngine":true,"isLoggedIn":false} } 5301 } 5302 }</script>
vendor: 1 bytes, line 5302
5302
5303<script> 5304 window.use_price_engine = false; 5305 window.load_prices = window.use_price_engine; 5306 require([ 5307 'jquery', 5308 'Magento_Customer/js/model/customer' 5309 ], function ($, customer) { 5310 "use strict"; 5311 customer.setIsLoggedIn(); 5312 });</script>
vendor: 1 bytes, line 5312
5312
5313<script>document.addEventListener("DOMContentLoaded", function() { if (document.querySelectorAll('.mf-ytw-wrapper').length || document.querySelectorAll('[data-mf-ytw-youtube-link]').length) { !function (f, b, e, v, t, s) { if(f.mfytwcss)return; f.mfytwcss=1; t = b.createElement(e); t.rel = 'stylesheet'; t.type = 'text/css'; t.href = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'link', 'https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Magefan_YouTubeWidget/css/youtubewidget.min.css'); } if (document.querySelectorAll('.mf-ytw-wrapper').length) { !function (f, b, e, v, t, s) { if(f.mfytwjs)return; f.mfytwjs=1; t = b.createElement(e); t.type = 'text/javascript'; t.src = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'script', 'https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Magefan_YouTubeWidget/js/iframe.min.js'); } if (document.querySelectorAll('[data-mf-ytw-youtube-link]').length) { !function (f, b, e, v, t) { if(f.mflinkjs)return; f.mflinkjs=1; t = b.createElement(e); t.type = 'text/javascript'; t.src = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'script', 'https://www.amac.nl/static/version1790773912/frontend/Amac/b2c/nl_NL/Magefan_YouTubeWidget/js/link.min.js'); } });</script>
vendor: 1 bytes, line 5313
5313
5314<script type="text/x-magento-init"> 5315 { 5316 ".content-slider.align-center": { 5317 "Mediact_PageBuilderBlocks/js/pagebuilder":{} 5318 } 5319 }</script>
vendor: 1 bytes, line 5319
5319
5320<script nonce="cW5lanl1MDB2b2ZmcjVvZHQyaWRyOTJvZzc0bzN1YWs="> 5321 window.dataLayer = window.dataLayer || []; 5322 window.dataLayer.push(window.pageData || {}); 5323 </script>
vendor: 1 bytes, line 5323
5323
5324<script nonce="cW5lanl1MDB2b2ZmcjVvZHQyaWRyOTJvZzc0bzN1YWs="> 5325 require(['yireoGoogleTagManagerProductClicks'], function(clicks) { 5326 clicks({productPath: '.product\u002Ditems\u0020a.product'}); 5327 });</script>
vendor: 1 bytes, line 5327
5327
5328<script type="text/x-magento-init"> 5329 {"*":{"yireoGoogleTagManager":{"cookie_restriction_mode":"","website_id":3,"data_layer":{"version":"3.10.7","page_type":"storelocator\/stores\/store","page_path":"https:\/\/www.amac.nl\/winkels\/utrecht-post","page_title":"Utrecht Post | Apple begint bij Amac","virtual_page":"\/winkels\/utrecht-post","breadcrumb":[],"user":{"has_transacted":false}},"id":"GTM-NPVK9GL","debug":false,"gtm_url":"https:\/\/www.googletagmanager.com"}}}</script>
5329 5330</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.