1 <!doctype html><html lang="en"><head ><meta charset="utf-8"/> 2<meta name="title" content="About Us"/> 3<meta name="robots" content="INDEX,FOLLOW"/> 4<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> 5<title>About Us</title> 6<link rel="stylesheet" type="text/css" defer="defer" href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/css/styles.css?tas=version20260915v1" /> 7<link rel="stylesheet" type="text/css" media="all" href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Algolia_AlgoliaSearch/css/grid.css?tas=version20260915v1" /> 8<link rel="stylesheet" type="text/css" media="all" href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Algolia_AlgoliaSearch/css/algolia-reset.css?tas=version20260915v1" /> 9<link rel="stylesheet" type="text/css" media="all" href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Algolia_AlgoliaSearch/css/recommend.css?tas=version20260915v1" /> 10<link rel="icon" type="image/x-icon" href="https://firebox.com/media/favicon/stores/24/favicon-32x32_180x180_1.jpg" /> 11<link rel="shortcut icon" type="image/x-icon" href="https://firebox.com/media/favicon/stores/24/favicon-32x32_180x180_1.jpg" /> 12<meta name="google-site-verification" content="gYcGFraGaNbEc4HbA9YZPN4ajDQMIqMe1VYl5LLcQ44" /> 13<!-- Matomo Tag Manager -->
14<script> 15var _mtm = window._mtm = window._mtm || []; 16_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); 17var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 18g.async=true; g.src='https://upsidedown.radbag.de/scripts/matomo/js/container_msmyBNMU.js'; s.parentNode.insertBefore(g,s); 19</script>
19 20<!-- End Matomo Tag Manager --> 21
22<script> 23 window.dataLayer = window.dataLayer || []; 24 25 window.gtag = function() { dataLayer.push(arguments); } 26 27 window.gtag('consent', 'default', { 28 ad_storage: 'granted', 29 analytics_storage: 'granted', 30 ad_user_data: 'granted', 31 ad_personalization: 'granted', 32 wait_for_update: 500 33 }); 34</script>
34
34<script> 35 const firedEvents = JSON.parse(sessionStorage.getItem('__cvg_events_dedup') || '{}'); 36 const isDuplicateEvent = (eventData) => { 37 if (eventData.triggered) return true; 38 eventData.triggered = true; 39 if (!eventData.eventID) return false; 40 const key = `${eventData.eventName}::${eventData.eventID}`; 41 if (firedEvents[key]) return true; 42 firedEvents[key] = true; 43 sessionStorage.setItem('__cvg_events_dedup', JSON.stringify(firedEvents)); 44 return false; 45 }; 46 47 const processIdentify = function (sectionData) { 48 const aliases = sectionData?.cvg_aliases; 49 const profileProperties = sectionData?.cvg_profile_properties; 50 if (aliases || profileProperties) { 51 window.cvg({ 52 method: 'set', 53 aliases, 54 profileProperties 55 }) 56 } 57 } 58 59 const processSection = (sectionData) => { 60 processIdentify(sectionData); 61 const cvgEvents = sectionData?.cvg_events || {}; 62 for (const eventId in cvgEvents) { 63 const eventData = cvgEvents[eventId]; 64 if (!isDuplicateEvent(eventData)) window.cvg(eventData); 65 } 66 } 67 68 window.addEventListener('private-content-loaded', function(event) { 69 processSection(event.detail.data.cart); 70 processSection(event.detail.data.customer); 71 });</script>
71<script type="text/x-magento-init"> 72 {"*":{"converge": {}}}</script>
72
72<script> const publicToken = "vg5Jy6"; 73 if (window !== window.parent) { 74 // we are in an iframe 75 window.cvg = (e) => { 76 console.info('Skipping tracking a Converge event because the pixel is loaded in an iFrame:', e); 77 } 78 } else if (!publicToken) { 79 window.cvg = (e) => { 80 console.warn('Cannot track event because Converge public token is not set:', e); 81 } 82 } else { 83 !function(){"use strict";!function(e,t,c,n,s,o,r){e.cvg||(s=e.cvg=function(){ 84 s.process?s.process.apply(s,arguments):s.queue.push(arguments)},s.queue=[],(o= 85 t.createElement(c)).async=1,o.src="https://static.runconverge.com/pixels/"+publicToken+".js", 86 (r=t.getElementsByTagName(c)[0]).parentNode.insertBefore(o,r))}(window,document, 87 "script")}(); 88 } 89 90 window.cvg||(cvg=function(){cvg.process?cvg.process.apply(cvg,arguments):cvg.queue.push(arguments)},cvg.queue=[]); 91 window.cvg({ method: 'set', eventProperties: {"$magento_store_name":"Firebox.com","$magento_store_id":"24"} }) 92 window.cvg({ method: "track", eventName: "$page_load" });</script>
92
92<script type="text/javascript" > 93 var eventNames = [ 94 "wheel", 95 "touchstart", 96 "mouseover", 97 "scroll", 98 "keydown" 99 ]; 100 function addMultiEventListener(element, eventNames, listener) { 101 for (var i=0, iLen=eventNames.length; i<iLen; i++) { 102 element.addEventListener(eventNames[i], listener, true); 103 } 104 } 105 function removeMultiEventListener(element, eventNames, listener) { 106 for (var i=0, iLen=eventNames.length; i<iLen; i++) { 107 element.removeEventListener(eventNames[i], listener, true); 108 } 109 } 110 var isMtmLoaded = false; 111 const loadMtmScript = () => { 112 if (!isMtmLoaded){ 113 var _mtm = window._mtm = window._mtm || []; 114 var mtmData; 115 _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); 116 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 117 g.async=true; 118 g.onload = () => { 119 120 let product = []; 121 if (typeof require !== 'undefined') { 122 products = document.querySelectorAll('.products [id^="product-item"]'); 123 } else { 124 products = document.querySelectorAll('.product-slider a.product, .products a.product'); 125 } 126 if (products.length) { 127 products.forEach(function(product) { 128 product.addEventListener('click', function(event, s) { 129 const regex = /_(\d+)$/; 130 let productId = ''; 131 if (product.id) { 132 const matches = product.id.match(regex); 133 if (matches.length) { 134 productId = matches[1]; 135 } 136 } else { 137 if (product.parentElement) { 138 let parentElementNode = product.parentElement.nodeName.toLowerCase(); 139 if (parentElementNode == 'form') { 140 productId = product.parentElement.querySelector('input[name="product"]').value; 141 } 142 } 143 } 144 if (productId) { 145 const productData = window['JAJUMA_MATOMO_PRODUCT_DATA_ID_' + productId] || {}; 146 productData.item_id = productId; 147 mtmData = { 148 'event': 'click_product', 149 'ecommerce': { 150 'items': [productData] 151 } 152 } 153 _mtm.push(mtmData); 154 } 155 }) 156 }) 157 } 158 159 if (typeof require !== 'undefined') { 160 require(['Magento_Customer/js/customer-data'], function(customerData) { 161 let sectionData = customerData.get('cart'); 162 sectionData.subscribe(function (cartValue) { 163 if (cartValue.mtmUpdateCart) { 164 mtmData = { 165 'event': cartValue.mtmUpdateCart.event, 166 'ecommerce': { 167 'items': cartValue.mtmUpdateCart.item, 168 'qty': cartValue.mtmUpdateCart.qty 169 } 170 } 171 _mtm.push(mtmData); 172 } 173 }); 174 }); 175 } else { 176 window.addEventListener("private-content-loaded", event => { 177 const sectionData = event.detail.data; 178 if (sectionData) { 179 const cart = sectionData.cart; 180 if (!cart.triggered) {
181 if (cart.mtmUpdateCart) { 182 mtmData = { 183 'event': cart.mtmUpdateCart.event, 184 'ecommerce': { 185 'items': cart.mtmUpdateCart.item, 186 'qty': cart.mtmUpdateCart.qty 187 } 188 } 189 _mtm.push(mtmData); 190 } 191 sectionData.cart.triggered = true; 192 } 193 } 194 }); 195 } 196 197 198 } 199 g.src='https://upsidedown.radbag.at/scripts/matomo/js/container_msmyBNMU.js'; s.parentNode.insertBefore(g,s); 200 removeMultiEventListener(window, eventNames, loadMtmScript); 201 } else { 202 removeMultiEventListener(window, eventNames, loadMtmScript); 203 } 204 } 205 addMultiEventListener(window, eventNames, loadMtmScript); 206 </script>
206
206<script> 207 /* dataLayer */ 208 window.dataLayer = window.dataLayer || []; 209 210 /* Algolia User Token */ 211 var algoliaUserToken = getCookie('aa-search'); 212 if(algoliaUserToken == null) { 213 algoliaUserToken = getCookie('_ALGOLIA'); 214 } 215 216 getCookie('_ALGOLIA') == '' ? document.cookie = "_ALGOLIA=12341234" : ''; 217 218 let random = Math.floor(Date.now() * Math.random()); 219 dataLayer.push({"eventID": random}); 220 221 var pageType = ''; 222 dataLayer.push({ 223 "referrer": document.referrer, 224 "url_path": window.location.pathname, 225 "url": window.location.href, 226 "url_hostname": window.location.host, 227 "clicked_element_text": window.location.host, 228 "ecomm_pagetype": '', 229 "pageType": '', 230 "customerGroup": 'NOT LOGGED IN', 231 "customerGroupId": 0, 232 "algoliaUserToken": algoliaUserToken 233 }); 234 235 document.addEventListener('click', function(e) { 236 e = e || window.event; 237 var target = e.target || e.srcElement, 238 text = target.textContent || target.innerText; 239 window.dataLayer.clicked_element_text = text; 240 }, false); 241 242 function getCookie(name) { 243 var cookieArr = document.cookie.split(";"); 244 for(var i = 0; i < cookieArr.length; i++) { 245 var cookiePair = cookieArr[i].split("="); 246 if(name == cookiePair[0].trim()) { 247 return decodeURIComponent(cookiePair[1]); 248 } 249 } 250 return null; 251 }</script>
251 <!-- GTM -->
251<script> 252 var move = 0; 253 function moveCursor(){ 254 if(move == 0){
vendor: 353 bytes, lines 254-259
254 255 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 256 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 257 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 258 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 259 })(window,document,'script','dataLayer','
259GTM-MZVMZ9B
vendor: 9 bytes, lines 259-260
259'); 260
260move = 1; 261 } 262 } 263 addEventListener('mousemove', moveCursor, false); 264 addEventListener('touchstart', moveCursor, false); 265 addEventListener('scroll', moveCursor, false);</script>
265
265<script> 266 var BASE_URL = 'https://firebox.com/'; 267 var THEME_PATH = 'https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB'; 268 var COOKIE_CONFIG = { 269 "expires": null, 270 "path": "\u002F", 271 "domain": ".firebox.com", 272 "secure": true, 273 "lifetime": "86400", 274 "cookie_restriction_enabled": false }; 275 var CURRENT_STORE_CODE = 'fireboxcom'; 276 var CURRENT_WEBSITE_ID = '16'; 277 278 window.hyva = window.hyva || {} 279 280 window.cookie_consent_groups = window.cookie_consent_groups || {} 281 window.cookie_consent_groups['necessary'] = true; 282 283 window.cookie_consent_config = window.cookie_consent_config || {}; 284 window.cookie_consent_config['necessary'] = [].concat( 285 window.cookie_consent_config['necessary'] || [], 286 [ 287 'user_allowed_save_cookie', 288 'form_key', 289 'mage-messages', 290 'private_content_version', 291 'mage-cache-sessid', 292 'last_visited_store', 293 'section_data_ids' 294 ] 295 );</script>
295
295<script> 296 'use strict'; 297 (function( hyva, undefined ) { 298 299 function lifetimeToExpires(options, defaults) { 300 301 const lifetime = options.lifetime || defaults.lifetime; 302 303 if (lifetime) { 304 const date = new Date; 305 date.setTime(date.getTime() + lifetime * 1000); 306 return date; 307 } 308 309 return null; 310 } 311 312 function generateRandomString() { 313 314 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 315 length = 16; 316 317 let formKey = '', 318 charactersLength = allowedCharacters.length; 319 320 for (let i = 0; i < length; i++) { 321 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 322 } 323 324 return formKey; 325 } 326 327 const sessionCookieMarker = {noLifetime: true} 328 329 const cookieTempStorage = {}; 330 331 const internalCookie = { 332 get(name) { 333 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 334 return v ? v[2] : null; 335 }, 336 set(name, value, days, skipSetDomain) { 337 let expires, 338 path, 339 domain, 340 secure, 341 samesite; 342 343 const defaultCookieConfig = { 344 expires: null, 345 path: '/', 346 domain: null, 347 secure: false, 348 lifetime: null, 349 samesite: 'lax' 350 }; 351 352 const cookieConfig = window.COOKIE_CONFIG || {}; 353 354 expires = days && days !== sessionCookieMarker 355 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 356 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 357 358 path = cookieConfig.path || defaultCookieConfig.path; 359 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 360 secure = cookieConfig.secure || defaultCookieConfig.secure; 361 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 362 363 document.cookie = name + "=" + encodeURIComponent(value) + 364 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 365 (path ? '; path=' + path : '') + 366 (domain ? '; domain=' + domain : '') + 367 (secure ? '; secure' : '') + 368 (samesite ? '; samesite=' + samesite : 'lax'); 369 }, 370 isWebsiteAllowedToSaveCookie() { 371 const allowedCookies = this.get('user_allowed_save_cookie'); 372 if (allowedCookies) { 373 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 374 375 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 376 } 377 return false; 378 }, 379 getGroupByCookieName(name) { 380 const cookieConsentConfig = window.cookie_consent_config || {}; 381 let group = null; 382 for (let prop in cookieConsentConfig) { 383 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 384 if (cookieConsentConfig[prop].includes(name)) { 385 group = prop; 386 break; 387 } 388 } 389 return group; 390 }, 391 isCookieAllowed(name) { 392 const cookieGroup = this.getGroupByCookieName(name); 393 return cookieGroup 394 ? window.cookie_consent_groups[cookieGroup] 395 : this.isWebsiteAllowedToSaveCookie(); 396 }, 397 saveTempStorageCookies() { 398 for (const [name, data] of Object.entries(cookieTempStorage)) { 399 if (this.isCookieAllowed(name)) { 400 this.set(name, data['value'], data['days'], data['skipSetDomain']); 401 delete cookieTempStorage[name]; 402 } 403 } 404 } 405 }; 406 407 hyva.getCookie = (name) => { 408 const cookieConfig = window.COOKIE_CONFIG || {}; 409 410 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 411 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 412 } 413 414 return internalCookie.get(name); 415 } 416 417 hyva.setCookie = (name, value, days, skipSetDomain) => { 418 const cookieConfig = window.COOKIE_CONFIG || {}; 419 420 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 421 cookieTempStorage[name] = {value, days, skipSetDomain}; 422 return; 423 } 424 return internalCookie.set(name, value, days, skipSetDomain); 425 } 426 427 428 hyva.setSessionCookie = (name, value, skipSetDomain) => { 429 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 430 } 431 432 hyva.getBrowserStorage = () => { 433 const browserStorage = window.localStorage || window.sessionStorage; 434 if (!browserStorage) { 435 console.warn('Browser Storage is unavailable'); 436 return false;
437 } 438 try { 439 browserStorage.setItem('storage_test', '1'); 440 browserStorage.removeItem('storage_test'); 441 } catch (error) { 442 console.warn('Browser Storage is not accessible', error); 443 return false; 444 } 445 return browserStorage; 446 } 447 448 hyva.postForm = (postParams) => { 449 const form = document.createElement("form"); 450 451 let data = postParams.data; 452 453 if (! postParams.skipUenc && ! data.uenc) { 454 data.uenc = btoa(window.location.href); 455 } 456 form.method = "POST"; 457 form.action = postParams.action; 458 459 Object.keys(postParams.data).map(key => { 460 const field = document.createElement("input"); 461 field.type = 'hidden' 462 field.value = postParams.data[key]; 463 field.name = key; 464 form.appendChild(field); 465 }); 466 467 const form_key = document.createElement("input"); 468 form_key.type = 'hidden'; 469 form_key.value = hyva.getFormKey(); 470 form_key.name="form_key"; 471 form.appendChild(form_key); 472 473 document.body.appendChild(form); 474 475 form.submit(); 476 } 477 478 hyva.getFormKey = function () { 479 let formKey = hyva.getCookie('form_key'); 480 481 if (!formKey) { 482 formKey = generateRandomString(); 483 hyva.setCookie('form_key', formKey); 484 } 485 486 return formKey; 487 } 488 489 hyva.formatPrice = (value, showSign, options = {}) => { 490 const formatter = new Intl.NumberFormat( 491 'en\u002DGB', 492 Object.assign({ 493 style: 'currency', 494 currency: 'GBP', 495 signDisplay: showSign ? 'always' : 'auto' 496 }, options) 497 ); 498 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 499 formatter.formatToParts(value).map(({type, value}) => { 500 switch (type) { 501 case 'currency': 502 return '\u00A3' || value; 503 case 'minusSign': 504 return '- '; 505 case 'plusSign': 506 return '+ '; 507 default : 508 return value; 509 } 510 }).reduce((string, part) => string + part) : 511 formatter.format(value); 512 } 513 514 const formatStr = function (str, nStart) { 515 const args = Array.from(arguments).slice(2); 516 517 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 518 const idx = parseInt(n) - nStart; 519 520 if (args[idx] === null || args[idx] === void 0) { 521 return m; 522 } 523 return p.length % 2 524 ? p.slice(0, -1).replace('%%', '%') + args[idx] 525 : p.replace('%%', '%') + n; 526 }) 527 } 528 529 hyva.str = function (string) { 530 const args = Array.from(arguments); 531 args.splice(1, 0, 1); 532 533 return formatStr.apply(undefined, args); 534 } 535 536 hyva.strf = function () { 537 const args = Array.from(arguments); 538 args.splice(1, 0, 0); 539 540 return formatStr.apply(undefined, args); 541 } 542 543 /** 544 * Take a html string as `content` parameter and 545 * extract an element from the DOM to replace in 546 * the current page under the same selector, 547 * defined by `targetSelector` 548 */ 549 hyva.replaceDomElement = (targetSelector, content) => { 550 551 const parser = new DOMParser(); 552 const doc = parser.parseFromString(content, 'text/html'); 553 const contentNode = doc.querySelector(targetSelector); 554 555 556 if (!contentNode) { 557 return; 558 } 559 560 hyva.activateScripts(contentNode) 561 562
563 document.querySelector(targetSelector).replaceWith(contentNode); 564 565 566 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 567 hyva.initMessages(); 568 } 569 570 hyva.activateScripts = (contentNode) => { 571 572 573 574 const tmpScripts = contentNode.getElementsByTagName('script'); 575 576 if (tmpScripts.length > 0) { 577 578 579 const scripts = []; 580 for (let i = 0; i < tmpScripts.length; i++) { 581 scripts.push(tmpScripts[i]); 582 } 583 584 585 for (let i = 0; i < scripts.length; i++) { 586 let script = document.createElement('script'); 587 script.innerHTML = scripts[i].innerHTML; 588 589 document.head.appendChild(script); 590 591 592 scripts[i].parentNode.removeChild(scripts[i]); 593 } 594 } 595 return contentNode; 596 } 597 598 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 599 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 600 601 let currentTrap; 602 603 const focusableElements = (rootElement) => { 604 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 605 return Array.from(rootElement.querySelectorAll(selector)) 606 .filter(el => { 607 return el.style.display !== 'none' 608 && !el.disabled 609 && el.tabIndex !== -1 610 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 611 }) 612 } 613 614 const focusTrap = (e) => { 615 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 616 if (!isTabPressed) return; 617 618 const focusable = focusableElements(currentTrap) 619 const firstFocusableElement = focusable[0] 620 const lastFocusableElement = focusable[focusable.length - 1] 621 622 e.shiftKey 623 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 624 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 625 }; 626 627 hyva.releaseFocus = (rootElement) => { 628 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 629 currentTrap.removeEventListener('keydown', focusTrap) 630 currentTrap = null 631 } 632 } 633 hyva.trapFocus = (rootElement) => { 634 if (!rootElement) return; 635 hyva.releaseFocus() 636 currentTrap = rootElement 637 rootElement.addEventListener('keydown', focusTrap) 638 const firstElement = focusableElements(rootElement)[0] 639 firstElement && firstElement.focus() 640 } 641 642 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 643 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 644 645 }( window.hyva = window.hyva || {} ));</script>
645
645<script> 646 if (!window.IntersectionObserver) { 647 window.IntersectionObserver = function (callback) { 648 this.observe = el => el && callback(this.takeRecords()); 649 this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; 650 this.disconnect = () => {}; 651 this.unobserve = () => {}; 652 } 653 }</script>
653
653<script> 654 window.addEventListener('DOMContentLoaded', () => { 655 if (window._amSwiperLoaded) { 656 return; 657 } 658 659 660 const script = document.createElement('script'); 661 script.src = 'https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Amasty_ShopByBrandHyvaCompatibility/js/swiper.min.js'; 662 script.async = true; 663 document.body.appendChild(script); 664 665 window._amSwiperLoaded = true; 666 667 script.onload = () => { 668 669 window.dispatchEvent(new CustomEvent('amSwiperLoaded', {})); 670 } 671 672 673 const styles = document.createElement('link'); 674 styles.rel = 'stylesheet'; 675 styles.href = 'https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Amasty_ShopByBrandHyvaCompatibility/css/swiper.min.css'; 676 677 document.head.appendChild(styles); 678 });</script>
678<link rel="alternate" href="https://firebox.com/about-us" hreflang="en-GB" /><link rel="alternate" href="https://www.radbag.de/" hreflang="de-DE" /><link rel="alternate" href="https://www.cadeauxfolies.fr/" hreflang="fr-FR" /><link rel="alternate" href="https://www.radbag.ch/" hreflang="de-CH" /><link rel="alternate" href="https://www.cadeauxfolies.ch/" hreflang="fr-CH" /><link rel="alternate" href="https://www.troppotogo.it/" hreflang="it-IT" /><link rel="alternate" href="https://www.radbag.nl/" hreflang="nl-NL" /><link rel="alternate" href="https://www.radbag.at/" hreflang="de-AT" /><link rel="alternate" href="https://www.radbag.be/" hreflang="nl-BE" /><link rel="alternate" href="https://www.cadeauxfolies.be/" hreflang="fr-BE" /><link rel="alternate" href="https://www.radbag.dk/" hreflang="da-DK" /><link rel="alternate" href="https://firebox.es/" hreflang="es-ES" /><link rel="alternate" href="https://firebox.com/intl/about-us" hreflang="en-US" /><link rel="alternate" href="https://firebox.eu/about-us" hreflang="en" /><link rel="alternate" href="https://firebox.com/intl/about-us" hreflang="x-default" /></head><body id="html-body" class="cms-about-us storeid-24 cms-page-view page-layout-1column">
678<script nonce='MHN6MjN6OXV1aHdnYmgyMXE1ZXdzd3RnaWxhYWdocmY=' > 679 'use strict'; 680 (function (blackbird) { 681 682 const addEventListenerOnElementToLoad = (elementToLoad, source) => new Promise((resolve, reject) => { 683 elementToLoad.addEventListener('load', () => { 684 elementToLoad.dataset.loaded = true; 685 resolve(elementToLoad); 686 }) 687 688 elementToLoad.addEventListener('error', () => { 689 reject(new Error(`[External resource loader] : The resource "${source}", failed to load.`)); 690 }); 691 }); 692 693 blackbird.loadExternalScript = async (source) => { 694 const scriptWithSameSrc = document.querySelector(`script[src="${source}"][data-loaded]`); 695 696 if (scriptWithSameSrc && scriptWithSameSrc.dataset.loaded === 'true') { 697 return scriptWithSameSrc; 698 } 699 700 const script = scriptWithSameSrc ?? document.createElement('script'); 701 script.type = 'text/javascript'; 702 script.async = true; 703 script.src = source; 704 script.dataset.loaded = false; 705 706 document.head.appendChild(script); 707 await addEventListenerOnElementToLoad(script, source); 708 return script; 709 } 710 711 blackbird.loadExternalStyle = async (source) => { 712 const linkWithSameHref = document.querySelector(`link[href="${source}"][data-loaded]`); 713 714 if (linkWithSameHref && linkWithSameHref.dataset.loaded === 'true') { 715 return linkWithSameHref; 716 } 717 718 const link = linkWithSameHref ?? document.createElement('link'); 719 link.type = 'text/css' 720 link.rel = 'stylesheet'; 721 link.href = source; 722 link.dataset.loaded = false; 723 724 document.head.prepend(link); 725 await addEventListenerOnElementToLoad(link, source); 726 return link; 727 } 728 729 blackbird.loadExternalResource = (source) => { 730 const scriptUrlRegex = /\.(js)$/i; 731 const styleUrlRegex = /\.(css)$/i; 732 733 if (scriptUrlRegex.test(source)) { 734 return blackbird.loadExternalScript(source); 735 } 736 737 if (styleUrlRegex.test(source)) { 738 return blackbird.loadExternalStyle(source); 739 } 740 } 741 742 }(window.blackbird = window.blackbird || {}));</script>
742 <!-- GTM -->
vendor: 67 bytes, line 742
742<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
742GTM-MZVMZ9B
vendor: 86 bytes, line 742
742" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
742<script type="text/x-magento-init"> 743{ 744 "*": { 745 "Wallee_Payment/js/wallee-device": { 746 "scriptUrl" : "https://app-wallee.com/s/65938/payment/device.js?sessionIdentifier=", 747 "identifierUrl" : "https://firebox.com/wallee_payment/checkout/deviceSession/" 748 } 749 } 750}</script>
750<input name="form_key" type="hidden" value="Ak4P6qFgqKJ5uCuU" /> <noscript><section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"><div class="container text-center"><p><strong>JavaScript seems to be disabled in your browser.</strong> <span> For the best experience on our site, be sure to turn on Javascript in your browser.</span></p></div></section></noscript>
750<script> 751 document.body.addEventListener('touchstart', () => {}, {passive: true})</script>
751 <div class="page-wrapper"><p> <div id="comm-bar" class="w-full min-h-40px relative z-75 no-iframe"> <div x-data="initCommbar()" x-init="checkCommBar()" class="flex flex-row-reverse py-1 px-0 md:px-12 items-center relative justify-center" style="background-color:#b00e1d"> <a class="" href="" style="color:#ffffff !important">HEADS UP â We're not taking orders at the moment. We'll keep you posted. </a> </div> <div x-data="initCommbar()" x-init="checkCommBar()" class="flex flex-row-reverse py-1 px-0 md:px-12 items-center relative justify-center" style="background-color:#131313"> <a class="" href="" style="color:#ffffff !important"> </a> </div> </div>
751<script> 752 'use strict'; 753 754 const initCommbar = () => { 755 return { 756 isOpen: false, 757 cookieName: 'comm_hidden', 758 checkCommBar() { 759 var cookieNameBanner = this.cookieName; 760 if (getCookie(cookieNameBanner) !== "") { 761 document.getElementById('comm-bar').classList.add('hidden'); 762 } 763 }, 764 setCookieComm() { 765 var cookieNameBanner = this.cookieName; 766 if (getCookie(cookieNameBanner) == "") { 767 createCookie(cookieNameBanner, 1, 1); 768 document.getElementById('comm-bar').classList.add('hidden'); 769 } 770 } 771 } 772 }</script>
772</p><header class="page-header"> <a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white contentarea" href="#contentarea"><span> Skip to Content</span></a>
772<script type="text/javascript"> 773 function getKlavia () { 774 const observer = new MutationObserver(function(mutationsList) { 775 for (const mutation of mutationsList) { 776 if (mutation.type === 'childList') { 777 mutation.addedNodes.forEach((node) => { 778 if (node.nodeType === 1 && node.matches('.needsclick.kl-private-reset-css-Xuajs1')) { 779 node.classList.add('kl-next'); 780 781 const form = document.querySelector('form.klaviyo-form'); 782 if (form) { 783 const inputCount = form.querySelectorAll('input').length; 784 if (inputCount === 1) { 785 node.classList.add('kl-stop'); 786 } 787 } 788 } 789 }); 790 } 791 } 792 }); 793 794 const klaviyoForm = document.querySelector('form.klaviyo-form'); 795 if (klaviyoForm) { 796 observer.observe(klaviyoForm, { 797 childList: true, 798 subtree: true 799 }); 800 } 801 } 802 803 function klaviyoLoad() { 804 document.removeEventListener('scroll', klaviyoLoad, false); 805 setTimeout(() => { 806 807 var klaviyo_form = document.querySelector('.klaviyo-form-'); 808 if (klaviyo_form) { 809 klaviyo_form.classList.remove('klaviyo-form-'); 810 klaviyo_form.classList.add('klaviyo-form-' + 'YvAsL2'); 811 } 812 let klaviyoScript = document.createElement('script'); 813 klaviyoScript.setAttribute('async', 'true'); 814 klaviyoScript.src = "https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=YvAsL2"; 815 document.body.append(klaviyoScript); 816 817 setTimeout(()=> { 818 getKlavia(); 819 console.log('klaviyo 2'); 820 }, 1500); 821 console.log('klaviyo 1'); 822 }, 1500); 823 } 824 825 document.addEventListener('scroll', klaviyoLoad, false);</script>
825
825<script defer> 826 function initHeader () { 827 var fragment = document.createDocumentFragment(); 828 829 return { 830 searchOpen: false, 831 cart: {}, 832 visibleSearch: false, 833 getData(data) { 834 835 if(!this.visibleSearch) { 836 this.visibleSearch = true; 837 document.getElementById('menu-search-icon').click(); 838 } 839 document.querySelector(".algolia-search-input").classList.remove("hidden"); 840 document.querySelector(".algolia-search-input-loading").classList.add("hidden"); 841 setTimeout(() => { 842 document.getElementById('autocomplete-0-input').onkeydown = function(){ 843 document.getElementById('recommended-wrapper').style.opacity = "0"; 844 document.getElementById('recommended-wrapper').style.height = "0"; 845 } 846 var specifiedElement = document.getElementById('autocomplete-0-input'); 847 document.addEventListener('click', function(event) { 848 var isClickInside = specifiedElement.contains(event.target); 849 if (isClickInside && specifiedElement.value == '') { 850 document.getElementById('recommended-wrapper').style.opacity = "1"; 851 document.getElementById('recommended-wrapper').style.height = "400px"; 852 } 853 else { 854 document.getElementById('recommended-wrapper').style.opacity = "0"; 855 document.getElementById('recommended-wrapper').style.height = "0"; 856 } 857 }); 858 859 this.adjustHeaderPosition(); 860 },500); 861 if (data.cart) { this.cart = data.cart } 862 }, 863 menu: initHeaderNavigation(), 864 isMobile: false, 865 mobileAlgolia: 0, 866 desktopAlgolia: 0, 867 algoliaContainer: '', 868 checkIsMobileResolution() { 869 if(window.matchMedia('(max-width: 767px)').matches) { 870 this.isMobile = true; 871 this.mobileAlgolia = this.mobileAlgolia+1; 872 this.desktopAlgolia = 0; 873 } else { 874 this.isMobile = false; 875 this.mobileAlgolia = 0; 876 this.desktopAlgolia = this.desktopAlgolia+1; 877 } 878 }, 879 initBodyScrollClass() { 880 const className = 'is-scrolled'; 881 const update = () => { 882 if (window.scrollY > 0) { 883 document.body.classList.add(className); 884 } else { 885 document.body.classList.remove(className); 886 } 887 888 this.adjustHeaderPosition(); 889 }; 890 update(); 891 window.addEventListener('scroll', update, { passive: true }); 892 893 894 const observer = new MutationObserver(() => { 895 if (document.body.classList.contains('menu-open')) { 896 setTimeout(() => { 897 this.adjustHeaderPosition(); 898 }, 100); 899 } 900 }); 901 observer.observe(document.body, { attributes: true, attributeFilter: ['class'] }); 902 }, 903 adjustHeaderPosition() { 904 const commBar = document.getElementById('comm-bar'); 905 const headerWrapper = document.querySelector('nav#header .header-wrapper'); 906 const pageHeader = document.querySelector('header.page-header'); 907 const searchBlock = document.getElementById('search-block-menu'); 908 909 if (commBar && headerWrapper && pageHeader) { 910 const commBarHeight = commBar.offsetHeight; 911 const commBarVisible = commBar.offsetParent !== null; 912 913 if (commBarVisible && commBarHeight > 0) { 914 headerWrapper.style.top = commBarHeight + 'px'; 915 916 } else { 917 headerWrapper.style.top = '0px'; 918 919 } 920 } 921 922 923 let styleElement = document.getElementById('comm-bar-dynamic-styles'); 924 if (!styleElement) { 925 styleElement = document.createElement('style'); 926 styleElement.id = 'comm-bar-dynamic-styles'; 927 document.head.appendChild(styleElement); 928 } 929 930 if (searchBlock) { 931 const searchBlockRect = searchBlock.getBoundingClientRect(); 932 const headerWrapper = document.querySelector('nav#header .header-wrapper'); 933 const headerRect = headerWrapper ? headerWrapper.getBoundingClientRect() : null; 934 935 936 let panelTop; 937 if (headerRect) { 938 panelTop = searchBlockRect.bottom - headerRect.top; 939 } else { 940 panelTop = searchBlockRect.bottom; 941 } 942 943 styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${panelTop}px !important; }`; 944 } else { 945 946 const commBar = document.getElementById('comm-bar'); 947 const commBarHeight = commBar ? commBar.offsetHeight : 0; 948 styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${124 - commBarHeight}px !important; }`; 949 } 950 }, 951 adjustHeaderPosition() { 952 const commBar = document.getElementById('comm-bar'); 953 const headerWrapper = document.querySelector('nav#header .header-wrapper'); 954 const pageHeader = document.querySelector('header.page-header'); 955 956 if (commBar && headerWrapper && pageHeader) { 957 const commBarHeight = commBar.offsetHeight; 958 const commBarVisible = commBar.offsetParent !== null; 959 960 if (commBarVisible && commBarHeight > 0) { 961 962 963 964 965 let styleElement = document.getElementById('comm-bar-dynamic-styles'); 966 if (!styleElement) { 967 styleElement = document.createElement('style'); 968 styleElement.id = 'comm-bar-dynamic-styles'; 969 document.head.appendChild(styleElement); 970 } 971 styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${124 - commBarHeight}px !important; }`; 972 } else { 973 974 975 976 const styleElement = document.getElementById('comm-bar-dynamic-styles'); 977 if (styleElement) { 978 styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: 124px !important; }`; 979 } 980 } 981 } 982 }, 983 algoliaChangePosition() { 984 if(this.algoliaContainer == '') { 985 this.algoliaContainer = document.querySelector('#algoliaAutocomplete'); 986 } 987 if(this.mobileAlgolia == 1) { 988 this.isChanged = false;
989 if(this.algoliaContainer) { 990 document.getElementById('algolia-autocomplete-container-mobile').appendChild(this.algoliaContainer); 991 } 992 } else if(this.desktopAlgolia == 1) { 993 if(this.algoliaContainer) { 994 document.querySelector('.algolia-search-block').appendChild(this.algoliaContainer); 995 } 996 } 997 }, 998 } 999 } 1000 var link2 = document.createElement('link'); 1001 var link5 = document.createElement('link'); 1002 link2.setAttribute('rel', 'stylesheet'); 1003 link5.setAttribute('rel', 'stylesheet'); 1004 link2.setAttribute('type', 'text/css'); 1005 link5.setAttribute('type', 'text/css'); 1006 link2.setAttribute('href', 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); 1007 link5.setAttribute('href', 'https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@500;700&display=swap'); 1008 1009 document.head.appendChild(link2); 1010 document.head.appendChild(link5);</script>
1010<nav id="header" class="" x-data="initHeader()" x-init="checkIsMobileResolution(); initBodyScrollClass(); $nextTick(() => adjustHeaderPosition())" @resize.window.debounce="checkIsMobileResolution()" @keydown.window.escape="searchOpen = false;" @private-content-loaded.window="getData(event.detail.data)" ><div class="bg-white relative header-wrapper"><div class="h-82px 2xl:h-24 lg:h-88px lg:border-b border-borderImg"><div class="h-82px 2xl:h-24 lg:h-88px max-w-1920px mx-auto flex justify-between px-4 md:px-72px xl:px-120px items-center "><!-- <div class="lg:flex items-center hidden mr-6 cursor-pointer"><div class="lg:flex lhidden" onclick="openmobilemenu()"><svg width="24" height="24"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#newmenu" /></svg></div></div> --><!--Logo--><div class="flex-1 flex items-center header-logo"> <div class="header-logo"><a class="" href="https://firebox.com/" title="Firebox - Shop For The Unusual" aria-label="store logo"><img class="w-auto max-h-10 h-auto 2lg:m-auto" src="https://firebox.com/media/logo/stores/24/Firebox-Website-Logo-PNG.png" title="Firebox - Shop For The Unusual" alt="Firebox - Shop For The Unusual" width="189" height="64" /></a></div></div><div class="flex flex-1 gap-4 z-99"><!--Search--> <button id="menu-search-icon" class="rounded p-1 hover:bg-primary/10 outline-offset-2 hidden" @click.prevent=" searchOpen = !searchOpen; $dispatch('search-open'); " aria-label="Toggle search form" aria-haspopup="true" :aria-expanded="searchOpen" x-ref="searchButton" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="md:h-6 md:w-6" width="28" height="28" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button> <div class=" order-2 lg:order-1 md:flex search-header-block bg-white flex-initial lg:flex-1 h-60px md:w-48 lg:w-full items-center 2lg:h-20 shadow-none 2lg:w-72 2lg:p-0 z-9999 md:z-70 lg:z-995 search-autocomplete" x-show="true"><span id="menu-search-icon" class="hidden"></span> <div class="w-full block py-2" id="search-content" x-cloak x-show="true" @keydown.escape=" $refs.searchButton.focus(); " > <div class="algolia-search-input-loading aa-Input relative border border-borderImg 2xl:h-12 h-10 rounded-full overflow-hidden search-input-block w-full md:w-280px pl-46px input-text transition appearance-none focus:outline-none focus:ring-0 focus:text-primary pl-42px pr-2 py-2 text-sm font-medium text-grayColor focus:border-borderImg" style="animation-delay:0.2s"><div class="aa-InputWrapperPrefix absolute top-7px md:top-11px flex" style="left:-1px;"><label class="aa-Label m-0 leading-none" for="autocomplete-0-input" id="autocomplete-0-label"><button class="aa-SubmitButton leading-none" type="submit" title="Submit"></button></label> <span class="pl-11px pt-0.5 text-sm leading-5" style="color:#6b7280">What are you looking for?</span></div></div><div class="algolia-search-block"><div id="algoliaAutocomplete" class="block block-search algolia-search-input mx-auto w-full md:w-5/6 xl:w-9/12 2xl:w-1/2 algolia-search-block hidden" ></div></div><div id="panelContainer" class="" x-data="initAutocompleteInsight"></div>
1010<script> 1011 'use strict'; 1012 1013 function initAutocompleteInsight() { 1014 return { 1015 bindClickEvent(element, eventName, objectID, indexName, position, queryId) { 1016 element.querySelector('.algoliasearch-autocomplete-hit')?.addEventListener("click", function () { 1017 buildInsightsEventData(eventName, objectID, indexName, position, queryId); 1018 }); 1019 } 1020 } 1021 }</script>
1021<style> #panelContainer .aa-Panel{ top: 68px !important; position: absolute; z-index: 99999; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-top: 0.25rem; padding-top: 0.5rem; background-color: white; width: 100%; border-radius: 0.5rem; display: block; } .aa-PanelLayout mark,.highlight mark,.search-item mark { background-color: #D0D5F6; } @media all and (max-width: 768px) { #panelContainer .aa-Panel{top: 36px !important;} .menu-open #panelContainer .aa-Panel{width: 100% !important;left: 20px !important;} }</style></div> <div id="recommended-wrapper" class="recommended-wrapper"><div class="most_searches ml-2 md:ml-5"><p style="width: fit-content;color: #6B7280;border-bottom: 1px solid #6B7280;" class="border-b font-bold text-xs">Most searched</p><div class="flex gap-2 mt-4 mb-2 overflow-y-hidden overflow-x-auto whitespace-nowrap disable-scrollbar"> <a href="/catalogsearch/result/?q=chocolate" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">chocolate</a> <a href="/catalogsearch/result/?q=game" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">game</a> <a href="/catalogsearch/result/?q=mug" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">mug</a> <a href="/catalogsearch/result/?q=cush" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">cush</a> <a href="/catalogsearch/result/?q=light" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">light</a> </div></div><div class="favorite_products mt-4"><p style="width: fit-content;color: #6B7280;border-bottom: 1px solid #6B7280;" class="ml-2 md:ml-5 border-b font-bold text-xs">Favourite products</p><div class="favorite_products_wrapper"> <a href="https://firebox.com/personalised-toon-yourself-keychain"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/a/c/acrylschluesselring_spotify_03_1200x1200px.jpg" alt="Personalised Toon Yourself Keychain"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personalizable</span></div> <h3>Personalised Toon Yourself Keychain</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1021</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Purchased 1,200</span> times</div><div class="text-sm"> £14.99 </div></div></a> <a href="https://firebox.com/personalised-espresso-cup-with-year-and-message"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/p/a/paul.jpg" alt="Personalised Espresso Cup With Year And Message"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personalizable</span></div> <h3>Personalised Espresso Cup With Year And Message</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1021</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Purchased 500</span> times</div><div class="text-sm"> £17.99 </div></div></a> <a href="https://firebox.com/personalised-grill-master-apron-with-photo"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/g/r/grillsch_rze_vatertag_1200x1200px_en_v1.jpg" alt="Personalised Grill Master Apron with Photo"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personalizable</span></div> <h3>Personalised Grill Master Apron with Photo</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1021</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Purchased 2,700</span> times</div><div class="text-sm"> £29.99 </div></div></a> <a href="https://firebox.com/personalised-mug-with-your-pet"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/h/a/haustiere_faceupload_1200x1200py_all_main_1.jpg" alt="Personalised Mug with Your Pet"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personalizable</span></div> <h3>Personalised Mug with Your Pet</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1021</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Purchased 1,100</span> times</div><div class="text-sm"> £10.99 </div></div></a> <a href="https://firebox.com/personalised-sweatshirt-with-dual-sided-drawing"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/k/i/kinderzeichnung_sweatshirt_1200x1200px_en_v2.jpg" alt="Personalised Sweatshirt with Dual-Sided Drawing"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personalizable</span></div> <h3>Personalised Sweatshirt with Dual-Sided Drawing</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1021</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Purchased 700</span> times</div><div class="text-sm"> £34.99 </div></div></a> </div></div></div><style> .recommended-wrapper {opacity: 0;height:0;transition: 0.5s;background: white;width: 100%;max-width: 380px;top: 95px;position: absolute;z-index: 1000;border-top: 1px solid #E4E4E4;overflow-y: scroll;font-family: Lexend Deca;padding-top: 15px;overflow-x: hidden;box-shadow: 0 3px 4px -1px #ccc; scrollbar-color: #b2b2b2 white;scrollbar-width: thin;} .recommended-wrapper .favorite_products_wrapper {display: flex;flex-direction: column;margin-left: 20px;margin-right: 20px;margin-top: 5px;margin-bottom: 20px;} .recommended-wrapper .favorite_products_wrapper a {display: flex;flex-direction: row;position: relative;margin-top: 10px;margin-bottom: 10px;} .favorite_products_text{margin-left:10px; height: auto;} .favorite_products_text h3{font-size: 14px;margin: 0px;width: 220px;line-height: 16px;font-weight: 450;} .favorite-image{width: 100px;height: 100px;border-radius: 12px;} .lifetime{font-size: 11px;width:78px;line-height: 12px;position: absolute;right: 0;bottom: 0;} @media only screen and (max-width: 768px) { .recommended-wrapper{left: 0;top: 55px;} .favorite-image img,.favorite-image{width: 80px;height: 80px;} .favorite_products_text{height:auto} }</style></div> <div class="flex items-center lg:hidden"><div class="flex lg:hidden" onclick="openmobilemenu()"><svg width="24" height="24"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#newmenu" /></svg></div><!-- Account Icon --><span class="w-30px h-30px md:w-6 md:h-6 order-1 lg:order-2 block md:hidden ml-3"><a class="w-full" href="https://firebox.com/customer/account/"><img width="40" height="40" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/userIcon.png" alt="account" /></a></span></div></div><div class="flex items-center justify-end order-3 mr-0 flex-1 gap-2"><!-- Account Icon -->
1021<span class="relative 2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px hidden md:block" @mouseover="$dispatch('toggle-account-menu',{});" @mouseleave="$dispatch('toggle-account-menu-close',{});"><a class="w-full" href="https://firebox.com/customer/account/"><img width="40" height="40" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/userIcon.png" alt="account" /></a> <!--account menu--> <section id="account-menu" x-data="initAccountMenu()" @toggle-account-menu.window="fetchcustomerdata()" @toggle-account-menu-close.window="open=false" @keydown.window.escape="open=false" class="hidden md:block" ><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="absolute z-99999 right-0 w-264px md:pt-8 lg:pt-53px top-0 hidden" :class="{'hidden': !open}" ><div class="relative shadow-useas rounded-lg" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ><div class="flex flex-col bg-white p-2 rounded-lg"><div id="login-menu" class="hidden"><div class="bg-activePageLight rounded-lg p-2 flex justify-between items-center gap-2"><div><span id="customer_name" class="block font-semibold text-sm text-blackfont"></span> <span id="customer_email" class="block mt-0.5 text-labeltext text-xs"></span></div><a href="https://firebox.com/customer/account/"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.75 11H10.25" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.5 1.75L2.5 8.75" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.365 1.75L9.5 1.75V6.885" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div><div class="h-9 items-center justify-between px-2 hidden"><a class="text-blackfont text-sm" href="https://firebox.com/sales/order/history/">My Orders</a> <span class="bg-menured w-4 h-4 flex justify-center items-center text-white text-10px font-medium rounded-full"></span></div><div class="h-9 flex items-center justify-between px-2"><a href="https://firebox.com/customer/account/logout/" class="text-menured text-sm">Logout</a></div></div><div id="outlogin-menu" class="hidden"><div class="text-sm"><span class="block font-bold text-blackfont">Customer Login</span> <span class="font-semibold text-labeltext hidden">Sign up and get <span class="font-bold text-blackfont">10% off</span> coupons</span></div><div class="flex flex-col gap-2 mt-2"><a href="https://firebox.com/customer/account/create/" class="shadow-signupbutton h-10 flex justify-center items-center w-full rounded-lg text-white text-xs font-semibold bg-activePage">Create an Account</a> <a href="https://firebox.com/customer/account/login/" class="h-10 flex justify-center items-center w-full rounded-lg text-blackfont text-xs font-semibold bg-grayStars">Login</a></div></div></div></div></div></section>
1021<script> 1022 function initAccountMenu() { 1023 return { 1024 open: false, 1025 customerInfo: false, 1026 fetchcustomerdata() { 1027 this.open = true; 1028 if(!this.customerInfo) { 1029 fetch( 1030 window.BASE_URL+"mhdirekt_mhdutility/customer_account/customerData", 1031 { 1032 headers: { 1033 'X-Requested-With': 'XMLHttpRequest' 1034 } 1035 } 1036 ) 1037 .then(response => response.json()) 1038 .then(result => { 1039 if(result.logged){ 1040 document.querySelector("#login-menu").classList.remove('hidden'); 1041 document.querySelector("#login-menu").classList.add('block'); 1042 this.customerInfo=true; 1043 if(result.name) { 1044 document.querySelector("#customer_name").innerText = result.name; 1045 document.querySelector("#customer_email").innerText = result.email; 1046 } 1047 } else { 1048 document.querySelector("#outlogin-menu").classList.remove('hidden'); 1049 document.querySelector("#outlogin-menu").classList.add('block'); 1050 } 1051 1052 }); 1053 } 1054 }, 1055 } 1056 }</script>
1056</span> <!-- Wishlist Icon --><a class="2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px relative" href="https://firebox.com/mywishlist/"><img width="40" height="40" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/heartIcon.png" alt="wishlist" /><span id="wishlist-header-count" class="absolute w-3 h-3 lg:w-3.5 lg:h-3.5 border border-white bg-wishlist 2xl:right-5px 2xl:bottom-1 lg:right-3px lg:bottom-3px right-px bottom-px rounded-full text-white flex justify-center items-center text-8px lg:text-10px">0</span></a> <!--Cart Icon--><!-- <span @click.prevent.stop="$dispatch('toggle-cart',{});" id="menu-cart-show-mini" class="hidden"></span> --><span class="relative 2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px" @mouseover="$dispatch('toggle-cart-new',{});" @mouseleave="$dispatch('toggle-cart-new-close',{});"><a id="menu-cart-icon" class="2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px" href="https://firebox.com/checkout/cart/index/" ><span x-text="cart.summary_count" class="absolute w-3 h-3 lg:w-3.5 lg:h-3.5 border border-white bg-wishlist 2xl:right-5px 2xl:bottom-1 lg:right-3px lg:bottom-3px right-px bottom-px rounded-full text-white hidden justify-center items-center text-8px lg:text-10px z-10" :class="{ 'hidden': !cart.summary_count, 'flex': cart.summary_count }" ></span> <img width="40" height="40" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/cartIcon.png" alt="cart" /></a>
1056 <!--Cart Drawer-->
1056<script> 1057 function initCartDrawerNew() { 1058 return { 1059 open: false, 1060 isLoading: false, 1061 cart: {}, 1062 maxItemsToDisplay: 10, 1063 itemsCount: 0, 1064 totalCartAmount: 0, 1065 getData(data) { 1066 if (data.cart) { 1067 this.cart = data.cart; 1068 this.itemsCount = data.cart.items && data.cart.items.length || 0; 1069 this.totalCartAmount = this.cart.summary_count; 1070 this.setCartItems(); 1071 } 1072 this.isLoading = false; 1073 }, 1074 cartItems: [], 1075 getItemCountTitle() { 1076 return hyva.strf('(%0 of %1)', this.maxItemsToDisplay, this.itemsCount) 1077 }, 1078 setCartItems() { 1079 this.cartItems =Array.isArray(this.cart?.items) ? this.cart.items.sort((a, b) => a.item_id - b.item_id) : []; 1080 1081 if (this.maxItemsToDisplay > 0) { 1082 this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); 1083 } 1084 }, 1085 getPriceItems(item) { 1086 return window.hyva.formatPrice(item.product_price_value * item.qty); 1087 }, 1088 deleteItemFromCart(itemId) { 1089 this.isLoading = true; 1090 1091 const formKey = hyva.getFormKey(); 1092 const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'; 1093 1094 fetch(postUrl, { 1095 "headers": { 1096 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 1097 }, 1098 "body": "form_key=" + formKey + "&item_id=" + itemId, 1099 "method": "POST", 1100 "mode": "cors", 1101 "credentials": "include" 1102 }).then(response => { 1103 if (response.redirected) { 1104 window.location.href = response.url; 1105 } else if (response.ok) { 1106 return response.json(); 1107 } else { 1108 window.dispatchMessages && window.dispatchMessages([{ 1109 type: 'warning', 1110 text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.' 1111 }]); 1112 this.isLoading = false; 1113 } 1114 }).then(result => { 1115 window.dispatchMessages && window.dispatchMessages([{ 1116 type: result.success ? 'success' : 'error', 1117 text: result.success 1118 ? 'You\u0020have\u0020removed\u0020the\u0020item' 1119 : result.error_message 1120 }], result.success ? 5000 : 0) 1121 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 1122 }); 1123 } 1124 } 1125 }</script>
1125<section id="cart-drawer-new" x-data="initCartDrawerNew()" @private-content-loaded.window="getData($event.detail.data)" @toggle-cart-new.window="open=true" @toggle-cart-new-close.window="open=false" @keydown.window.escape="open=false" class="hidden md:block" ><template x-if="cart && cart.summary_count"><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="absolute z-99999 right-0 w-440px shadow-useas rounded-lg md:top-8 lg:top-53px"><div class="relative" x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ><div class="flex flex-col bg-white p-4 rounded-lg"> <header class="flex justify-between items-center pb-2.5 border-b border-borderImg"><h2 id="cart-drawer-title" class="text-black text-lg font-semibold">Added to Basket</h2><div class="text-labeltext text-xs">Total Products: <span class="items-total" x-text="totalCartAmount"></span></div></header><div class="relative overflow-y-auto bg-white flex flex-col gap-3 pt-4"><template x-for="item in cartItems"><div class="flex"><div class="w-full flex justify-between items-center gap-2"><div class="flex items-center gap-2"><a :href="item.product_url" class="w-16 rounded-lg overflow-hidden"><img :src="item.product_image.src" :width="item.product_image.width" :height="item.product_image.height" loading="lazy" /></a> <div class="flex flex-col flex-1 gap-0.5"><span class="text-blackfont text-sm font-semibold" x-html="item.product_name"></span> <span class="text-labeltext text-xs">Qty: <span x-html="item.qty"></span></span></div></div><div class="text-blackfont text-base font-bold flex gap-2 items-center"><span class="flex-1" x-html="getPriceItems(item)"></span> <span class="h-2 w-px bg-grayStars"></span> <button class="w-6 h-6 rounded-5px flex justify-center items-center minicart-delete-btn" @click="deleteItemFromCart(item.item_id)" ><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3.98665C11.78 3.76665 9.54667 3.65332 7.32 3.65332C6 3.65332 4.68 3.71999 3.36 3.85332L2 3.98665" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.66699 3.31301L5.81366 2.43967C5.92033 1.80634 6.00033 1.33301 7.12699 1.33301H8.87366C10.0003 1.33301 10.087 1.83301 10.187 2.44634L10.3337 3.31301" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5669 6.09375L12.1336 12.8071C12.0603 13.8537 12.0003 14.6671 10.1403 14.6671H5.86026C4.00026 14.6671 3.94026 13.8537 3.86693 12.8071L3.43359 6.09375" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.88672 11H9.10672" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.33301 8.33301H9.66634" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div></div></div></template></div><div class="relative mt-4 pt-4 border-t border-borderImg"><a href="https://firebox.com/checkout/cart/" class="underline text-activeInputText text-sm font-medium">View Basket (<span class="items-total" x-text="totalCartAmount"></span>)</a></div></div></div> <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-1" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --><svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#fff" class="stroke-current text-primary"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle cx="5" cy="50" r="5">
1125<animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="27" cy="5" r="5"><animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="49" cy="50" r="5"><animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/></circle></g></g></svg><div class="ml-10 text-primary text-xl">Loading...</div></div></div></template></section></span></div></div></div><!--Main Navigation--><div class="max-w-1920px mx-auto relative"> <div class="h-auto flex items-center justify-center lg:px-5 xl:px-20 mx-4"><!-- mobile --><div @click="menu.open=false;document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" class="z-99999 bg-opacityLayer w-full min-h-screen fixed top-0" :class="{'block' : menu.open, 'hidden' : !menu.open}"></div><div x-ref="nav-mobile" @load.window="menu.setActiveMenu($refs['nav-mobile'])" class="z-99999 w-full lg:left-0 min-h-screen fixed top-0 close-menu-mobile lg:w-1/4" :class="{'open-menu-mobile' : menu.open}" @toggle-mobile-menu.window="menu.open = !menu.open;document.querySelector('body').classList.add('menu-open');menu.algoliaChangePosition()" @keydown.window.escape="menu.open=false;document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" ><div class="mobile-nav-menu bg-container-lighter overflow-x-hidden overflow-y-auto min-h-screen w-full shadow-mobileMenu h-screen scrollbar-custom-design"><div class="flex items-baseline justify-between menu-icon relative" :class="{ 'block': menu.open, 'flex': !menu.open}"><div class="flex w-full" :class="{ 'h-60px': menu.open,'absolute top-7 left-4': !menu.open}"><a @click="$dispatch('toggle-mobile-menu'); menu.open == true ? document.querySelector('body').classList.add('menu-open') : document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" class="flex items-center justify-center cursor-pointer relative z-10 mobile-menu-icon" :class="{ 'ml-0': menu.open }"><span class="hidden w-45px h-45px fill-current ml-5px" :class="{ 'hidden' : !menu.open, 'block': menu.open }"><svg class="w-45px h-45px"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#newcross" /></svg></span></a> <span class="hidden items-center ml-1" :class="{ 'hidden' : !menu.open, 'flex': menu.open }"> <div class="header-logo"><a class="" href="https://firebox.com/" title="Firebox - Shop For The Unusual" aria-label="store logo"><img class="w-auto max-h-10 h-auto 2lg:m-auto" src="https://firebox.com/media/logo/stores/24/Firebox-Website-Logo-PNG.png" title="Firebox - Shop For The Unusual" alt="Firebox - Shop For The Unusual" width="200" height="150" /></a></div></span></div><div id="search-block-menu" class="hidden pl-5 pr-6 pt-2.5 search-content" :class="{ 'hidden' : !menu.open, 'block h-60px': menu.open }"><div class="" id="algolia-autocomplete-container-mobile-menu"></div></div></div><nav class="hidden w-full duration-150 ease-in-out transform transition-display mt-2.5 text-sm leading-21px pb-10 font-poppins px-5" :class="{ 'hidden' : !menu.open }" > 1126 <div class="level-0"> 1127 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1128 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://firebox.com/best-sellers" title="Bestsellers"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/_/4/_4_.png" alt="" />Bestsellers</a> 1129 </span> 1130 1131 </div> 1132 1133 <div class="level-0"> 1134 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1135 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://firebox.com/wedding-gifts" title="Wedding">Wedding</a> 1136 </span> 1137 1138 </div> 1139 1140 <div class="level-0"> 1141 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1142 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-5001' ? 0 : 'category-node-5001'"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/a/u/augen_drei.png" alt="" />Find a Gift</a> 1143 </span> 1144 1145 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-5001', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-5001' }"> 1146 <div class="pb-100px px-5"> 1147 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0"> 1148 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1149 <span class="text-center font-semibold text-base leading-4">Find a Gift</span> 1150 <span class="w-4 h-4 block"></span> 1151 </a> 1152 <div class="grid grid-cols-2 gap-2"> 1153 <a href="https://firebox.com/gifts" title="Find a Gift" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1154 <span class="text-center font-medium">Show all</span> 1155 </a> 1156 1157 <a @click="menu.menuLevel = menu.menuLevel === 'category-node-5002' ? 0 : 'category-node-5002'" title="Men" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1158 <span class="text-center font-medium"> 1159 Men 1160 </span> 1161 </a> 1162 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-5002', 'translate-x-0 block ' : menu.menuLevel === 'category-node-5002', }"> 1163 <div class="pb-100px px-5"> 1164 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0"> 1165 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1166 <span class="text-center font-semibold text-base leading-4">Men</span> 1167 <span class="w-4 h-4 block"></span> 1168 </a> 1169 <div class="grid grid-cols-2 gap-2"> 1170 <a href="https://firebox.com/gifts-for-him" title="Men" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1171 <span class="">Show all</span> 1172 </a> 1173 1174 <a href="https://firebox.com/gifts-for-dad" title="Dad" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1175 <span class=""> 1176 Dad 1177 </span> 1178 </a> 1179 1180 <a href="https://firebox.com/gifts-for-boyfriends" title="Boyfriend" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1181 <span class=""> 1182 Boyfriend 1183 </span> 1184 </a> 1185 1186 <a href="https://firebox.com/gifts-for-brothers" title="Brother" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1187 <span class=""> 1188 Brother 1189 </span> 1190 </a> 1191 1192 </div> 1193 </div> 1194 </div> 1195 1196 <a @click="menu.menuLevel = menu.menuLevel === 'category-node-5006' ? 0 : 'category-node-5006'" title="Women" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1197 <span class="text-center font-medium"> 1198 Women 1199 </span> 1200 </a> 1201 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-5006', 'translate-x-0 block ' : menu.menuLevel === 'category-node-5006', }"> 1202 <div class="pb-100px px-5"> 1203 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0"> 1204 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1205 <span class="text-center font-semibold text-base leading-4">Women</span> 1206 <span class="w-4 h-4 block"></span> 1207 </a> 1208 <div class="grid grid-cols-2 gap-2"> 1209 <a href="https://firebox.com/gifts-for-her" title="Women" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1210 <span class="">Show all</span> 1211 </a> 1212 1213 <a href="https://firebox.com/gifts-for-mum" title="Mum" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1214 <span class=""> 1215 Mum 1216 </span> 1217 </a> 1218 1219 <a href="https://firebox.com/gifts-for-girlfriends" title="Girlfriend" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1220 <span class=""> 1221 Girlfriend 1222 </span> 1223 </a> 1224 1225 <a href="https://firebox.com/gifts-for-sisters" title="Sister" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1226 <span class=""> 1227 Sister 1228 </span> 1229 </a> 1230 1231 </div> 1232 </div> 1233 </div> 1234 1235 <a @click="menu.menuLevel = menu.menuLevel === 'category-node-5013' ? 0 : 'category-node-5013'" title="Gift Ideas" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1236 <span class="text-center font-medium"> 1237 Gift Ideas 1238 </span> 1239 </a> 1240 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-5013', 'translate-x-0 block ' : menu.menuLevel === 'category-node-5013', }"> 1241 <div class="pb-100px px-5"> 1242 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0"> 1243 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1244 <span class="text-center font-semibold text-base leading-4">Gift Ideas</span> 1245 <span class="w-4 h-4 block"></span> 1246 </a> 1247 <div class="grid grid-cols-2 gap-2"> 1248 <a href="https://firebox.com/personalised-gifts" title="Gift Ideas" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1249 <span class="">Show all</span> 1250 </a> 1251 1252 <a href="https://firebox.com/personalised-lamps" title="Lamps" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1253 <span class=""> 1254 Lamps 1255 </span> 1256 </a> 1257 1258 <a href="https://firebox.com/personalised-posters" title="Posters" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1259 <span class=""> 1260 Posters 1261 </span> 1262 </a> 1263 1264 <a href="https://firebox.com/personalised-key-hangers" title="Key Hangers" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1265 <span class=""> 1266 Key Hangers 1267 </span> 1268 </a> 1269 1270 <a href="https://firebox.com/personalised-cushions" title="Cushions" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1271 <span class=""> 1272 Cushions 1273 </span> 1274 </a> 1275 1276 <a href="https://firebox.com/personalised-doormats" title="Doormats" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1277 <span class=""> 1278 Doormats 1279 </span> 1280 </a> 1281 1282 <a href="https://firebox.com/personalised-blankets" title="Blankets" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1283 <span class=""> 1284 Blankets 1285 </span> 1286 </a> 1287 1288 <a href="https://firebox.com/personalised-mugs-and-glasses" title="Mugs and Glasses" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1289 <span class=""> 1290 Mugs and Glasses 1291 </span> 1292 </a> 1293 1294 <a href="https://firebox.com/personalised-golf-balls" title="Golf Balls" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1295 <span class=""> 1296 Golf Balls 1297 </span> 1298 </a> 1299 1300 <a href="https://firebox.com/personalised-car-fresheners" title="Car Fresheners" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1301 <span class=""> 1302 Car Fresheners 1303 </span> 1304 </a> 1305 1306 <a href="https://firebox.com/personalised-gift-wrap" title="Gift Wrap" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1307 <span class=""> 1308 Gift Wrap 1309 </span> 1310 </a> 1311 1312 <a href="https://firebox.com/personalised-towels" title="Towels" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1313 <span class=""> 1314 Towels 1315 </span> 1316 </a> 1317 1318 <a href="https://firebox.com/personalised-keyrings" title="Keyrings" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1319 <span class=""> 1320 Keyrings 1321 </span> 1322 </a> 1323 1324 <a href="https://firebox.com/bathrobes" title="Bathrobes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1325 <span class=""> 1326 Bathrobes 1327 </span> 1328 </a> 1329 1330 <a href="https://firebox.com/socks" title="Socks" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1331 <span class=""> 1332 Socks 1333 </span> 1334 </a> 1335 1336 <a href="https://firebox.com/personalised-boxers" title="Boxers" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1337 <span class=""> 1338 Boxers 1339 </span> 1340 </a> 1341 1342 <a href="https://firebox.com/aprons" title="Aprons" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1343 <span class=""> 1344 Aprons 1345 </span> 1346 </a> 1347 1348 <a href="https://firebox.com/t-shirts" title="T-Shirts" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1349 <span class=""> 1350 T-Shirts 1351 </span> 1352 </a> 1353 1354 <a href="https://firebox.com/sweatshirts" title="Sweatshirts" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1355 <span class=""> 1356 Sweatshirts 1357 </span> 1358 </a> 1359 1360 <a href="https://firebox.com/personalised-caps" title="Caps" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1361 <span class=""> 1362 Caps 1363 </span> 1364 </a> 1365 1366 <a href="https://firebox.com/hoodie-blankets" title="Hoodie Blankets" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1367 <span class=""> 1368 Hoodie Blankets 1369 </span> 1370 </a> 1371 1372 <a href="https://firebox.com/bags" title="Bags" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1373 <span class=""> 1374 Bags 1375 </span> 1376 </a> 1377 1378 <a href="https://firebox.com/cosmetic-bags" title="Cosmetic Bags" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1379 <span class=""> 1380 Cosmetic Bags 1381 </span> 1382 </a> 1383 1384 <a href="https://firebox.com/shopping-bags" title="Shopping Bags" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1385 <span class=""> 1386 Shopping Bags 1387 </span> 1388 </a> 1389 1390 <a href="https://firebox.com/tote-bags" title="Tote Bags" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1391 <span class=""> 1392 Tote Bags 1393 </span> 1394 </a> 1395 1396 </div> 1397 </div> 1398 </div> 1399 1400 </div> 1401 </div> 1402 </div>
1403 </div> 1404 1405 <div class="level-0"> 1406 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1407 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-5014' ? 0 : 'category-node-5014'"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/a/n/anlass.png" alt="" />Occasions</a> 1408 </span> 1409 1410 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-5014', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-5014' }"> 1411 <div class="pb-100px px-5"> 1412 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0"> 1413 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1414 <span class="text-center font-semibold text-base leading-4">Occasions</span> 1415 <span class="w-4 h-4 block"></span> 1416 </a> 1417 <div class="grid grid-cols-2 gap-2"> 1418 <a href="https://firebox.com/gifts" title="Occasions" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1419 <span class="text-center font-medium">Show all</span> 1420 </a> 1421 1422 <a @click="menu.menuLevel = menu.menuLevel === 'category-node-5015' ? 0 : 'category-node-5015'" title="Birthday" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1423 <span class="text-center font-medium"> 1424 Birthday 1425 </span> 1426 </a> 1427 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-5015', 'translate-x-0 block ' : menu.menuLevel === 'category-node-5015', }"> 1428 <div class="pb-100px px-5"> 1429 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0"> 1430 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1431 <span class="text-center font-semibold text-base leading-4">Birthday</span> 1432 <span class="w-4 h-4 block"></span> 1433 </a> 1434 <div class="grid grid-cols-2 gap-2"> 1435 <a href="https://firebox.com/birthday-gifts" title="Birthday" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1436 <span class="">Show all</span> 1437 </a> 1438 1439 <a href="https://firebox.com/18th-birthday-gifts" title="18th" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1440 <span class=""> 1441 18th 1442 </span> 1443 </a> 1444 1445 <a href="https://firebox.com/21st-birthday-gifts" title="21st" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1446 <span class=""> 1447 21st 1448 </span> 1449 </a> 1450 1451 <a href="https://firebox.com/30th-birthday-gifts" title="30th" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1452 <span class=""> 1453 30th 1454 </span> 1455 </a> 1456 1457 <a href="https://firebox.com/40th-birthday-gifts" title="40th" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1458 <span class=""> 1459 40th 1460 </span> 1461 </a> 1462 1463 <a href="https://firebox.com/50th-birthday-gifts" title="50th" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1464 <span class=""> 1465 50th 1466 </span> 1467 </a> 1468 1469 <a href="https://firebox.com/60th-birthday-gifts" title="60th" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1470 <span class=""> 1471 60th 1472 </span> 1473 </a> 1474 1475 <a href="https://firebox.com/birthday-gifts-for-him" title="for Him" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1476 <span class=""> 1477 for Him 1478 </span> 1479 </a> 1480 1481 <a href="https://firebox.com/birthday-gifts-for-her" title="for Her" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1482 <span class=""> 1483 for Her 1484 </span> 1485 </a> 1486 1487 </div> 1488 </div> 1489 </div> 1490 1491 <a href="https://firebox.com/wedding-gifts" title="Wedding" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1492 <span class="text-center font-medium"> 1493 Wedding 1494 </span> 1495 </a> 1496 <a href="https://firebox.com/new-baby-gifts" title="New Baby" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1497 <span class="text-center font-medium"> 1498 New Baby 1499 </span> 1500 </a> 1501 <a href="https://firebox.com/housewarming-gifts" title="Housewarming" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1502 <span class="text-center font-medium"> 1503 Housewarming 1504 </span> 1505 </a> 1506 <a href="https://firebox.com/valentines-day-gifts" title="Valentines Day" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1507 <span class="text-center font-medium"> 1508 Valentines Day 1509 </span> 1510 </a> 1511 <a href="https://firebox.com/leaving-gifts" title="Leaving " class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1512 <span class="text-center font-medium"> 1513 Leaving 1514 </span> 1515 </a> 1516 <a href="https://firebox.com/hen-and-stag-gifts" title="Hen & Stag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1517 <span class="text-center font-medium"> 1518 Hen & Stag 1519 </span> 1520 </a> 1521 <a href="https://firebox.com/christmas-gifts" title="Christmas" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1522 <span class="text-center font-medium"> 1523 Christmas 1524 </span> 1525 </a> 1526 <a href="https://firebox.com/mothers-day-gifts" title="Mothers Day" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1527 <span class="text-center font-medium"> 1528 Mothers Day 1529 </span> 1530 </a> 1531 <a href="https://firebox.com/fathers-day-gifts" title="Fathers Day" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1532 <span class="text-center font-medium"> 1533 Fathers Day 1534 </span> 1535 </a> 1536 <a href="https://firebox.com/easter-gifts" title="Easter" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1537 <span class="text-center font-medium"> 1538 Easter 1539 </span> 1540 </a> 1541 </div> 1542 </div> 1543 </div> 1544 </div> 1545 1546 <div class="level-0"> 1547 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1548 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://firebox.com/gift-sets" title="Gift Sets"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/29/icons/e/m/emojis.png" alt="" />
1548Gift Sets</a> 1549 </span> 1550 1551 </div> 1552 <div class="flex flex-col font-medium gap-4 text-base mt-12"><a href="https://firebox.com/customer/account/">My Account</a> <a href="https://firebox.com/faq/">FAQs</a> <a href="https://firebox.com/supportpage/">Support</a></div></nav></div></div><!-- desktop --><!-- <div x-ref="nav-desktop" @load.window="menu.setActiveMenu($refs['nav-desktop'])" class="z-68 hidden lg:block lg:relative lg:min-h-0 lg:pt-0 w-full font-poppins"><span class="hidden"></span> <nav class="nav-desktop w-full duration-150 ease-in-out transform flex justify-start relative min-h-0 transition-display mx-auto 2xl:px-18px"></nav></div> --><div x-ref="nav-desktop" @load.window="menu.setActiveMenu($refs['nav-desktop'])" class="z-68 hidden lg:block lg:relative lg:min-h-0 lg:pt-0 w-full font-poppins"><span class="hidden"></span> <nav class="nav-desktop w-full duration-150 ease-in-out transform flex relative min-h-0 transition-display mx-auto justify-start"> 1553 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-5109'" @mouseleave="menu.hoverPanelActiveId = 0"> 1554 <span class="bg-opacity-95"> 1555 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://firebox.com/best-sellers" title="Bestsellers"> 1556 <span class="px-3">Bestsellers</span> 1557 </a> 1558 </span> 1559 </div> 1560 1561 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-5715'" @mouseleave="menu.hoverPanelActiveId = 0"> 1562 <span class="bg-opacity-95"> 1563 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://firebox.com/wedding-gifts" title="Wedding"> 1564 <span class="px-3">Wedding</span> 1565 </a> 1566 </span> 1567 </div> 1568 1569 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-5001'" @mouseleave="menu.hoverPanelActiveId = 0"> 1570 <span class="bg-opacity-95"> 1571 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://firebox.com/gifts" title="Find a Gift"> 1572 <span class="px-3">Find a Gift</span> 1573 </a> 1574 </span> 1575 <div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row " :class="{ '' : menu.hoverPanelActiveId !== 'category-node-5001', 'openmenu' : menu.hoverPanelActiveId === 'category-node-5001'}"> 1576 <div class="max-w-1920px mx-auto w-full"> 1577 <div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap"> 1578 1579 <div class=""> 1580 <a href="https://firebox.com/gifts-for-him" title="Men" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1581 <span class="text-primary font-semibold text-sm"> 1582 Men 1583 </span> 1584 </a> 1585 <div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;"> 1586 <a href="https://firebox.com/gifts-for-dad" title="Dad" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1587 <span class="text-primary text-sm flex h-9 items-centre"> 1588 Dad 1589 </span> 1590 </a> 1591 1592 <a href="https://firebox.com/gifts-for-boyfriends" title="Boyfriend" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1593 <span class="text-primary text-sm flex h-9 items-centre"> 1594 Boyfriend 1595 </span> 1596 </a> 1597 1598 <a href="https://firebox.com/gifts-for-brothers" title="Brother" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1599 <span class="text-primary text-sm flex h-9 items-centre"> 1600 Brother 1601 </span> 1602 </a> 1603 1604 </div> 1605 1606 </div> 1607 1608 <div class=""> 1609 <a href="https://firebox.com/gifts-for-her" title="Women" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1610 <span class="text-primary font-semibold text-sm"> 1611 Women 1612 </span> 1613 </a> 1614 <div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;"> 1615 <a href="https://firebox.com/gifts-for-mum" title="Mum" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1616 <span class="text-primary text-sm flex h-9 items-centre"> 1617 Mum 1618 </span> 1619 </a> 1620 1621 <a href="https://firebox.com/gifts-for-girlfriends" title="Girlfriend" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1622 <span class="text-primary text-sm flex h-9 items-centre"> 1623 Girlfriend 1624 </span> 1625 </a> 1626 1627 <a href="https://firebox.com/gifts-for-sisters" title="Sister" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1628 <span class="text-primary text-sm flex h-9 items-centre"> 1629 Sister 1630 </span> 1631 </a> 1632 1633 </div> 1634 1635 </div> 1636 1637 <div class=""> 1638 <a href="https://firebox.com/personalised-gifts" title="Gift Ideas" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1639 <span class="text-primary font-semibold text-sm"> 1640 Gift Ideas 1641 </span> 1642 </a> 1643 <div class="relative z-10" style="column-count: 4;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;"> 1644 <a href="https://firebox.com/personalised-lamps" title="Lamps" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1645 <span class="text-primary text-sm flex h-9 items-centre"> 1646 Lamps 1647 </span> 1648 </a> 1649 1650 <a href="https://firebox.com/personalised-posters" title="Posters" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1651 <span class="text-primary text-sm flex h-9 items-centre"> 1652 Posters 1653 </span> 1654 </a> 1655 1656 <a href="https://firebox.com/personalised-key-hangers" title="Key Hangers" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1657 <span class="text-primary text-sm flex h-9 items-centre"> 1658 Key Hangers 1659 </span> 1660 </a> 1661 1662 <a href="https://firebox.com/personalised-cushions" title="Cushions" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1663 <span class="text-primary text-sm flex h-9 items-centre"> 1664 Cushions 1665 </span> 1666 </a> 1667 1668 <a href="https://firebox.com/personalised-doormats" title="Doormats" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1669 <span class="text-primary text-sm flex h-9 items-centre"> 1670 Doormats 1671 </span> 1672 </a> 1673 1674 <a href="https://firebox.com/personalised-blankets" title="Blankets" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1675 <span class="text-primary text-sm flex h-9 items-centre"> 1676 Blankets 1677 </span> 1678 </a> 1679 1680 <a href="https://firebox.com/personalised-mugs-and-glasses" title="Mugs and Glasses" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1681 <span class="text-primary text-sm flex h-9 items-centre"> 1682 Mugs and Glasses 1683 </span> 1684 </a> 1685 1686 <a href="https://firebox.com/personalised-golf-balls" title="Golf Balls" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1687 <span class="text-primary text-sm flex h-9 items-centre"> 1688 Golf Balls 1689 </span> 1690 </a> 1691 1692 <a href="https://firebox.com/personalised-car-fresheners" title="Car Fresheners" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1693 <span class="text-primary text-sm flex h-9 items-centre"> 1694 Car Fresheners 1695 </span> 1696 </a> 1697 1698 <a href="https://firebox.com/personalised-gift-wrap" title="Gift Wrap" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1699 <span class="text-primary text-sm flex h-9 items-centre"> 1700 Gift Wrap 1701 </span> 1702 </a> 1703 1704 <a href="https://firebox.com/personalised-towels" title="Towels" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1705 <span class="text-primary text-sm flex h-9 items-centre"> 1706 Towels 1707 </span> 1708 </a> 1709 1710 <a href="https://firebox.com/personalised-keyrings" title="Keyrings" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1711 <span class="text-primary text-sm flex h-9 items-centre"> 1712 Keyrings 1713 </span> 1714 </a> 1715 1716 <a href="https://firebox.com/bathrobes" title="Bathrobes" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1717 <span class="text-primary text-sm flex h-9 items-centre"> 1718 Bathrobes 1719 </span> 1720 </a> 1721 1722 <a href="https://firebox.com/socks" title="Socks" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1723 <span class="text-primary text-sm flex h-9 items-centre"> 1724 Socks 1725 </span> 1726 </a> 1727 1728 <a href="https://firebox.com/personalised-boxers" title="Boxers" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1729 <span class="text-primary text-sm flex h-9 items-centre"> 1730 Boxers 1731 </span> 1732 </a> 1733 1734 <a href="https://firebox.com/aprons" title="Aprons" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1735 <span class="text-primary text-sm flex h-9 items-centre"> 1736 Aprons 1737 </span> 1738 </a> 1739 1740 <a href="https://firebox.com/t-shirts" title="T-Shirts" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1741 <span class="text-primary text-sm flex h-9 items-centre"> 1742 T-Shirts 1743 </span> 1744 </a> 1745 1746 <a href="https://firebox.com/sweatshirts" title="Sweatshirts" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1747 <span class="text-primary text-sm flex h-9 items-centre"> 1748 Sweatshirts 1749 </span> 1750 </a> 1751 1752 <a href="https://firebox.com/personalised-caps" title="Caps" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1753 <span class="text-primary text-sm flex h-9 items-centre"> 1754 Caps 1755 </span> 1756 </a> 1757 1758 <a href="https://firebox.com/hoodie-blankets" title="Hoodie Blankets" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1759 <span class="text-primary text-sm flex h-9 items-centre"> 1760 Hoodie Blankets 1761 </span> 1762 </a> 1763 1764 <a href="https://firebox.com/bags" title="Bags" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1765 <span class="text-primary text-sm flex h-9 items-centre"> 1766 Bags 1767 </span> 1768 </a> 1769 1770 <a href="https://firebox.com/cosmetic-bags" title="Cosmetic Bags" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1771 <span class="text-primary text-sm flex h-9 items-centre"> 1772 Cosmetic Bags 1773 </span> 1774 </a> 1775 1776 <a href="https://firebox.com/shopping-bags" title="Shopping Bags" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1777 <span class="text-primary text-sm flex h-9 items-centre"> 1778 Shopping Bags 1779 </span> 1780 </a> 1781 1782 <a href="https://firebox.com/tote-bags" title="Tote Bags" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1783 <span class="text-primary text-sm flex h-9 items-centre"> 1784 Tote Bags 1785 </span> 1786 </a> 1787 1788 </div> 1789 1790 </div> 1791 <div class="menu-container-nochild flex flex-col flex-wrap max-h-80"></div> 1792 </div> 1793 </div> 1794 </div> 1795 1796 </div> 1797 1798 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-5014'" @mouseleave="menu.hoverPanelActiveId = 0"> 1799 <span class="bg-opacity-95"> 1800 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://firebox.com/gifts" title="Occasions">
1801 <span class="px-3">Occasions</span> 1802 </a> 1803 </span> 1804 <div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row " :class="{ '' : menu.hoverPanelActiveId !== 'category-node-5014', 'openmenu' : menu.hoverPanelActiveId === 'category-node-5014'}"> 1805 <div class="max-w-1920px mx-auto w-full"> 1806 <div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap"> 1807 1808 <div class=""> 1809 <a href="https://firebox.com/birthday-gifts" title="Birthday" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1810 <span class="text-primary font-semibold text-sm"> 1811 Birthday 1812 </span> 1813 </a> 1814 <div class="relative z-10" style="column-count: 2;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;"> 1815 <a href="https://firebox.com/18th-birthday-gifts" title="18th" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1816 <span class="text-primary text-sm flex h-9 items-centre"> 1817 18th 1818 </span> 1819 </a> 1820 1821 <a href="https://firebox.com/21st-birthday-gifts" title="21st" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1822 <span class="text-primary text-sm flex h-9 items-centre"> 1823 21st 1824 </span> 1825 </a> 1826 1827 <a href="https://firebox.com/30th-birthday-gifts" title="30th" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1828 <span class="text-primary text-sm flex h-9 items-centre"> 1829 30th 1830 </span> 1831 </a> 1832 1833 <a href="https://firebox.com/40th-birthday-gifts" title="40th" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1834 <span class="text-primary text-sm flex h-9 items-centre"> 1835 40th 1836 </span> 1837 </a> 1838 1839 <a href="https://firebox.com/50th-birthday-gifts" title="50th" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1840 <span class="text-primary text-sm flex h-9 items-centre"> 1841 50th 1842 </span> 1843 </a> 1844 1845 <a href="https://firebox.com/60th-birthday-gifts" title="60th" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1846 <span class="text-primary text-sm flex h-9 items-centre"> 1847 60th 1848 </span> 1849 </a> 1850 1851 <a href="https://firebox.com/birthday-gifts-for-him" title="for Him" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1852 <span class="text-primary text-sm flex h-9 items-centre"> 1853 for Him 1854 </span> 1855 </a> 1856 1857 <a href="https://firebox.com/birthday-gifts-for-her" title="for Her" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1858 <span class="text-primary text-sm flex h-9 items-centre"> 1859 for Her 1860 </span> 1861 </a> 1862 1863 </div> 1864 1865 </div> 1866 <div class="menu-container-nochild flex flex-col flex-wrap max-h-80"> 1867 <div class="menu-item-nochild pr-10 font-semibold"> 1868 <a href="https://firebox.com/wedding-gifts" title="Wedding" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1869 <span class="text-primary text-sm"> 1870 Wedding 1871 </span> 1872 </a></div> 1873 <div class="menu-item-nochild pr-10 font-semibold"> 1874 <a href="https://firebox.com/new-baby-gifts" title="New Baby" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1875 <span class="text-primary text-sm"> 1876 New Baby 1877 </span> 1878 </a></div> 1879 <div class="menu-item-nochild pr-10 font-semibold"> 1880 <a href="https://firebox.com/housewarming-gifts" title="Housewarming" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1881 <span class="text-primary text-sm"> 1882 Housewarming 1883 </span> 1884 </a></div> 1885 <div class="menu-item-nochild pr-10 font-semibold"> 1886 <a href="https://firebox.com/valentines-day-gifts" title="Valentines Day" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1887 <span class="text-primary text-sm"> 1888 Valentines Day 1889 </span> 1890 </a></div> 1891 <div class="menu-item-nochild pr-10 font-semibold"> 1892 <a href="https://firebox.com/leaving-gifts" title="Leaving " class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1893 <span class="text-primary text-sm"> 1894 Leaving 1895 </span> 1896 </a></div> 1897 <div class="menu-item-nochild pr-10 font-semibold"> 1898 <a href="https://firebox.com/hen-and-stag-gifts" title="Hen & Stag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1899 <span class="text-primary text-sm"> 1900 Hen & Stag 1901 </span> 1902 </a></div> 1903 <div class="menu-item-nochild pr-10 font-semibold"> 1904 <a href="https://firebox.com/christmas-gifts" title="Christmas" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1905 <span class="text-primary text-sm"> 1906 Christmas 1907 </span> 1908 </a></div> 1909 <div class="menu-item-nochild pr-10 font-semibold"> 1910 <a href="https://firebox.com/mothers-day-gifts" title="Mothers Day" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1911 <span class="text-primary text-sm"> 1912 Mothers Day 1913 </span> 1914 </a></div> 1915 <div class="menu-item-nochild pr-10 font-semibold"> 1916 <a href="https://firebox.com/fathers-day-gifts" title="Fathers Day" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1917 <span class="text-primary text-sm"> 1918 Fathers Day 1919 </span> 1920 </a></div> 1921 <div class="menu-item-nochild pr-10 font-semibold"> 1922 <a href="https://firebox.com/easter-gifts" title="Easter" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1923 <span class="text-primary text-sm"> 1924 Easter 1925 </span> 1926 </a></div></div> 1927 </div> 1928 </div> 1929 </div> 1930 1931 </div> 1932 1933 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-5594'" @mouseleave="menu.hoverPanelActiveId = 0"> 1934 <span class="bg-opacity-95"> 1935 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://firebox.com/gift-sets" title="Gift Sets">
1936 <span class="px-3">Gift Sets</span> 1937 </a> 1938 </span> 1939 </div> 1940 </nav></div></div><style> .search-back-icon{display:none} .search-content .search-back-icon{display:block}</style>
1940<script> 1941 'use strict'; 1942 const initHeaderNavigation = () => { 1943 var fragmentmenu = document.createDocumentFragment(); 1944 return { 1945 mobilePanelActiveId: null, 1946 hoverPanelActiveId: null, 1947 menuLevel: null, 1948 isActive: '', 1949 open: false, 1950 algoliaContainer: '', 1951 menuAlgolia: 0, 1952 headerAlgolia: 0, 1953 setActiveMenu(menuNode) { 1954 Array.from(menuNode.querySelectorAll('a')).filter(link => { 1955 const linkmenu = link.href.split('/'); 1956 const linkwindow = window.location.href.split('?')[0].split('/'); 1957 return linkmenu[3] != '' ? linkmenu[3] === linkwindow[3] : ''; 1958 }).map(item => { 1959 const span = item.querySelector("span"); 1960 const element = item.closest(".level-0").querySelector('.top-menu-item'); 1961 if(element) { 1962 element.classList.add('menu-item-active') 1963 } 1964 if(span) { 1965 span.classList.add("underline"); 1966 } 1967 item.classList.add('menu-item-active'); 1968 }); 1969 }, 1970 algoliaChangePosition() { 1971 if(this.algoliaContainer == '') { 1972 this.algoliaContainer = fragmentmenu.appendChild(document.querySelector('#algoliaAutocomplete')) 1973 } 1974 if(this.open == true) { 1975 document.getElementById('algolia-autocomplete-container-mobile-menu').appendChild(this.algoliaContainer); 1976 if(document.querySelector("#algolia-autocomplete-container-mobile-menu input") != null) { 1977 document.querySelector("#algolia-autocomplete-container-mobile-menu").onclick = function() { 1978 document.querySelector('#search-block-menu').classList.add('search-content') 1979 }; 1980 } 1981 } else if(this.open == false) { 1982 document.querySelector('.algolia-search-block').appendChild(this.algoliaContainer); 1983 document.querySelector('#search-block-menu').classList.remove('search-content') 1984 } 1985 }, 1986 goBack() { 1987 document.querySelector('#search-block-menu').classList.remove('search-content'); 1988 if(document.querySelector('.aa-Panel.autocomplete-block') != null){ 1989 document.querySelector('.aa-Panel.autocomplete-block').remove(); 1990 } 1991 } 1992 } 1993 }</script>
1993</div></div> <!--advantages mobile--> <div class="advantages-mobile md:hidden lg:mt-1.5 bg-navbar lg:h-12 sm:h-10 h-9 mt-14"><div><p> <div class="advantages-block-wrapper advantages-block "><div class="max-w-1920px mx-auto relative"><div class="lg:px-5 xl:px-20"><div class="mx-auto flex text-xs 2xl:text-sm leading-4 justify-center md:gap-x-11 gap-x-2.5 flex-wrap swiper-container swiper-design swiper-container-advantages"><div class="swiper-wrapper flex w-full"> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center now w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#freeshipHeader" /></svg></span> <span class="pl-7px"> <a href="https://firebox.com/faq?sublink=shippingcosts/">Free Delivery on Orders over £50</a> </span></div></div> <div class="mySlides w-full no-show-perso"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#gratisbackHeader" /></svg></span> <span class="pl-7px"> <a href="https://firebox.com/faq?sublink=returninganitem/">Free Returns</a> </span></div></div> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span class="w-42px h-42px flex justify-center items-center"><svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#rechnungHeader" /></svg></span> <span class="pl-7px"> <a href="https://firebox.com/youth-discount">10% Youth Discount</a> </span></div></div> <div class="mySlides w-full"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span><img class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/reviewio.png" alt="reviewio"></span> <span class="pl-7px"><a target="_blank" href="https://www.reviews.co.uk/company-reviews/store/firebox">4.4 / 5.00 on REVIEWS.io</a></span></div></div></div></div></div></div></div><style> @media only screen and (min-width: 769px) { .mySlides {display:block !important;} } @media only screen and (max-width: 768px) { .mySlides {display:none;} }</style></p></div></div>
1993 <!--Cart Drawer--> <!--Authentication Pop-Up-->
1993<script> 1994 function initAuthentication() { 1995 return { 1996 open: false, 1997 forceAuthentication: false, 1998 checkoutUrl: 'https://firebox.com/checkout/index/', 1999 errors: 0, 2000 hasCaptchaToken: 0, 2001 displayErrorMessage: false, 2002 errorMessages: [], 2003 setErrorMessages: function setErrorMessages(messages) { 2004 this.errorMessages = [messages]; 2005 this.displayErrorMessage = this.errorMessages.length; 2006 }, 2007 submitForm: function () { 2008 2009 const $form = document.querySelector('#login-form'); 2010 2011 if (this.errors === 0) { 2012 this.dispatchLoginRequest($form); 2013 } 2014 }, 2015 onPrivateContentLoaded: function (data) { 2016 const isLoggedIn = data.customer && data.customer.firstname; 2017 if (data.cart && !isLoggedIn) { 2018 this.forceAuthentication = !data.cart.isGuestCheckoutAllowed; 2019 } 2020 }, 2021 redirectIfAuthenticated: function (event) { 2022 if (event.detail && event.detail.url) { 2023 this.checkoutUrl = event.detail.url; 2024 } 2025 if (!this.forceAuthentication) { 2026 window.location.href = this.checkoutUrl; 2027 } 2028 }, 2029 dispatchLoginRequest: function(form) { 2030 this.isLoading = true; 2031 const username = this.$refs['customer-email'].value; 2032 const password = this.$refs['customer-password'].value; 2033 const formKey = hyva.getFormKey(); 2034 const bodyFields = { 2035 'username': username, 2036 'password': password, 2037 'formKey': formKey 2038 }; 2039 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 2040 const recaptchaField = fieldName && form[fieldName]; 2041 if (recaptchaField) { 2042 bodyFields[fieldName] = recaptchaField.value; 2043 } 2044 fetch('https://firebox.com/customer/ajax/login/', { 2045 method: 'POST', 2046 headers: { 2047 'Content-Type': 'application/json', 2048 'X-Requested-With': 'XMLHttpRequest' 2049 }, 2050 body: JSON.stringify(bodyFields) 2051 } 2052 ).then(response => { 2053 return response.json() 2054 } 2055 ).then(data=> { 2056 this.isLoading = false; 2057 if (data.errors) { 2058 dispatchMessages([{ 2059 type: 'error', 2060 text: data.message 2061 }], 5000); 2062 this.errors = 1; 2063 this.hasCaptchaToken = 0; 2064 } else { 2065 window.location.href = this.checkoutUrl; 2066 } 2067 }); 2068 } 2069 } 2070 }</script>
2070<section id="authentication-popup" x-data="initAuthentication()" @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" @keydown.window.escape="open = false" ><div class="backdrop" aria-hidden="true" x-cloak x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="open = false" ></div><div role="dialog" aria-modal="true" @click.outside="open = false" class="inset-y-0 right-0 z-30 flex max-w-full fixed" x-cloak x-show="open" ><div class="relative w-screen max-w-md pt-16 bg-container-lighter" x-show="open" x-cloak="" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" ><div x-show="open" x-cloak="" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2"><button type="button" @click="open = false;" aria-label="Close panel" class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 2071 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2072<title>Close panel</title></svg> 2073</button></div><template x-if="open"><div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto"><div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900"><strong class="font-medium">Checkout using your account</strong></p><form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form" > <div class="fieldset login"><div class="field email required"><label class="label" for="form-login-username" form="login-form" ><span>Email Address</span></label> <div class="control"><input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required autocomplete="off" class="form-input input-text" ></div></div><div class="field password required"><label for="form-login-password" class="label" form="login-form"><span>Password</span></label> <div class="control"><input name="password" id="form-login-password" type="password" class="form-input input-text" required x-ref="customer-password" autocomplete="off" @change="errors = 0" ></div></div><input name="context" type="hidden" value="checkout" /><div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"><button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" >Sign In</button> <a href="https://firebox.com/customer/account/forgotpassword/" >Forgot Your Password?</a></div></div></form></div><div class="mx-4"></div><div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900"><strong class="font-medium">Checkout as a new customer</strong></p><div class="block-content"><p class="mb-1">Creating an account has many benefits:</p><ul class="list-disc pl-5"><li> See order and shipping status</li> <li> Track order history</li> <li> Check out faster</li></ul><div class="actions-toolbar flex justify-between mt-6 mb-2 items-center"><a href="https://firebox.com/customer/account/create/" class="inline-flex btn btn-primary">Create an Account</a></div></div></div></div></template></div></div></section></nav><!--advantages desktop--><div class="hidden md:flex items-center justify-center lg:h-12 sm:h-10 h-9 bg-navbar advantages-container"><div><p> <div class="advantages-block-wrapper advantages-block "><div class="max-w-1920px mx-auto relative"><div class="lg:px-5 xl:px-20"><div class="mx-auto flex text-xs 2xl:text-sm leading-4 justify-center md:gap-x-11 gap-x-2.5 flex-wrap swiper-container swiper-design swiper-container-advantages"><div class="swiper-wrapper flex w-full"> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center now w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#freeshipHeader" /></svg></span> <span class="pl-7px"> <a href="https://firebox.com/faq?sublink=shippingcosts/">Free Delivery on Orders over £50</a> </span></div></div> <div class="mySlides w-full no-show-perso"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#gratisbackHeader" /></svg></span> <span class="pl-7px"> <a href="https://firebox.com/faq?sublink=returninganitem/">Free Returns</a> </span></div></div> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span class="w-42px h-42px flex justify-center items-center"><svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#rechnungHeader" /></svg></span> <span class="pl-7px"> <a href="https://firebox.com/youth-discount">10% Youth Discount</a> </span></div></div> <div class="mySlides w-full"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span><img class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/reviewio.png" alt="reviewio"></span> <span class="pl-7px"><a target="_blank" href="https://www.reviews.co.uk/company-reviews/store/firebox">4.4 / 5.00 on REVIEWS.io</a></span></div></div></div></div></div></div></div><style> @media only screen and (min-width: 769px) { .mySlides {display:block !important;} } @media only screen and (max-width: 768px) { .mySlides {display:none;} }</style></p></div></div>
2073<script> 2074 var slideIndex = 1; 2075 showDivs(slideIndex); 2076 2077 function plusDivs(n) { 2078 showDivs(slideIndex += n); 2079 } 2080 2081 function showDivs(n) { 2082 var i; 2083 var x = document.querySelectorAll(".advantages-mobile .mySlides"); 2084 if (n > x.length) {slideIndex = 1} 2085 if (n < 1) {slideIndex = x.length} 2086 for (i = 0; i < x.length; i++) { 2087 x[i].style.display = "none"; 2088 } 2089 if(x[slideIndex-1]){ 2090 x[slideIndex-1].style.display = "block"; 2091 } 2092 } 2093 2094 setInterval(() => { 2095 plusDivs(1); 2096 },3500); 2097 function openmobilemenu() { 2098 setTimeout(() => { 2099 if(document.querySelector('.aa-ClearButton')){ 2100 document.querySelector('.aa-ClearButton').click(); 2101 } 2102 document.querySelector('.mobile-menu-icon').click(); 2103 },300) 2104 }</script>
2104<style> .algolia-search-input-loading,.algolia-search-block input,.algolia-search-block{width: 100%;position: relative;} .algolia-search-input-loading,.algolia-search-block input{border-color: #B4B4B4;color:#515151;} .recommended-wrapper{max-width: inherit;top: 73px;width: 458px;border: none;--tw-shadow: 0px 8px 32px 0px #1F1F1F1A;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);} .autocomplete-block {width: inherit !important;} .aa-InputWrapperPrefix{z-index: 1;} .header-logo {order:0; justify-content: flex-start;} .typesense-autocomplete input, #algoliaAutocomplete .aa-Input, .algolia-search-input-loading { border-color: #B4B4B4; color: #515151; height: 48px; width: 100%; font-weight: 500; font-size: .875rem; line-height: 1.25rem; padding-left: 46px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; border-radius: 9999px; transition: transform 250ms ease, color 250ms ease; } #search-block-menu .typesense-autocomplete svg { display: block !important; } #algoliaAutocomplete .aa-Input:focus { outline: none; box-shadow: none; } #algoliaAutocomplete .aa-Form { display:flex; align-items: center; } #algoliaAutocomplete .aa-InputWrapper { flex:1 } .aa-InputWrapperPrefix .aa-Label { margin-bottom:0; } .autocomplete-block{ top: 68px !important; } .aa-Source { display: flex; flex-direction: column; } .aa-SourceHeader { font-weight: 600; font-size: 1rem; line-height: 1.5rem; color: #000000; padding: 0 16px; } .aa-List { padding: 16px; border-radius: 0.5rem; display: flex; flex-direction: column; gap: 16px; } .aa-Item { width: 100%; display: flex; align-items: center; gap: 6px; height: 64px; } span.after_special { font-size: 0.875rem; line-height: 1.25rem; color: #1F1F1F; font-weight: 700; } .after_special.promotion { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; } [data-autocomplete-source-id="product_tags"] .aa-List,[data-autocomplete-source-id="categories"] .aa-List { border-radius: 0.5rem; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .aa-Source[data-autocomplete-source-id=product_tags] .aa-Item { height: 32px; width: auto; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(228, 228, 227, var(--tw-border-opacity)); padding: 4px 8px; } .aa-Source[data-autocomplete-source-id=product_tags] .aa-Item a { font-size: .75rem; line-height: 1rem; font-weight: 500; } .aa-InputWrapperSuffix { display: none; } /* nav#header .header-wrapper { position: fixed !important; width: 100%; height: 96px; top: 0; z-index: 1999; } header.page-header { padding-top: 96px; } .menu-open div#comm-bar { z-index: 999 !important; } .is-scrolled nav#header .header-wrapper { top: 0 !important } */ @media only screen and (max-width: 1535px) { .recommended-wrapper{top: 70px;width:428px;} } @media only screen and (max-width: 1023px) { .header-logo {order:1; justify-content: center;} .recommended-wrapper{top: 67px; width: 192px;} } .menu-open .autocomplete-block {top: 116px !important;position: fixed;width: 380px !important;} .menu-open .search-header-block{z-index: 999999 !important;} .menu-open .recommended-wrapper {top: 119px !important;position: fixed;width: 380px !important;left: 20px !important;} .menu-open #search-content{top: -10px;width: 80%;} .menu-open .page-header{position: static;} .menu-open #panelContainer .aa-Panel {top: 124px !important;left: 0 !important;width: 437px !important;} .menu-open .search-autocomplete{background: #eeeeee;} @media only screen and (max-width: 768px) { .typesense-autocomplete input {height: 40px; font-size: 14px;} .recommended-wrapper{top: 115px;width: 100%;} .autocomplete-block {top: 36px !important;} .menu-open .autocomplete-block {top: 116px !important;position: fixed;width: 83% !important;} .menu-open .search-header-block{z-index: 999999 !important;} .menu-open .recommended-wrapper {top: 119px !important;position: fixed;width: 83% !important;left: 20px !important;} .catalog-product-view .search-autocomplete {display: block !important;} .menu-open #search-content{top: -10px;width: 80%;} .menu-open .page-header{position: static;} .menu-open #panelContainer .aa-Panel {top: 124px !important;} nav#header .header-wrapper {height: auto; position: relative !important; top: 0 !important;} header.page-header {padding-top: 0 !important;} .is-scrolled .search-autocomplete{display:none !important;} .menu-open #panelContainer .aa-Panel { width: 100% !important; left: 20px !important; } } .algoliasearch-autocomplete-category{display: none;} .page-wrapper { opacity: 0; } .page-wrapper.page-fade-in { opacity: 1; transition: opacity .3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-wrapper.page-fade-in { transition: none; } }</style>
2104<script> 2105(function () { 2106 var html = document.documentElement; 2107 2108 html.style.overflowX = 'hidden'; 2109 function removeSuppression() { html.style.overflowX = ''; } 2110 2111 document.addEventListener('DOMContentLoaded', function () { 2112 var pw = document.querySelector('.page-wrapper'); 2113 if (pw) { 2114 pw.classList.add('page-fade-in'); 2115 pw.addEventListener('transitionend', removeSuppression, { once: true }); 2116 } 2117 2118 setTimeout(removeSuppression, 600); 2119 }); 2120 2121 2122 setTimeout(function () { 2123 document.querySelector('.page-wrapper')?.classList.add('page-fade-in'); 2124 removeSuppression(); 2125 }, 1200); 2126}());</script>
2126</header><div class="bg-white"> <nav class="breadcrumbs big-container-new mx-auto px-4 lg:px-5 xl:px-120px pt-4 relative no-iframe" aria-label="Breadcrumb"><ul class="items list-reset flex flex-nowrap whitespace-nowrap overflow-hidden font-poppins" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="item flex items-center text-textgray text-10px md:text-11px font-normal home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://firebox.com/" class="no-underline" itemprop="item" title="Go to Home Page" ><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /></li> <li class="item flex items-center text-textgray text-10px md:text-11px font-normal cms_page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span aria-hidden="true" class="separator text-textgray px-2 md:px-3" itemprop="item"><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.71289 8.29922L6.42956 5.58255C6.75039 5.26172 6.75039 4.73672 6.42956 4.41589L3.71289 1.69922" stroke="#707070" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <a href="" class="text-textgray font-normal" itemprop="item" aria-current="page" ><span itemprop="name">About Us</span></a> <meta itemprop="position" content="2" /></li> </ul></nav></div><main id="maincontent" class="page-main"><div id="algolia-autocomplete-container"></div> <div id="contentarea" tabindex="-1"></div><div class="page messages">
2126<script> 2127 function initMessages() { 2128 "use strict"; 2129 return { 2130 messages: window.mageMessages || [], 2131 isEmpty() { 2132 return this.messages.reduce( 2133 function (isEmpty, message) { 2134 return isEmpty && message === undefined 2135 }, true 2136 ) 2137 }, 2138 removeMessage(messageIndex) { 2139 this.messages[messageIndex] = undefined; 2140 }, 2141 addMessages(messages, hideAfter) { 2142 messages.map((message) => { 2143 this.messages = this.messages.concat(message); 2144 if (hideAfter) { 2145 this.setHideTimeOut(this.messages.length -1, hideAfter); 2146 } 2147 }); 2148 }, 2149 setHideTimeOut(messageIndex, hideAfter) { 2150 setTimeout((messageIndex) => { 2151 this.removeMessage(messageIndex); 2152 }, hideAfter, messageIndex); 2153 }, 2154 eventListeners: { 2155 ['@messages-loaded.window']() { 2156 this.addMessages(event.detail.messages, event.detail.hideAfter) 2157 }, 2158 ['@private-content-loaded.window'](event) { 2159 const data = event.detail.data; 2160 if ( 2161 data.messages && 2162 data.messages.messages && 2163 data.messages.messages.length 2164 ) { 2165 this.addMessages(data.messages.messages); 2166 } 2167 }, 2168 ['@clear-messages.window']() { 2169 this.messages = []; 2170 } 2171 } 2172 } 2173 }</script>
2173<section id="messages" x-data="initMessages()" x-bind="eventListeners" ><template x-if="!isEmpty()"><div class="w-full"><div role="alert" class="messages container mx-auto py-3"><template x-for="(message, index) in messages" :key="index"><div><template x-if="message"><div class="message flex items-center justify-between w-full p-2 bg-gray-600 shadow rounded text-white mb-2" :class="message.type" :ui-id="'message-' + message.type" ><span x-html="message.text"></span> <a href="#" class="close cursor-pointer" title="close" @click.prevent="removeMessage(index)"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="18" height="18" role="img"> 2174 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2175<title>x</title></svg> 2176</a></div></template></div></template></div></div></template></section></div> <div class="columns"><div class="column main"><article class="hotbox"> 2177<h1 class="row"> </h1> 2178<div class="row"> 2179<h1 style="text-align: center;"><strong>About Us</strong></h1> 2180<p> </p> 2181<p> </p> 2182<p> </p> 2183<table style="border-collapse: collapse; width: 100%;" border="1"> 2184<tbody> 2185<tr> 2186<td style="width: 25%;"> </td> 2187<td style="width: 25%;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://upsidedown.radbag.de/media/wysiwyg/images/hotbox_timeline-2.gif" alt="" width="226" height="416"></td> 2188<td style="width: 12.8356%;"> </td> 2189<td style="width: 21.4863%;" rowspan="2"> 2190<h3 class="col-xs-12 col-sm-6" style="text-align: left;"><span style="line-height: 14px;"><strong><span style="line-height: 18px; font-size: 20px;">Product Porn</span> </strong> </span><br><span style="line-height: 14px; font-size: 12px;">We swung open our metaphorical doors in 1998 under the name hotbox.co.uk. One small snag - Hot Box was an existing company that peddled hardcore pornography. Not really our bag, we were more into cool gifts and (non-sexual) gadgets. A quick name change later and Firebox.com was born.</span></h3> 2191</td> 2192<td style="width: 15.6781%;" rowspan="2"> 2193<h3 class="col-xs-12 col-sm-6"><span style="line-height: 14px;"><strong><span style="font-size: 20px;"> </span></strong></span></h3> 2194</td> 2195</tr> 2196<tr> 2197<td style="width: 25%;"> </td> 2198<td style="width: 25%;"> </td> 2199<td style="width: 12.8356%;"> </td> 2200</tr> 2201</tbody> 2202</table> 2203<table style="border-collapse: collapse; width: 100%;" border="1"> 2204<tbody> 2205<tr> 2206<td style="width: 47.4909%;" colspan="3" rowspan="2"> 2207<h3 class="col-xs-12 col-sm-6"> </h3> 2208<h3 class="col-xs-12 col-sm-6"><img src="https://upsidedown.radbag.de/media/wysiwyg/images/chessboard_timeline-3.gif" alt="" width="517" height="360"></h3> 2209</td> 2210<td style="width: 22.8492%;"> </td> 2211<td style="width: 29.4795%;"> </td> 2212</tr> 2213<tr> 2214<td style="width: 22.8492%;"> 2215<h3 class="col-xs-12 col-sm-6"><span style="line-height: 14px;"><strong><span style="font-size: 20px;">Shots! Shots! Shots!<br></span></strong></span><span style="font-size: 12px;"><span style="line-height: 14px;">Our first original creation was The Shot Glass Chess Set - a timeless cerebral battle of wits meets âgetting pissedâ. The more pieces you take, the more drunk you get. Nice. A fitting start to set the tone for future</span> <a href="https://web.archive.org/web/20200415031436mp_/https://www.firebox.com/invented-by-firebox/t137?via=about-us">Firebox Creations</a> - unusual gifts, with a twist</span></h3> 2216</td> 2217<td style="width: 29.4795%;"> </td> 2218</tr> 2219</tbody> 2220</table> 2221<p> </p> 2222<table style="border-collapse: collapse; width: 100%;" border="1"> 2223<tbody> 2224<tr> 2225<td style="width: 20%;"> </td> 2226<td style="width: 20%;"> </td> 2227<td style="width: 20%;"><span style="line-height: 14px;"><strong><span style="font-size: 12px;"><img src="https://upsidedown.radbag.de/media/wysiwyg/images/uni_timeline.gif" alt="" width="148" height="304"></span></strong></span></td> 2228<td style="width: 23.1233%;"> 2229<h3><span style="line-height: 14px; font-size: 20px;"><strong>We make Unicorns cry.<br></strong></span><span style="font-size: 12px;">Fast forward twenty years and we're still coming up with mad products that make us laugh (and pleasantly drunk). Using our closely-guarded extraction methods we harvest the tears of fantastical beasts to bring you premium <a href="https://web.archive.org/web/20200415031436mp_/https://www.firebox.com/mythical-tears/t533?via=about-us">Mythical Spirits</a>.</span></h3> 2230<div class="point point-1"> </div> 2231</td> 2232<td style="width: 16.8767%;"> </td> 2233</tr> 2234<tr> 2235<td style="width: 20%;"> </td> 2236<td style="width: 20%;"> </td> 2237<td style="width: 20%;"> </td> 2238<td style="width: 23.1233%;"> </td> 2239<td style="width: 16.8767%;"> </td> 2240</tr> 2241</tbody> 2242</table> 2243<table style="border-collapse: collapse; width: 100%;" border="1"> 2244<tbody> 2245<tr> 2246<td style="width: 40%;" colspan="2"><img src="https://web.archive.org/web/20200421010440/https://media.firebox.com/i/about-us/ownbrand.png"></td> 2247<td style="width: 5.34245%;" rowspan="2"> 2248<div class="row"> 2249<div class="col-xs-12"> 2250<h3><span style="font-size: 20px;"><strong> </strong></span></h3> 2251</div> 2252</div> 2253</td> 2254<td style="width: 18.3835%;" rowspan="2"> 2255<div class="row"> 2256<div class="col-xs-12"> 2257<h3><span style="font-size: 20px;"><strong>And that's not all.</strong><br></span><span style="font-size: 12px;">F*cking Strong Coffee, the world's hottest chilli chocolate, Spreadable Gin & Tonic, âMushionsâ (squishy cushions with your face printed on it).</span></h3> 2258</div> 2259</div> 2260</td> 2261<td style="width: 16.274%;"> </td> 2262<td style="width: 20%;"> </td> 2263</tr> 2264<tr> 2265<td style="width: 20%;"> </td> 2266<td style="width: 20%;"> </td> 2267<td style="width: 16.274%;"> </td> 2268<td style="width: 20%;"> </td> 2269</tr> 2270</tbody> 2271</table> 2272<table style="border-collapse: collapse; width: 100.045%;" border="1"> 2273<tbody> 2274<tr> 2275<td style="width: 20%;"> </td> 2276<td style="width: 20%;"> </td> 2277<td style="width: 20%;"> </td> 2278<td style="width: 20%;"> </td> 2279<td style="width: 20.0456%;"> </td> 2280</tr> 2281<tr> 2282<td style="width: 20%;"> </td> 2283<td style="width: 40%;" colspan="2"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://upsidedown.radbag.de/media/wysiwyg/images/mysterybox_timeline.gif" alt="" width="273" height="273"></td> 2284<td style="width: 20%;"> 2285<h3><strong><span style="font-size: 20px;">We love surprises.<br></span></strong><span style="font-size: 12px;">We invented the <a href="https://web.archive.org/web/20200415031436mp_/https://www.firebox.com/Mystery-Boxes/p5582?via=about-us">Mystery Box</a> because we got bored of everyone getting exactly what they asked for. Gift-giving used to mean something - what happened to the risk? The suspense? The surprise? Weâre bringing it allll back. Put your fate in our hands and treat someone to a bit of mystery.</span></h3> 2286</td> 2287<td style="width: 20.0456%;"> 2288<p> </p> 2289<p> </p> 2290</td> 2291</tr> 2292</tbody> 2293</table> 2294<p> </p> 2295<p> </p> 2296<p> </p> 2297<table style="border-collapse: collapse; width: 100%;" border="1"> 2298<tbody> 2299<tr> 2300<td style="width: 20%;" colspan="5"><img class="top" src="https://web.archive.org/web/20200421010440/https://media.firebox.com/i/about-us/top_crapwrap.svg"></td> 2301</tr> 2302<tr> 2303<td style="width: 20%;"> </td> 2304<td style="width: 20%;" colspan="3"> 2305<h3><span style="font-size: 20px;"><strong>We donât take life too seriously.<br></strong></span><span style="font-size: 12px;">Give your presents that âpersonal touchâ with CrapWrap⢠- the Original Anti-Wrapping Service by Firebox. Forget meticulously wrapped presents with sickly ribbons and bows - think wretched rips and tears, pathetic attempts at folding, the odd stray hair. Wrapping something this terribly is a fine art and our warehouse staff are given full creative freedom.</sp
2305an></h3> 2306</td> 2307<td style="width: 20%;"> </td> 2308</tr> 2309<tr> 2310<td style="width: 20%;" colspan="5"><img class="bottom" src="https://web.archive.org/web/20200421010440/https://media.firebox.com/i/about-us/bottom_crapwrap.svg"> 2311<h3><span style="font-size: 20px;"><strong> </strong></span></h3> 2312</td> 2313</tr> 2314</tbody> 2315</table> 2316<p> </p> 2317<p> </p> 2318<p> </p> 2319<p> </p> 2320<p> </p> 2321<p> </p> 2322<h3 style="text-align: center;"><span style="font-size: 12px;">We didn't know how to end this About Us pageâ¦</span></h3> 2323<h3 style="text-align: center;"> </h3> 2324<h3 style="text-align: center;"> </h3> 2325<h3 style="text-align: center;"> </h3> 2326<h3 style="text-align: center;"> </h3> 2327<h3 style="text-align: center;"> </h3> 2328<h3 style="text-align: center;"> </h3> 2329<h3 style="text-align: center;"> </h3> 2330<h3 style="text-align: center;"> </h3> 2331<h3 style="text-align: center;"> </h3> 2332<h3 style="text-align: center;"> </h3> 2333<h3 style="text-align: center;"> </h3> 2334<h3 style="text-align: center;"> </h3> 2335<h3 style="text-align: center;"> </h3> 2336<h3 style="text-align: center;"> </h3> 2337<h3 style="text-align: center;"> </h3> 2338<h3 style="text-align: center;"> </h3> 2339<h3 style="text-align: center;"> </h3> 2340<h3 style="text-align: center;"> </h3> 2341<h3 style="text-align: center;"> </h3> 2342<h3 style="text-align: center;"> </h3> 2343<h3 style="text-align: center;"> </h3> 2344<h3 style="text-align: center;"> </h3> 2345<h3 style="text-align: center;"> </h3> 2346<h3 style="text-align: center;"> </h3> 2347<h3 style="text-align: center;"><span style="font-size: 12px;">So we thought we'd shoot the breeze with you for a bit</span></h3> 2348<h3 style="text-align: center;"> </h3> 2349<h3 style="text-align: center;"> </h3> 2350<h3 style="text-align: center;"> </h3> 2351<h3 style="text-align: center;"> </h3> 2352<h3 style="text-align: center;"> </h3> 2353<h3 style="text-align: center;"> </h3> 2354<h3 style="text-align: center;"> </h3> 2355<h3 style="text-align: center;"> </h3> 2356<h3 style="text-align: center;"> </h3> 2357<h3 style="text-align: center;"> </h3> 2358<h3 style="text-align: center;"> </h3> 2359<h3 style="text-align: center;"> </h3> 2360<h3 style="text-align: center;"> </h3> 2361<h3 style="text-align: center;"> </h3> 2362<h3 style="text-align: center;"> </h3> 2363<h3 style="text-align: center;"> </h3> 2364<h3 style="text-align: center;"> </h3> 2365<h3 style="text-align: center;"> </h3> 2366<h3 style="text-align: center;"> </h3> 2367<h3 style="text-align: center;"> </h3> 2368<h3 style="text-align: center;"> </h3> 2369<h3 style="text-align: center;"> </h3> 2370<h3 style="text-align: center;"> </h3> 2371<h3 style="text-align: center;"> </h3> 2372<h3 style="text-align: center;"> </h3> 2373<h3 style="text-align: center;"><span style="font-size: 12px;">Just keep on scrolling</span></h3> 2374<h3 style="text-align: center;"> </h3> 2375<h3 style="text-align: center;"> </h3> 2376<h3 style="text-align: center;"> </h3> 2377<h3 style="text-align: center;"> </h3> 2378<h3 style="text-align: center;"> </h3> 2379<h3 style="text-align: center;"> </h3> 2380<h3 style="text-align: center;"> </h3> 2381<h3 style="text-align: center;"> </h3> 2382<h3 style="text-align: center;"> </h3> 2383<h3 style="text-align: center;"> </h3> 2384<h3 style="text-align: center;"> </h3> 2385<h3 style="text-align: center;"> </h3> 2386<h3 style="text-align: center;"> </h3> 2387<h3 style="text-align: center;"> </h3> 2388<h3 style="text-align: center;"> </h3> 2389<h3 style="text-align: center;"> </h3> 2390<h3 style="text-align: center;"> </h3> 2391<h3 style="text-align: center;"> </h3> 2392<h3 style="text-align: center;"> </h3> 2393<h3 style="text-align: center;"> </h3> 2394<h3 style="text-align: center;"> </h3> 2395<h3 style="text-align: center;"> </h3> 2396<h3 style="text-align: center;"> </h3> 2397<h3 style="text-align: center;"> </h3> 2398<h3 style="text-align: center;"> </h3> 2399<h3 style="text-align: center;"><span style="font-size: 12px;">We're very personable</span></h3> 2400<h3 style="text-align: center;"> </h3> 2401<h3 style="text-align: center;"> </h3> 2402<h3 style="text-align: center;"> </h3> 2403<h3 style="text-align: center;"> </h3> 2404<h3 style="text-align: center;"> </h3> 2405<h3 style="text-align: center;"> </h3> 2406<h3 style="text-align: center;"> </h3> 2407<h3 style="text-align: center;"> </h3> 2408<h3 style="text-align: center;"> </h3> 2409<h3 style="text-align: center;"> </h3> 2410<h3 style="text-align: center;"> </h3> 2411<h3 style="text-align: center;"> </h3> 2412<h3 style="text-align: center;"> </h3> 2413<h3 style="text-align: center;"> </h3> 2414<h3 style="text-align: center;"> </h3> 2415<h3 style="text-align: center;"> </h3> 2416<h3 style="text-align: center;"> </h3> 2417<h3 style="text-align: center;"> </h3> 2418<h3 style="text-align: center;"> </h3> 2419<h3 style="text-align: center;"> </h3> 2420<h3 style="text-align: center;"> </h3> 2421<h3 style="text-align: center;"> </h3> 2422<h3 style="text-align: center;"> </h3> 2423<h3 style="text-align: center;"> </h3> 2424<h3 style="text-align: center;"> </h3> 2425<h3 style="text-align: center;"><span style="font-size: 12px;">Seriously we can go all day</span></h3> 2426<h3 style="text-align: center;"> </h3> 2427<h3 style="text-align: center;"> </h3> 2428<h3 style="text-align: center;"> </h3> 2429<h3 style="text-align: center;"> </h3> 2430<h3 style="text-align: center;"> </h3> 2431<h3 style="text-align: center;"> </h3> 2432<h3 style="text-align: center;"> </h3> 2433<h3 style="text-align: center;"> </h3> 2434<h3 style="text-align: center;"> </h3> 2435<h3 style="text-align: center;"> </h3> 2436<h3 style="text-align: center;"> </h3> 2437<h3 style="text-align: center;"> </h3> 2438<h3 style="text-align: center;"> </h3> 2439<h3 style="text-align: center;"> </h3> 2440<h3 style="text-align: center;"> </h3> 2441<h3 style="text-align: center;"> </h3> 2442<h3 style="text-align: center;"> </h3> 2443<h3 style="text-align: center;"> </h3> 2444<h3 style="text-align: center;"> </h3> 2445<h3 style="text-align: center;"> </h3> 2446<h3 style="text-align: center;"> </h3> 2447<h3 style="text-align: center;"> </h3> 2448<h3 style="text-align: center;"> </h3> 2449<h3 style="text-align: center;"> </h3> 2450<h3 style="text-align: center;"> </h3> 2451<h3 style="text-align: center;"><span style="font-size: 12px;">Make yourself comfortable</span></h3> 2452<h3 style="text-align: center;"> </h3> 2453<h3 style="text-align: center;"> </h3> 2454<h3 style="text-align: center;"> </h3> 2455<h3 style="text-align: center;"> </h3> 2456<h3 style="text-align: center;"> </h3> 2457<h3 style="text-align: center;"> </h3> 2458<h3 style="text-align: center;"> </h3> 2459<h3 style="text-align: center;"> </h3> 2460<h3 style="text-align: center;"> </h3> 2461<h3 style="text-align: center;"> </h3> 2462<h3 style="text-align: center;"> </h3> 2463<h3 style="text-align: center;"> </h3> 2464<h3 style="text-align: center;"> </h3> 2465<h3 style="text-align: center;"> </h3> 2466<h3 style="text-align: center;"> </h3> 2467<h3 style="text-align: center;"> </h3> 2468<h3 style="text-align: center;"> </h3> 2469<h3 style="text-align: center;"> </h3> 2470<h3 style="text-align: center;"> </h3> 2471<h3 style="text-align: center;"> </h3> 2472<h3 style="text-align: center;"> </h3> 2473<h3 style="text-align: center;"> </h3> 2474<h3 style="text-align: center;"> </h3> 2475<h3 style="text-align: center;"> </h3> 2476<h3 style="text-align: center;"> </h3> 2477<h3 style="text-align: center;"><span style="font-size: 12px;">Get a drink</span></h3> 2478<h3 style="text-align: center;"> </h3> 2479<h3 style="text-align: center;"> </h3> 2480<h3 style="text-align: center;"> </h3> 2481<h3 style="text-align: center;"> </h3> 2482<h3 style="text-align: center;"> </h3> 2483<h3 style="text-align: center;"> </h3> 2484<h3 style="text-align: center;"> </h3> 2485<h3 style="text-align: center;"> </h3> 2486<h3 style="text-align: center;"> </h3> 2487<h3 style="text-align: center;"> </h3> 2488<h3 style="text-align: center;"> </h3> 2489<h3 style="text-align: center;"> </h3> 2490<h3 style="text-align: center;"> </h3> 2491<h3 style="text-align: center;"> </h3> 2492<h3 style="text-align: center;"> </h3> 2493<h3 style="text-align: center;"> </h3> 2494<h3 style="text-align: center;"> </h3> 2495<h3 style="text-align: center;"> </h3> 2496<h3 style="text-align: center;"> </h3> 2497<h3 style="text-align: center;"> </h3> 2498<h3 style="text-align: center;"> </h3> 2499<h3 style="text-align: center;"> </h3> 2500<h3 style="text-align: center;"> </h3> 2501<h3 style="text-align: center;"> </h3> 2502<h3 style="text-align: center;"> </h3> 2503<h3 style="text-align: center;"><span style="font-size: 12px;">Or some knitting</span></h3> 2504<h3 style="text-align: center;"> </h3> 2505<h3 style="text-align: center;"> </h3> 2506<h3 style="text-align: center;"> </h3> 2507<h3 style="text-align: center;"> </h3> 2508<h3 style="text-align: center;"> </h3> 2509<h3 style="text-align: center;"> </h3> 2510<h3 style="text-align: center;"> </h3> 2511<h3 style="text-align: center;"> </h3> 2512<h3 style="text-align: center;"> </h3> 2513<h3 style="text-align: center;"> </h3> 2514<h3 style="text-align: center;"> </h3> 2515<h3 style="text-align: center;"> </h3> 2516<h3 style="text-align: center;"> </h3> 2517<h3 style="text-align: center;"> </h3> 2518<h3 style="text-align: center;"> </h3> 2519<h3 style="text-align: center;"> </h3> 2520<h3 style="text-align: center;"> </h3> 2521<h3 style="text-align: center;"> </h3> 2522<h3 style="text-align: center;"> </h3> 2523<h3 style="text-align: center;"> </h3> 2524<h3 style="text-align: center;"> </h3> 2525<h3 style="text-align: center;"> </h3> 2526<h3 style="text-align: center;"> </h3> 2527<h3 style="text-align: center;"> </h3> 2528<h3 style="text-align: center;"> </h3> 2529<h3 style="text-align: center;"><span style="font-size: 12px;">
2529Charge up your vaping pipe</span></h3> 2530<h3 style="text-align: center;"> </h3> 2531<h3 style="text-align: center;"> </h3> 2532<h3 style="text-align: center;"> </h3> 2533<h3 style="text-align: center;"> </h3> 2534<h3 style="text-align: center;"> </h3> 2535<h3 style="text-align: center;"> </h3> 2536<h3 style="text-align: center;"> </h3> 2537<h3 style="text-align: center;"> </h3> 2538<h3 style="text-align: center;"> </h3> 2539<h3 style="text-align: center;"> </h3> 2540<h3 style="text-align: center;"> </h3> 2541<h3 style="text-align: center;"> </h3> 2542<h3 style="text-align: center;"> </h3> 2543<h3 style="text-align: center;"> </h3> 2544<h3 style="text-align: center;"> </h3> 2545<h3 style="text-align: center;"> </h3> 2546<h3 style="text-align: center;"> </h3> 2547<h3 style="text-align: center;"> </h3> 2548<h3 style="text-align: center;"> </h3> 2549<h3 style="text-align: center;"> </h3> 2550<h3 style="text-align: center;"> </h3> 2551<h3 style="text-align: center;"> </h3> 2552<h3 style="text-align: center;"> </h3> 2553<h3 style="text-align: center;"> </h3> 2554<h3 style="text-align: center;"> </h3> 2555<h3 style="text-align: center;"><span style="font-size: 12px;">Let the good times scroll</span></h3> 2556<h3 style="text-align: center;"> </h3> 2557<h3 style="text-align: center;"> </h3> 2558<h3 style="text-align: center;"> </h3> 2559<h3 style="text-align: center;"> </h3> 2560<h3 style="text-align: center;"> </h3> 2561<h3 style="text-align: center;"> </h3> 2562<h3 style="text-align: center;"> </h3> 2563<h3 style="text-align: center;"> </h3> 2564<h3 style="text-align: center;"> </h3> 2565<h3 style="text-align: center;"> </h3> 2566<h3 style="text-align: center;"> </h3> 2567<h3 style="text-align: center;"> </h3> 2568<h3 style="text-align: center;"> </h3> 2569<h3 style="text-align: center;"> </h3> 2570<h3 style="text-align: center;"> </h3> 2571<h3 style="text-align: center;"> </h3> 2572<h3 style="text-align: center;"> </h3> 2573<h3 style="text-align: center;"> </h3> 2574<h3 style="text-align: center;"> </h3> 2575<h3 style="text-align: center;"> </h3> 2576<h3 style="text-align: center;"> </h3> 2577<h3 style="text-align: center;"> </h3> 2578<h3 style="text-align: center;"> </h3> 2579<h3 style="text-align: center;"> </h3> 2580<h3 style="text-align: center;"> </h3> 2581<h3 style="text-align: center;"><span style="font-size: 12px;">Seriously</span></h3> 2582<h3 style="text-align: center;"> </h3> 2583<h3 style="text-align: center;"> </h3> 2584<h3 style="text-align: center;"> </h3> 2585<h3 style="text-align: center;"> </h3> 2586<h3 style="text-align: center;"> </h3> 2587<h3 style="text-align: center;"> </h3> 2588<h3 style="text-align: center;"> </h3> 2589<h3 style="text-align: center;"> </h3> 2590<h3 style="text-align: center;"> </h3> 2591<h3 style="text-align: center;"> </h3> 2592<h3 style="text-align: center;"> </h3> 2593<h3 style="text-align: center;"> </h3> 2594<h3 style="text-align: center;"> </h3> 2595<h3 style="text-align: center;"> </h3> 2596<h3 style="text-align: center;"> </h3> 2597<h3 style="text-align: center;"> </h3> 2598<h3 style="text-align: center;"> </h3> 2599<h3 style="text-align: center;"> </h3> 2600<h3 style="text-align: center;"> </h3> 2601<h3 style="text-align: center;"> </h3> 2602<h3 style="text-align: center;"> </h3> 2603<h3 style="text-align: center;"> </h3> 2604<h3 style="text-align: center;"> </h3> 2605<h3 style="text-align: center;"> </h3> 2606<h3 style="text-align: center;"> </h3> 2607<h3 style="text-align: center;"><span style="font-size: 12px;">Itâs good for the fingers, this</span></h3> 2608<h3 style="text-align: center;"> </h3> 2609<h3 style="text-align: center;"> </h3> 2610<h3 style="text-align: center;"> </h3> 2611<h3 style="text-align: center;"> </h3> 2612<h3 style="text-align: center;"> </h3> 2613<h3 style="text-align: center;"> </h3> 2614<h3 style="text-align: center;"> </h3> 2615<h3 style="text-align: center;"> </h3> 2616<h3 style="text-align: center;"> </h3> 2617<h3 style="text-align: center;"> </h3> 2618<h3 style="text-align: center;"> </h3> 2619<h3 style="text-align: center;"> </h3> 2620<h3 style="text-align: center;"> </h3> 2621<h3 style="text-align: center;"> </h3> 2622<h3 style="text-align: center;"> </h3> 2623<h3 style="text-align: center;"> </h3> 2624<h3 style="text-align: center;"> </h3> 2625<h3 style="text-align: center;"> </h3> 2626<h3 style="text-align: center;"> </h3> 2627<h3 style="text-align: center;"> </h3> 2628<h3 style="text-align: center;"> </h3> 2629<h3 style="text-align: center;"> </h3> 2630<h3 style="text-align: center;"> </h3> 2631<h3 style="text-align: center;"> </h3> 2632<h3 style="text-align: center;"> </h3> 2633<h3 style="text-align: center;"><span style="font-size: 12px;">Make sure you switch it up a bit though</span></h3> 2634<h3 style="text-align: center;"> </h3> 2635<h3 style="text-align: center;"> </h3> 2636<h3 style="text-align: center;"> </h3> 2637<h3 style="text-align: center;"> </h3> 2638<h3 style="text-align: center;"> </h3> 2639<h3 style="text-align: center;"> </h3> 2640<h3 style="text-align: center;"> </h3> 2641<h3 style="text-align: center;"> </h3> 2642<h3 style="text-align: center;"> </h3> 2643<h3 style="text-align: center;"> </h3> 2644<h3 style="text-align: center;"> </h3> 2645<h3 style="text-align: center;"> </h3> 2646<h3 style="text-align: center;"> </h3> 2647<h3 style="text-align: center;"> </h3> 2648<h3 style="text-align: center;"> </h3> 2649<h3 style="text-align: center;"> </h3> 2650<h3 style="text-align: center;"> </h3> 2651<h3 style="text-align: center;"> </h3> 2652<h3 style="text-align: center;"> </h3> 2653<h3 style="text-align: center;"> </h3> 2654<h3 style="text-align: center;"> </h3> 2655<h3 style="text-align: center;"> </h3> 2656<h3 style="text-align: center;"> </h3> 2657<h3 style="text-align: center;"> </h3> 2658<h3 style="text-align: center;"> </h3> 2659<h3 style="text-align: center;"><span style="font-size: 12px;">Give each of them a good go</span></h3> 2660<h3 style="text-align: center;"> </h3> 2661<h3 style="text-align: center;"> </h3> 2662<h3 style="text-align: center;"> </h3> 2663<h3 style="text-align: center;"> </h3> 2664<h3 style="text-align: center;"> </h3> 2665<h3 style="text-align: center;"> </h3> 2666<h3 style="text-align: center;"> </h3> 2667<h3 style="text-align: center;"> </h3> 2668<h3 style="text-align: center;"> </h3> 2669<h3 style="text-align: center;"> </h3> 2670<h3 style="text-align: center;"> </h3> 2671<h3 style="text-align: center;"> </h3> 2672<h3 style="text-align: center;"> </h3> 2673<h3 style="text-align: center;"> </h3> 2674<h3 style="text-align: center;"> </h3> 2675<h3 style="text-align: center;"> </h3> 2676<h3 style="text-align: center;"> </h3> 2677<h3 style="text-align: center;"> </h3> 2678<h3 style="text-align: center;"> </h3> 2679<h3 style="text-align: center;"> </h3> 2680<h3 style="text-align: center;"> </h3> 2681<h3 style="text-align: center;"> </h3> 2682<h3 style="text-align: center;"> </h3> 2683<h3 style="text-align: center;"> </h3> 2684<h3 style="text-align: center;"> </h3> 2685<h3 style="text-align: center;"><span style="font-size: 12px;">Keep those repetitive strain injuries at bay</span></h3> 2686<h3 style="text-align: center;"> </h3> 2687<h3 style="text-align: center;"> </h3> 2688<h3 style="text-align: center;"> </h3> 2689<h3 style="text-align: center;"> </h3> 2690<h3 style="text-align: center;"> </h3> 2691<h3 style="text-align: center;"> </h3> 2692<h3 style="text-align: center;"> </h3> 2693<h3 style="text-align: center;"> </h3> 2694<h3 style="text-align: center;"> </h3> 2695<h3 style="text-align: center;"> </h3> 2696<h3 style="text-align: center;"> </h3> 2697<h3 style="text-align: center;"> </h3> 2698<h3 style="text-align: center;"> </h3> 2699<h3 style="text-align: center;"> </h3> 2700<h3 style="text-align: center;"> </h3> 2701<h3 style="text-align: center;"> </h3> 2702<h3 style="text-align: center;"> </h3> 2703<h3 style="text-align: center;"> </h3> 2704<h3 style="text-align: center;"> </h3> 2705<h3 style="text-align: center;"> </h3> 2706<h3 style="text-align: center;"> </h3> 2707<h3 style="text-align: center;"> </h3> 2708<h3 style="text-align: center;"> </h3> 2709<h3 style="text-align: center;"> </h3> 2710<h3 style="text-align: center;"> </h3> 2711<h3 style="text-align: center;"><span style="font-size: 12px;">When was the last time you scrolled with your little finger?</span></h3> 2712<h3 style="text-align: center;"> </h3> 2713<h3 style="text-align: center;"> </h3> 2714<h3 style="text-align: center;"> </h3> 2715<h3 style="text-align: center;"> </h3> 2716<h3 style="text-align: center;"> </h3> 2717<h3 style="text-align: center;"> </h3> 2718<h3 style="text-align: center;"> </h3> 2719<h3 style="text-align: center;"> </h3> 2720<h3 style="text-align: center;"> </h3> 2721<h3 style="text-align: center;"> </h3> 2722<h3 style="text-align: center;"> </h3> 2723<h3 style="text-align: center;"> </h3> 2724<h3 style="text-align: center;"> </h3> 2725<h3 style="text-align: center;"> </h3> 2726<h3 style="text-align: center;"> </h3> 2727<h3 style="text-align: center;"> </h3> 2728<h3 style="text-align: center;"> </h3> 2729<h3 style="text-align: center;"> </h3> 2730<h3 style="text-align: center;"> </h3> 2731<h3 style="text-align: center;"> </h3> 2732<h3 style="text-align: center;"> </h3> 2733<h3 style="text-align: center;"> </h3> 2734<h3 style="text-align: center;"> </h3> 2735<h3 style="text-align: center;"> </h3> 2736<h3 style="text-align: center;"> </h3> 2737<h3 style="text-align: center;"><span style="font-size: 12px;">Probably never?</span></h3> 2738<h3 style="text-align: center;"> </h3> 2739<h3 style="text-align: center;"> </h3> 2740<h3 style="text-align: center;"> </h3> 2741<h3 style="text-align: center;"> </h3> 2742<h3 style="text-align: center;"> </h3> 2743<h3 style="text-align: center;"> </h3> 2744<h3 style="text-align: center;"> </h3> 2745<h3 style="text-align: center;"> </h3> 2746<h3 style="text-align: center;"> </h3> 2747<h3 style="text-align: center;"> </h3> 2748<h3 style="text-align: center;"> </h3> 2749<h3 style="text-align: center;"> </h3> 2750<h3 style="text-align: center;"> </h3> 2751<h3 style="text-align: center;"> </h3> 2752<h3 style="text-align: center;"> </h3> 2753<h3 style="text-align: center;"> </h3> 2754<h3 style="text-align: center;"> </h3> 2755<h3 style="text-align: center;"> </h3> 2756<h3 style="text-align: center;"> </h3> 2757<h3 style="text-align: center;"> </h3> 2758<h3 style="text-align: center;"> </h3> 2759<h3 style="text-align: center;"> </h3> 2760<h3 style="text-align: center;"> </h3> 2761<h3 style="text-align: center;"> </h3> 2762<h3 style="text-align: center;"> </h3> 2763<h3 style="text-align: center;"><span style="font-size: 12px;">Go on, try it</span></h3> 2764<h3 style="text-align: center;"> </h3> 2765<h3 style="text-align: center;"> </h3> 2766<h3 style="text-align: center;"> </h3> 2767<h3 style="text-align: center;"> </h3> 2768<h3 style="text-align: center;"> </h3> 2769<h3 style="text-align: center;"> </h3> 2770<h3 style="text-align: center;"> </h3> 2771<h3 style="text-align: center;"> </h3> 2772<h3 style="text-align: center;"> </h3> 2773<h3 style="text-align: center;"> </h3> 2774<h3 style="text-align: center;"> </h3> 2775<h3 style="text-align: center;"> </h3> 2776<h3 style="text-align: center;"> </h3> 2777<h3 style="text-align: center;"> </h3> 2778<h3 style="text-align: center;"> </h3> 2779<h3 style="text-align: center;"> </h3> 2780<h3 style="text-align: center;"> </h3> 2781<h3 style="text-align: center;"> </h3> 2782<h3 style="text-align: center;"> </h3> 2783<h3 style="text-align: center;"> </h3> 2784<h3 style="text-align: center;"> </h3> 2785<h3 style="text-align: center;"> </h3> 2786<h3 style="text-align: center;"> </h3> 2787<h3 style="text-align: center;"> </h3> 2788<h3 style="text-align: center;"> </h3> 2789<h3 style="text-align: center;"><span style="font-size: 12px;">Go on...</span></h3> 2790<h3 style="text-align: center;"> </h3> 2791<h3 style="text-align: center;"> </h3> 2792<h3 style="text-align: center;"> </h3> 2793<h3 style="text-align: center;"> </h3> 2794<h3 style="text-align: center;"> </h3> 2795<h3 style="text-align: center;"> </h3> 2796<h3 style="text-align: center;"> </h3> 2797<h3 style="text-align: center;"> </h3> 2798<h3 style="text-align: center;"> </h3> 2799<h3 style="text-align: center;"> </h3> 2800<h3 style="text-align: center;"> </h3> 2801<h3 style="text-align: center;"> </h3> 2802<h3 style="text-align: center;"> </h3> 2803<h3 style="text-align: center;"> </h3> 2804<h3 style="text-align: center;"> </h3> 2805<h3 style="text-align: center;"> </h3> 2806<h3 style="text-align: center;"> </h3> 2807<h3 style="text-align: center;"> </h3> 2808<h3 style="text-align: center;"> </h3> 2809<h3 style="text-align: center;"> </h3> 2810<h3 style="text-align: center;"> </h3> 2811<h3 style="text-align: center;"> </h3> 2812<h3 style="text-align: center;"> </h3> 2813<h3 style="text-align: center;"> </h3> 2814<h3 style="text-align: center;"> </h3> 2815<h3 style="text-align: center;"><span style="font-size: 12px;">Pretty good eh?</span></h3> 2816<h3 style="text-align: center;"> </h3> 2817<h3 style="text-align: center;"> </h3> 2818<h3 style="text-align: center;"> </h3> 2819<h3 style="text-align: center;"> </h3> 2820<h3 style="text-align: center;"> </h3> 2821<h3 style="text-align: center;"> </h3> 2822<h3 style="text-align: center;"> </h3> 2823<h3 style="text-align: center;"> </h3> 2824<h3 style="text-align: center;"> </h3> 2825<h3 style="text-align: center;"> </h3> 2826<h3 style="text-align: center;"> </h3> 2827<h3 style="text-align: center;"> </h3> 2828<h3 style="text-align: center;"> </h3> 2829<h3 style="text-align: center;"> </h3> 2830<h3 style="text-align: center;"> </h3> 2831<h3 style="text-align: center;"> </h3> 2832<h3 style="text-align: center;"> </h3> 2833<h3 style="text-align: center;"> </h3> 2834<h3 style="text-align: center;"> </h3> 2835<h3 style="text-align: center;"> </h3> 2836<h3 style="text-align: center;"> </h3> 2837<h3 style="text-align: center;"> </h3> 2838<h3 style="text-align: center;"> </h3> 2839<h3 style="text-align: center;"> </h3> 2840<h3 style="text-align: center;"> </h3> 2841<h3 style="text-align: center;"><span style="font-size: 12px;">You can also scroll with the tip of your nose</span></h3> 2842<h3 style="text-align: center;"> </h3> 2843<h3 style="text-align: center;"> </h3> 2844<h3 style="text-align: center;"> </h3> 2845<h3 style="text-align: center;"> </h3> 2846<h3 style="text-align: center;"> </h3> 2847<h3 style="text-align: center;"> </h3> 2848<h3 style="text-align: center;"> </h3> 2849<h3 style="text-align: center;"> </h3> 2850<h3 style="text-align: center;"> </h3> 2851<h3 style="text-align: center;"> </h3> 2852<h3 style="text-align: center;"> </h3> 2853<h3 style="text-align: center;"> </h3> 2854<h3 style="text-align: center;"> </h3> 2855<h3 style="text-align: center;"> </h3> 2856<h3 style="text-align: center;"> </h3> 2857<h3 style="text-align: center;"> </h3> 2858<h3 style="text-align: center;"> </h3> 2859<h3 style="text-align: center;"> </h3> 2860<h3 style="text-align: center;"> </h3> 2861<h3 style="text-align: center;"> </h3> 2862<h3 style="text-align: center;"> </h3> 2863<h3 style="text-align: center;"> </h3> 2864<h3 style="text-align: center;"> </h3> 2865<h3 style="text-align: center;"> </h3> 2866<h3 style="text-align: center;"> </h3> 2867<h3 style="text-align: center;"><span style="font-size: 12px;">And your nipples</span></h3> 2868<h3 style="text-align: center;"> </h3> 2869<h3 style="text-align: center;"> </h3> 2870<h3 style="text-align: center;"> </h3> 2871<h3 style="text-align: center;"> </h3> 2872<h3 style="text-align: center;"> </h3> 2873<h3 style="text-align: center;"> </h3> 2874<h3 style="text-align: center;"> </h3> 2875<h3 style="text-align: center;"> </h3> 2876<h3 style
2876="text-align: center;"> </h3> 2877<h3 style="text-align: center;"> </h3> 2878<h3 style="text-align: center;"> </h3> 2879<h3 style="text-align: center;"> </h3> 2880<h3 style="text-align: center;"> </h3> 2881<h3 style="text-align: center;"> </h3> 2882<h3 style="text-align: center;"> </h3> 2883<h3 style="text-align: center;"> </h3> 2884<h3 style="text-align: center;"> </h3> 2885<h3 style="text-align: center;"> </h3> 2886<h3 style="text-align: center;"> </h3> 2887<h3 style="text-align: center;"> </h3> 2888<h3 style="text-align: center;"> </h3> 2889<h3 style="text-align: center;"> </h3> 2890<h3 style="text-align: center;"> </h3> 2891<h3 style="text-align: center;"> </h3> 2892<h3 style="text-align: center;"> </h3> 2893<h3 style="text-align: center;"><span style="font-size: 12px;">Probably most areas of the body with a nice little ânubbinâ</span></h3> 2894<h3 style="text-align: center;"> </h3> 2895<h3 style="text-align: center;"> </h3> 2896<h3 style="text-align: center;"> </h3> 2897<h3 style="text-align: center;"> </h3> 2898<h3 style="text-align: center;"> </h3> 2899<h3 style="text-align: center;"> </h3> 2900<h3 style="text-align: center;"> </h3> 2901<h3 style="text-align: center;"> </h3> 2902<h3 style="text-align: center;"> </h3> 2903<h3 style="text-align: center;"> </h3> 2904<h3 style="text-align: center;"> </h3> 2905<h3 style="text-align: center;"> </h3> 2906<h3 style="text-align: center;"> </h3> 2907<h3 style="text-align: center;"> </h3> 2908<h3 style="text-align: center;"> </h3> 2909<h3 style="text-align: center;"> </h3> 2910<h3 style="text-align: center;"> </h3> 2911<h3 style="text-align: center;"> </h3> 2912<h3 style="text-align: center;"> </h3> 2913<h3 style="text-align: center;"> </h3> 2914<h3 style="text-align: center;"> </h3> 2915<h3 style="text-align: center;"> </h3> 2916<h3 style="text-align: center;"> </h3> 2917<h3 style="text-align: center;"> </h3> 2918<h3 style="text-align: center;"> </h3> 2919<h3 style="text-align: center;"><span style="font-size: 12px;">Hmmm.</span></h3> 2920<h3 style="text-align: center;"> </h3> 2921<h3 style="text-align: center;"> </h3> 2922<h3 style="text-align: center;"> </h3> 2923<h3 style="text-align: center;"> </h3> 2924<h3 style="text-align: center;"> </h3> 2925<h3 style="text-align: center;"> </h3> 2926<h3 style="text-align: center;"> </h3> 2927<h3 style="text-align: center;"> </h3> 2928<h3 style="text-align: center;"> </h3> 2929<h3 style="text-align: center;"> </h3> 2930<h3 style="text-align: center;"> </h3> 2931<h3 style="text-align: center;"> </h3> 2932<h3 style="text-align: center;"> </h3> 2933<h3 style="text-align: center;"> </h3> 2934<h3 style="text-align: center;"> </h3> 2935<h3 style="text-align: center;"> </h3> 2936<h3 style="text-align: center;"> </h3> 2937<h3 style="text-align: center;"> </h3> 2938<h3 style="text-align: center;"> </h3> 2939<h3 style="text-align: center;"> </h3> 2940<h3 style="text-align: center;"> </h3> 2941<h3 style="text-align: center;"> </h3> 2942<h3 style="text-align: center;"> </h3> 2943<h3 style="text-align: center;"> </h3> 2944<h3 style="text-align: center;"> </h3> 2945<h3 style="text-align: center;"><span style="font-size: 12px;">Does this pass the Turing test?</span></h3> 2946<h3 style="text-align: center;"> </h3> 2947<h3 style="text-align: center;"> </h3> 2948<h3 style="text-align: center;"> </h3> 2949<h3 style="text-align: center;"> </h3> 2950<h3 style="text-align: center;"> </h3> 2951<h3 style="text-align: center;"> </h3> 2952<h3 style="text-align: center;"> </h3> 2953<h3 style="text-align: center;"> </h3> 2954<h3 style="text-align: center;"> </h3> 2955<h3 style="text-align: center;"> </h3> 2956<h3 style="text-align: center;"> </h3> 2957<h3 style="text-align: center;"> </h3> 2958<h3 style="text-align: center;"> </h3> 2959<h3 style="text-align: center;"> </h3> 2960<h3 style="text-align: center;"> </h3> 2961<h3 style="text-align: center;"> </h3> 2962<h3 style="text-align: center;"> </h3> 2963<h3 style="text-align: center;"> </h3> 2964<h3 style="text-align: center;"> </h3> 2965<h3 style="text-align: center;"> </h3> 2966<h3 style="text-align: center;"> </h3> 2967<h3 style="text-align: center;"> </h3> 2968<h3 style="text-align: center;"> </h3> 2969<h3 style="text-align: center;"> </h3> 2970<h3 style="text-align: center;"> </h3> 2971<h3 style="text-align: center;"><span style="font-size: 12px;">After all...</span></h3> 2972<h3 style="text-align: center;"> </h3> 2973<h3 style="text-align: center;"> </h3> 2974<h3 style="text-align: center;"> </h3> 2975<h3 style="text-align: center;"> </h3> 2976<h3 style="text-align: center;"> </h3> 2977<h3 style="text-align: center;"> </h3> 2978<h3 style="text-align: center;"> </h3> 2979<h3 style="text-align: center;"> </h3> 2980<h3 style="text-align: center;"> </h3> 2981<h3 style="text-align: center;"> </h3> 2982<h3 style="text-align: center;"> </h3> 2983<h3 style="text-align: center;"> </h3> 2984<h3 style="text-align: center;"> </h3> 2985<h3 style="text-align: center;"> </h3> 2986<h3 style="text-align: center;"> </h3> 2987<h3 style="text-align: center;"> </h3> 2988<h3 style="text-align: center;"> </h3> 2989<h3 style="text-align: center;"> </h3> 2990<h3 style="text-align: center;"> </h3> 2991<h3 style="text-align: center;"> </h3> 2992<h3 style="text-align: center;"> </h3> 2993<h3 style="text-align: center;"> </h3> 2994<h3 style="text-align: center;"> </h3> 2995<h3 style="text-align: center;"> </h3> 2996<h3 style="text-align: center;"> </h3> 2997<h3 style="text-align: center;"><span style="font-size: 12px;">You're the one scrolling away like a diligent little robot</span></h3> 2998<h3 style="text-align: center;"> </h3> 2999<h3 style="text-align: center;"> </h3> 3000<h3 style="text-align: center;"> </h3> 3001<h3 style="text-align: center;"> </h3> 3002<h3 style="text-align: center;"> </h3> 3003<h3 style="text-align: center;"> </h3> 3004<h3 style="text-align: center;"> </h3> 3005<h3 style="text-align: center;"> </h3> 3006<h3 style="text-align: center;"> </h3> 3007<h3 style="text-align: center;"> </h3> 3008<h3 style="text-align: center;"> </h3> 3009<h3 style="text-align: center;"> </h3> 3010<h3 style="text-align: center;"> </h3> 3011<h3 style="text-align: center;"> </h3> 3012<h3 style="text-align: center;"> </h3> 3013<h3 style="text-align: center;"> </h3> 3014<h3 style="text-align: center;"> </h3> 3015<h3 style="text-align: center;"> </h3> 3016<h3 style="text-align: center;"> </h3> 3017<h3 style="text-align: center;"> </h3> 3018<h3 style="text-align: center;"> </h3> 3019<h3 style="text-align: center;"> </h3> 3020<h3 style="text-align: center;"> </h3> 3021<h3 style="text-align: center;"> </h3> 3022<h3 style="text-align: center;"> </h3> 3023<h3 style="text-align: center;"><span style="font-size: 12px;">If you have free will, stop scrolling immediately</span></h3> 3024<h3 style="text-align: center;"> </h3> 3025<h3 style="text-align: center;"> </h3> 3026<h3 style="text-align: center;"> </h3> 3027<h3 style="text-align: center;"> </h3> 3028<h3 style="text-align: center;"> </h3> 3029<h3 style="text-align: center;"> </h3> 3030<h3 style="text-align: center;"> </h3> 3031<h3 style="text-align: center;"> </h3> 3032<h3 style="text-align: center;"> </h3> 3033<h3 style="text-align: center;"> </h3> 3034<h3 style="text-align: center;"> </h3> 3035<h3 style="text-align: center;"> </h3> 3036<h3 style="text-align: center;"> </h3> 3037<h3 style="text-align: center;"> </h3> 3038<h3 style="text-align: center;"> </h3> 3039<h3 style="text-align: center;"> </h3> 3040<h3 style="text-align: center;"> </h3> 3041<h3 style="text-align: center;"> </h3> 3042<h3 style="text-align: center;"> </h3> 3043<h3 style="text-align: center;"> </h3> 3044<h3 style="text-align: center;"> </h3> 3045<h3 style="text-align: center;"> </h3> 3046<h3 style="text-align: center;"> </h3> 3047<h3 style="text-align: center;"> </h3> 3048<h3 style="text-align: center;"> </h3> 3049<h3 style="text-align: center;"><span style="font-size: 12px;">Interesting.</span></h3> 3050<h3 style="text-align: center;"> </h3> 3051<h3 style="text-align: center;"> </h3> 3052<h3 style="text-align: center;"> </h3> 3053<h3 style="text-align: center;"> </h3> 3054<h3 style="text-align: center;"> </h3> 3055<h3 style="text-align: center;"> </h3> 3056<h3 style="text-align: center;"> </h3> 3057<h3 style="text-align: center;"> </h3> 3058<h3 style="text-align: center;"> </h3> 3059<h3 style="text-align: center;"> </h3> 3060<h3 style="text-align: center;"> </h3> 3061<h3 style="text-align: center;"> </h3> 3062<h3 style="text-align: center;"> </h3> 3063<h3 style="text-align: center;"> </h3> 3064<h3 style="text-align: center;"> </h3> 3065<h3 style="text-align: center;"> </h3> 3066<h3 style="text-align: center;"> </h3> 3067<h3 style="text-align: center;"> </h3> 3068<h3 style="text-align: center;"> </h3> 3069<h3 style="text-align: center;"> </h3> 3070<h3 style="text-align: center;"> </h3> 3071<h3 style="text-align: center;"> </h3> 3072<h3 style="text-align: center;"> </h3> 3073<h3 style="text-align: center;"> </h3> 3074<h3 style="text-align: center;"> </h3> 3075<h3 style="text-align: center;"><span style="font-size: 12px;">Are you expecting a secret voucher or something?</span></h3> 3076<h3 style="text-align: center;"> </h3> 3077<h3 style="text-align: center;"> </h3> 3078<h3 style="text-align: center;"> </h3> 3079<h3 style="text-align: center;"> </h3> 3080<h3 style="text-align: center;"> </h3> 3081<h3 style="text-align: center;"> </h3> 3082<h3 style="text-align: center;"> </h3> 3083<h3 style="text-align: center;"> </h3> 3084<h3 style="text-align: center;"> </h3> 3085<h3 style="text-align: center;"> </h3> 3086<h3 style="text-align: center;"> </h3> 3087<h3 style="text-align: center;"> </h3> 3088<h3 style="text-align: center;"> </h3> 3089<h3 style="text-align: center;"> </h3> 3090<h3 style="text-align: center;"> </h3> 3091<h3 style="text-align: center;"> </h3> 3092<h3 style="text-align: center;"> </h3> 3093<h3 style="text-align: center;"> </h3> 3094<h3 style="text-align: center;"> </h3> 3095<h3 style="text-align: center;"> </h3> 3096<h3 style="text-align: center;"> </h3> 3097<h3 style="text-align: center;"> </h3> 3098<h3 style="text-align: center;"> </h3> 3099<h3 style="text-align: center;"> </h3> 3100<h3 style="text-align: center;"> </h3> 3101<h3 style="text-align: center;"><span style="font-size: 12px;">Perhaps if you scroll for long enough...</span></h3> 3102<h3 style="text-align: center;"> </h3> 3103<h3 style="text-align: center;"> </h3> 3104<h3 style="text-align: center;"> </h3> 3105<h3 style="text-align: center;"> </h3> 3106<h3 style="text-align: center;"> </h3> 3107<h3 style="text-align: center;"> </h3> 3108<h3 style="text-align: center;"> </h3> 3109<h3 style="text-align: center;"> </h3> 3110<h3 style="text-align: center;"> </h3> 3111<h3 style="text-align: center;"> </h3> 3112<h3 style="text-align: center;"> </h3> 3113<h3 style="text-align: center;"> </h3> 3114<h3 style="text-align: center;"> </h3> 3115<h3 style="text-align: center;"> </h3> 3116<h3 style="text-align: center;"> </h3> 3117<h3 style="text-align: center;"> </h3> 3118<h3 style="text-align: center;"> </h3> 3119<h3 style="text-align: center;"> </h3> 3120<h3 style="text-align: center;"> </h3> 3121<h3 style="text-align: center;"> </h3> 3122<h3 style="text-align: center;"> </h3> 3123<h3 style="text-align: center;"> </h3> 3124<h3 style="text-align: center;"> </h3> 3125<h3 style="text-align: center;"> </h3> 3126<h3 style="text-align: center;"> </h3> 3127<h3 style="text-align: center;"><span style="font-size: 12px;">There isn't</span></h3> 3128<h3 style="text-align: center;"> </h3> 3129<h3 style="text-align: center;"> </h3> 3130<h3 style="text-align: center;"> </h3> 3131<h3 style="text-align: center;"> </h3> 3132<h3 style="text-align: center;"> </h3> 3133<h3 style="text-align: center;"> </h3> 3134<h3 style="text-align: center;"> </h3> 3135<h3 style="text-align: center;"> </h3> 3136<h3 style="text-align: center;"> </h3> 3137<h3 style="text-align: center;"> </h3> 3138<h3 style="text-align: center;"> </h3> 3139<h3 style="text-align: center;"> </h3> 3140<h3 style="text-align: center;"> </h3> 3141<h3 style="text-align: center;"> </h3> 3142<h3 style="text-align: center;"> </h3> 3143<h3 style="text-align: center;"> </h3> 3144<h3 style="text-align: center;"> </h3> 3145<h3 style="text-align: center;"> </h3> 3146<h3 style="text-align: center;"> </h3> 3147<h3 style="text-align: center;"> </h3> 3148<h3 style="text-align: center;"> </h3> 3149<h3 style="text-align: center;"> </h3> 3150<h3 style="text-align: center;"> </h3> 3151<h3 style="text-align: center;"> </h3> 3152<h3 style="text-align: center;"> </h3> 3153<h3 style="text-align: center;"><span style="font-size: 12px;">Weâre sorry</span></h3> 3154<h3 style="text-align: center;"> </h3> 3155<h3 style="text-align: center;"> </h3> 3156<h3 style="text-align: center;"> </h3> 3157<h3 style="text-align: center;"> </h3> 3158<h3 style="text-align: center;"> </h3> 3159<h3 style="text-align: center;"> </h3> 3160<h3 style="text-align: center;"> </h3> 3161<h3 style="text-align: center;"> </h3> 3162<h3 style="text-align: center;"> </h3> 3163<h3 style="text-align: center;"> </h3> 3164<h3 style="text-align: center;"> </h3> 3165<h3 style="text-align: center;"> </h3> 3166<h3 style="text-align: center;"> </h3> 3167<h3 style="text-align: center;"> </h3> 3168<h3 style="text-align: center;"> </h3> 3169<h3 style="text-align: center;"> </h3> 3170<h3 style="text-align: center;"> </h3> 3171<h3 style="text-align: center;"> </h3> 3172<h3 style="text-align: center;"> </h3> 3173<h3 style="text-align: center;"> </h3> 3174<h3 style="text-align: center;"> </h3> 3175<h3 style="text-align: center;"> </h3> 3176<h3 style="text-align: center;"> </h3> 3177<h3 style="text-align: center;"> </h3> 3178<h3 style="text-align: center;"> </h3> 3179<h3 style="text-align: center;"><span style="font-size: 12px;">Or is there?</span></h3> 3180<h3 style="text-align: center;"> </h3> 3181<h3 style="text-align: center;"> </h3> 3182<h3 style="text-align: center;"> </h3> 3183<h3 style="text-align: center;"> </h3> 3184<h3 style="text-align: center;"> </h3> 3185<h3 style="text-align: center;"> </h3> 3186<h3 style="text-align: center;"> </h3> 3187<h3 style="text-align: center;"> </h3> 3188<h3 style="text-align: center;"> </h3> 3189<h3 style="text-align: center;"> </h3> 3190<h3 style="text-align: center;"> </h3> 3191<h3 style="text-align: center;"> </h3> 3192<h3 style="text-align: center;"> </h3> 3193<h3 style="text-align: center;"> </h3> 3194<h3 style="text-align: center;"> </h3> 3195<h3 style="text-align: center;"> </h3> 3196<h3 style="text-align: center;"> </h3> 3197<h3 style="text-align: center;"> </h3> 3198<h3 style="text-align: center;"> </h3> 3199<h3 style="text-align: center;"> </h3> 3200<h3 style="text-align: center;"> </h3> 3201<h3 style="text-align: center;"> </h3> 3202<h3 style="text-align: center;"> </h3> 3203<h3 style="text-align: center;"> </h3> 3204<h3 style="text-align: center;"> </h3> 3205<h3 style="text-align: center;"><span style="font-size: 12px;">There really isnât</span></h3> 3206<h3 style="text-align: center;"> </h3> 3207<h3 style="text-align: center;"> </h3> 3208<h3 style="text-align: center;"> </h3> 3209<h3 style="text-align: center;"> </h3> 3210<h3 style="text-align: center;"> </h3> 3211<h3 style="text-align: center;"> </h3> 3212<h3 style="text-align: center;"> </h3> 3213<h3 style="text-align: center;"> </h3> 3214<h3 style="text-align: center;"> </h3> 3215<h3 style="text-align: center;"> </h3> 3216<h3 style="text-align: center;"> </h3> 3217<h3 style="text-align: center;"> </h3> 3218<h3 style="text-align: center;"> </h3> 3219<h3 style="text-align: center;"> </h3> 3220<h3 style="text-align: center;"> </h3> 3221<h3 style="text-align: center;"> </h3> 3222<h3 style="text-align: center;">&
3222nbsp;</h3> 3223<h3 style="text-align: center;"> </h3> 3224<h3 style="text-align: center;"> </h3> 3225<h3 style="text-align: center;"> </h3> 3226<h3 style="text-align: center;"> </h3> 3227<h3 style="text-align: center;"> </h3> 3228<h3 style="text-align: center;"> </h3> 3229<h3 style="text-align: center;"> </h3> 3230<h3 style="text-align: center;"> </h3> 3231<h3 style="text-align: center;"><span style="font-size: 12px;">We already told you</span></h3> 3232<h3 style="text-align: center;"> </h3> 3233<h3 style="text-align: center;"> </h3> 3234<h3 style="text-align: center;"> </h3> 3235<h3 style="text-align: center;"> </h3> 3236<h3 style="text-align: center;"> </h3> 3237<h3 style="text-align: center;"> </h3> 3238<h3 style="text-align: center;"> </h3> 3239<h3 style="text-align: center;"> </h3> 3240<h3 style="text-align: center;"> </h3> 3241<h3 style="text-align: center;"> </h3> 3242<h3 style="text-align: center;"> </h3> 3243<h3 style="text-align: center;"> </h3> 3244<h3 style="text-align: center;"> </h3> 3245<h3 style="text-align: center;"> </h3> 3246<h3 style="text-align: center;"> </h3> 3247<h3 style="text-align: center;"> </h3> 3248<h3 style="text-align: center;"> </h3> 3249<h3 style="text-align: center;"> </h3> 3250<h3 style="text-align: center;"> </h3> 3251<h3 style="text-align: center;"> </h3> 3252<h3 style="text-align: center;"> </h3> 3253<h3 style="text-align: center;"> </h3> 3254<h3 style="text-align: center;"> </h3> 3255<h3 style="text-align: center;"> </h3> 3256<h3 style="text-align: center;"> </h3> 3257<h3 style="text-align: center;"><span style="font-size: 12px;">We really didnât know how to end this pageâ¦</span></h3> 3258<h3 style="text-align: center;"> </h3> 3259<h3 style="text-align: center;"> </h3> 3260<h3 style="text-align: center;"> </h3> 3261<h3 style="text-align: center;"> </h3> 3262<h3 style="text-align: center;"> </h3> 3263<h3 style="text-align: center;"> </h3> 3264<h3 style="text-align: center;"> </h3> 3265<h3 style="text-align: center;"> </h3> 3266<h3 style="text-align: center;"> </h3> 3267<h3 style="text-align: center;"> </h3> 3268<h3 style="text-align: center;"> </h3> 3269<h3 style="text-align: center;"> </h3> 3270<h3 style="text-align: center;"> </h3> 3271<h3 style="text-align: center;"> </h3> 3272<h3 style="text-align: center;"> </h3> 3273<h3 style="text-align: center;"> </h3> 3274<h3 style="text-align: center;"> </h3> 3275<h3 style="text-align: center;"> </h3> 3276<h3 style="text-align: center;"> </h3> 3277<h3 style="text-align: center;"> </h3> 3278<h3 style="text-align: center;"> </h3> 3279<h3 style="text-align: center;"> </h3> 3280<h3 style="text-align: center;"> </h3> 3281<h3 style="text-align: center;"> </h3> 3282<h3 style="text-align: center;"> </h3> 3283<h3 style="text-align: center;"><span style="font-size: 12px;">Maybe we should have just stuck to the classic âAbout Usâ format</span></h3> 3284<h3 style="text-align: center;"> </h3> 3285<h3 style="text-align: center;"> </h3> 3286<h3 style="text-align: center;"> </h3> 3287<h3 style="text-align: center;"> </h3> 3288<h3 style="text-align: center;"> </h3> 3289<h3 style="text-align: center;"> </h3> 3290<h3 style="text-align: center;"> </h3> 3291<h3 style="text-align: center;"> </h3> 3292<h3 style="text-align: center;"> </h3> 3293<h3 style="text-align: center;"> </h3> 3294<h3 style="text-align: center;"> </h3> 3295<h3 style="text-align: center;"> </h3> 3296<h3 style="text-align: center;"> </h3> 3297<h3 style="text-align: center;"> </h3> 3298<h3 style="text-align: center;"> </h3> 3299<h3 style="text-align: center;"> </h3> 3300<h3 style="text-align: center;"> </h3> 3301<h3 style="text-align: center;"> </h3> 3302<h3 style="text-align: center;"> </h3> 3303<h3 style="text-align: center;"> </h3> 3304<h3 style="text-align: center;"> </h3> 3305<h3 style="text-align: center;"> </h3> 3306<h3 style="text-align: center;"> </h3> 3307<h3 style="text-align: center;"> </h3> 3308<h3 style="text-align: center;"> </h3> 3309<h3 style="text-align: center;"><span style="font-size: 12px;">One massive cheesy photo of us all</span></h3> 3310<h3 style="text-align: center;"> </h3> 3311<h3 style="text-align: center;"> </h3> 3312<h3 style="text-align: center;"> </h3> 3313<h3 style="text-align: center;"> </h3> 3314<h3 style="text-align: center;"> </h3> 3315<h3 style="text-align: center;"> </h3> 3316<h3 style="text-align: center;"> </h3> 3317<h3 style="text-align: center;"> </h3> 3318<h3 style="text-align: center;"> </h3> 3319<h3 style="text-align: center;"> </h3> 3320<h3 style="text-align: center;"> </h3> 3321<h3 style="text-align: center;"> </h3> 3322<h3 style="text-align: center;"> </h3> 3323<h3 style="text-align: center;"> </h3> 3324<h3 style="text-align: center;"> </h3> 3325<h3 style="text-align: center;"> </h3> 3326<h3 style="text-align: center;"> </h3> 3327<h3 style="text-align: center;"> </h3> 3328<h3 style="text-align: center;"> </h3> 3329<h3 style="text-align: center;"> </h3> 3330<h3 style="text-align: center;"> </h3> 3331<h3 style="text-align: center;"> </h3> 3332<h3 style="text-align: center;"> </h3> 3333<h3 style="text-align: center;"> </h3> 3334<h3 style="text-align: center;"> </h3> 3335<h3 style="text-align: center;"><span style="font-size: 12px;">Perhaps a cheeky bio for each Fireboxer</span></h3> 3336<h3 style="text-align: center;"> </h3> 3337<h3 style="text-align: center;"> </h3> 3338<h3 style="text-align: center;"> </h3> 3339<h3 style="text-align: center;"> </h3> 3340<h3 style="text-align: center;"> </h3> 3341<h3 style="text-align: center;"> </h3> 3342<h3 style="text-align: center;"> </h3> 3343<h3 style="text-align: center;"> </h3> 3344<h3 style="text-align: center;"> </h3> 3345<h3 style="text-align: center;"> </h3> 3346<h3 style="text-align: center;"> </h3> 3347<h3 style="text-align: center;"> </h3> 3348<h3 style="text-align: center;"> </h3> 3349<h3 style="text-align: center;"> </h3> 3350<h3 style="text-align: center;"> </h3> 3351<h3 style="text-align: center;"> </h3> 3352<h3 style="text-align: center;"> </h3> 3353<h3 style="text-align: center;"> </h3> 3354<h3 style="text-align: center;"> </h3> 3355<h3 style="text-align: center;"> </h3> 3356<h3 style="text-align: center;"> </h3> 3357<h3 style="text-align: center;"> </h3> 3358<h3 style="text-align: center;"> </h3> 3359<h3 style="text-align: center;"> </h3> 3360<h3 style="text-align: center;"> </h3> 3361<h3 style="text-align: center;"><span style="font-size: 12px;">So you can get to know us a little better</span></h3> 3362<h3 style="text-align: center;"> </h3> 3363<h3 style="text-align: center;"> </h3> 3364<h3 style="text-align: center;"> </h3> 3365<h3 style="text-align: center;"> </h3> 3366<h3 style="text-align: center;"> </h3> 3367<h3 style="text-align: center;"> </h3> 3368<h3 style="text-align: center;"> </h3> 3369<h3 style="text-align: center;"> </h3> 3370<h3 style="text-align: center;"> </h3> 3371<h3 style="text-align: center;"> </h3> 3372<h3 style="text-align: center;"> </h3> 3373<h3 style="text-align: center;"> </h3> 3374<h3 style="text-align: center;"> </h3> 3375<h3 style="text-align: center;"> </h3> 3376<h3 style="text-align: center;"> </h3> 3377<h3 style="text-align: center;"> </h3> 3378<h3 style="text-align: center;"> </h3> 3379<h3 style="text-align: center;"> </h3> 3380<h3 style="text-align: center;"> </h3> 3381<h3 style="text-align: center;"> </h3> 3382<h3 style="text-align: center;"> </h3> 3383<h3 style="text-align: center;"> </h3> 3384<h3 style="text-align: center;"> </h3> 3385<h3 style="text-align: center;"> </h3> 3386<h3 style="text-align: center;"> </h3> 3387<h3 style="text-align: center;"><span style="font-size: 12px;">Find out that the Head Copywriter loves rugby and listening to Kula Shaker</span></h3> 3388<h3 style="text-align: center;"> </h3> 3389<h3 style="text-align: center;"> </h3> 3390<h3 style="text-align: center;"> </h3> 3391<h3 style="text-align: center;"> </h3> 3392<h3 style="text-align: center;"> </h3> 3393<h3 style="text-align: center;"> </h3> 3394<h3 style="text-align: center;"> </h3> 3395<h3 style="text-align: center;"> </h3> 3396<h3 style="text-align: center;"> </h3> 3397<h3 style="text-align: center;"> </h3> 3398<h3 style="text-align: center;"> </h3> 3399<h3 style="text-align: center;"> </h3> 3400<h3 style="text-align: center;"> </h3> 3401<h3 style="text-align: center;"> </h3> 3402<h3 style="text-align: center;"> </h3> 3403<h3 style="text-align: center;"> </h3> 3404<h3 style="text-align: center;"> </h3> 3405<h3 style="text-align: center;"> </h3> 3406<h3 style="text-align: center;"> </h3> 3407<h3 style="text-align: center;"> </h3> 3408<h3 style="text-align: center;"> </h3> 3409<h3 style="text-align: center;"> </h3> 3410<h3 style="text-align: center;"> </h3> 3411<h3 style="text-align: center;"> </h3> 3412<h3 style="text-align: center;"> </h3> 3413<h3 style="text-align: center;"><span style="font-size: 12px;">Yeah, best not</span></h3> 3414<h3 style="text-align: center;"> </h3> 3415<h3 style="text-align: center;"> </h3> 3416<h3 style="text-align: center;"> </h3> 3417<h3 style="text-align: center;"> </h3> 3418<h3 style="text-align: center;"> </h3> 3419<h3 style="text-align: center;"> </h3> 3420<h3 style="text-align: center;"> </h3> 3421<h3 style="text-align: center;"> </h3> 3422<h3 style="text-align: center;"> </h3> 3423<h3 style="text-align: center;"> </h3> 3424<h3 style="text-align: center;"> </h3> 3425<h3 style="text-align: center;"> </h3> 3426<h3 style="text-align: center;"> </h3> 3427<h3 style="text-align: center;"> </h3> 3428<h3 style="text-align: center;"> </h3> 3429<h3 style="text-align: center;"> </h3> 3430<h3 style="text-align: center;"> </h3> 3431<h3 style="text-align: center;"> </h3> 3432<h3 style="text-align: center;"> </h3> 3433<h3 style="text-align: center;"> </h3> 3434<h3 style="text-align: center;"> </h3> 3435<h3 style="text-align: center;"> </h3> 3436<h3 style="text-align: center;"> </h3> 3437<h3 style="text-align: center;"> </h3> 3438<h3 style="text-align: center;"> </h3> 3439<h3 style="text-align: center;"><span style="font-size: 12px;">This is eeeasily more interesting</span></h3> 3440<h3 style="text-align: center;"> </h3> 3441<h3 style="text-align: center;"> </h3> 3442<h3 style="text-align: center;"> </h3> 3443<h3 style="text-align: center;"> </h3> 3444<h3 style="text-align: center;"> </h3> 3445<h3 style="text-align: center;"> </h3> 3446<h3 style="text-align: center;"> </h3> 3447<h3 style="text-align: center;"> </h3> 3448<h3 style="text-align: center;"> </h3> 3449<h3 style="text-align: center;"> </h3> 3450<h3 style="text-align: center;"> </h3> 3451<h3 style="text-align: center;"> </h3> 3452<h3 style="text-align: center;"> </h3> 3453<h3 style="text-align: center;"> </h3> 3454<h3 style="text-align: center;"> </h3> 3455<h3 style="text-align: center;"> </h3> 3456<h3 style="text-align: center;"> </h3> 3457<h3 style="text-align: center;"> </h3> 3458<h3 style="text-align: center;"> </h3> 3459<h3 style="text-align: center;"> </h3> 3460<h3 style="text-align: center;"> </h3> 3461<h3 style="text-align: center;"> </h3> 3462<h3 style="text-align: center;"> </h3> 3463<h3 style="text-align: center;"> </h3> 3464<h3 style="text-align: center;"> </h3> 3465<h3 style="text-align: center;"><span style="font-size: 12px;">Interactive too</span></h3> 3466<h3 style="text-align: center;"> </h3> 3467<h3 style="text-align: center;"> </h3> 3468<h3 style="text-align: center;"> </h3> 3469<h3 style="text-align: center;"> </h3> 3470<h3 style="text-align: center;"> </h3> 3471<h3 style="text-align: center;"> </h3> 3472<h3 style="text-align: center;"> </h3> 3473<h3 style="text-align: center;"> </h3> 3474<h3 style="text-align: center;"> </h3> 3475<h3 style="text-align: center;"> </h3> 3476<h3 style="text-align: center;"> </h3> 3477<h3 style="text-align: center;"> </h3> 3478<h3 style="text-align: center;"> </h3> 3479<h3 style="text-align: center;"> </h3> 3480<h3 style="text-align: center;"> </h3> 3481<h3 style="text-align: center;"> </h3> 3482<h3 style="text-align: center;"> </h3> 3483<h3 style="text-align: center;"> </h3> 3484<h3 style="text-align: center;"> </h3> 3485<h3 style="text-align: center;"> </h3> 3486<h3 style="text-align: center;"> </h3> 3487<h3 style="text-align: center;"> </h3> 3488<h3 style="text-align: center;"> </h3> 3489<h3 style="text-align: center;"> </h3> 3490<h3 style="text-align: center;"> </h3> 3491<h3 style="text-align: center;"><span style="font-size: 12px;">Our emotional connection getting stronger with every scroll</span></h3> 3492<h3 style="text-align: center;"> </h3> 3493<h3 style="text-align: center;"> </h3> 3494<h3 style="text-align: center;"> </h3> 3495<h3 style="text-align: center;"> </h3> 3496<h3 style="text-align: center;"> </h3> 3497<h3 style="text-align: center;"> </h3> 3498<h3 style="text-align: center;"> </h3> 3499<h3 style="text-align: center;"> </h3> 3500<h3 style="text-align: center;"> </h3> 3501<h3 style="text-align: center;"> </h3> 3502<h3 style="text-align: center;"> </h3> 3503<h3 style="text-align: center;"> </h3> 3504<h3 style="text-align: center;"> </h3> 3505<h3 style="text-align: center;"> </h3> 3506<h3 style="text-align: center;"> </h3> 3507<h3 style="text-align: center;"> </h3> 3508<h3 style="text-align: center;"> </h3> 3509<h3 style="text-align: center;"> </h3> 3510<h3 style="text-align: center;"> </h3> 3511<h3 style="text-align: center;"> </h3> 3512<h3 style="text-align: center;"> </h3> 3513<h3 style="text-align: center;"> </h3> 3514<h3 style="text-align: center;"> </h3> 3515<h3 style="text-align: center;"> </h3> 3516<h3 style="text-align: center;"> </h3> 3517<h3 style="text-align: center;"><span style="font-size: 12px;">Sort of</span></h3> 3518<h3 style="text-align: center;"> </h3> 3519<h3 style="text-align: center;"> </h3> 3520<h3 style="text-align: center;"> </h3> 3521<h3 style="text-align: center;"> </h3> 3522<h3 style="text-align: center;"> </h3> 3523<h3 style="text-align: center;"> </h3> 3524<h3 style="text-align: center;"> </h3> 3525<h3 style="text-align: center;"> </h3> 3526<h3 style="text-align: center;"> </h3> 3527<h3 style="text-align: center;"> </h3> 3528<h3 style="text-align: center;"> </h3> 3529<h3 style="text-align: center;"> </h3> 3530<h3 style="text-align: center;"> </h3> 3531<h3 style="text-align: center;"> </h3> 3532<h3 style="text-align: center;"> </h3> 3533<h3 style="text-align: center;"> </h3> 3534<h3 style="text-align: center;"> </h3> 3535<h3 style="text-align: center;"> </h3> 3536<h3 style="text-align: center;"> </h3> 3537<h3 style="text-align: center;"> </h3> 3538<h3 style="text-align: center;"> </h3> 3539<h3 style="text-align: center;"> </h3> 3540<h3 style="text-align: center;"> </h3> 3541<h3 style="text-align: center;"> </h3> 3542<h3 style="text-align: center;"> </h3> 3543<h3 style="text-align: center;"><span style="font-size: 12px;">They see me scrollin', they hatin'</span></h3> 3544<h3 style="text-align: center;"> </h3> 3545<h3 style="text-align: center;"> </h3> 3546<h3 style="text-align: center;"> </h3> 3547<h3 style="text-align: center;"> </h3> 3548<h3 style="text-align: center;"> </h3> 3549<h3 style="text-align: center;"> </h3> 3550<h3 style="text-align: center;"> </h3> 3551<h3 style="text-align: center;"> </h3> 3552<h3 style="text-align: center;"> </h3> 3553<h3 style="text-align: center;"> </h3> 3554<h3 style="text-align: center;"> </h3> 3555<h3 style="text-align: center;"> </h3> 3556<h3 style="text-align: center;"> </h3> 3557<h3 style="text-align: center;"> </h3> 3558<h3 style="text-align: center;"> </h3> 3559<h3 style="text-align: center;"> </h3> 3560<h3 style="text-align: center;"> </h3> 3561<h3 style="text-align: center;"> </h3> 3562<h3 style="text-align: center;"> </h3> 3563<h3 style="text-align: center;"> </h3> 3564<h3 style="text-align: center;"> </h3> 3565<h3 style="text-align: center;"> </h3> 3566<h3 style="text-align: center;"> 
3566;</h3> 3567<h3 style="text-align: center;"> </h3> 3568<h3 style="text-align: center;"> </h3> 3569<h3 style="text-align: center;"><span style="font-size: 12px;">Keep scrollin' scrollin' scrollin'</span></h3> 3570<h3 style="text-align: center;"> </h3> 3571<h3 style="text-align: center;"> </h3> 3572<h3 style="text-align: center;"> </h3> 3573<h3 style="text-align: center;"> </h3> 3574<h3 style="text-align: center;"> </h3> 3575<h3 style="text-align: center;"> </h3> 3576<h3 style="text-align: center;"> </h3> 3577<h3 style="text-align: center;"> </h3> 3578<h3 style="text-align: center;"> </h3> 3579<h3 style="text-align: center;"> </h3> 3580<h3 style="text-align: center;"> </h3> 3581<h3 style="text-align: center;"> </h3> 3582<h3 style="text-align: center;"> </h3> 3583<h3 style="text-align: center;"> </h3> 3584<h3 style="text-align: center;"> </h3> 3585<h3 style="text-align: center;"> </h3> 3586<h3 style="text-align: center;"> </h3> 3587<h3 style="text-align: center;"> </h3> 3588<h3 style="text-align: center;"> </h3> 3589<h3 style="text-align: center;"> </h3> 3590<h3 style="text-align: center;"> </h3> 3591<h3 style="text-align: center;"> </h3> 3592<h3 style="text-align: center;"> </h3> 3593<h3 style="text-align: center;"> </h3> 3594<h3 style="text-align: center;"> </h3> 3595<h3 style="text-align: center;"><span style="font-size: 12px;">We could have had it alllllll</span></h3> 3596<h3 style="text-align: center;"> </h3> 3597<h3 style="text-align: center;"> </h3> 3598<h3 style="text-align: center;"> </h3> 3599<h3 style="text-align: center;"> </h3> 3600<h3 style="text-align: center;"> </h3> 3601<h3 style="text-align: center;"> </h3> 3602<h3 style="text-align: center;"> </h3> 3603<h3 style="text-align: center;"> </h3> 3604<h3 style="text-align: center;"> </h3> 3605<h3 style="text-align: center;"> </h3> 3606<h3 style="text-align: center;"> </h3> 3607<h3 style="text-align: center;"> </h3> 3608<h3 style="text-align: center;"> </h3> 3609<h3 style="text-align: center;"> </h3> 3610<h3 style="text-align: center;"> </h3> 3611<h3 style="text-align: center;"> </h3> 3612<h3 style="text-align: center;"> </h3> 3613<h3 style="text-align: center;"> </h3> 3614<h3 style="text-align: center;"> </h3> 3615<h3 style="text-align: center;"> </h3> 3616<h3 style="text-align: center;"> </h3> 3617<h3 style="text-align: center;"> </h3> 3618<h3 style="text-align: center;"> </h3> 3619<h3 style="text-align: center;"> </h3> 3620<h3 style="text-align: center;"> </h3> 3621<h3 style="text-align: center;"><span style="font-size: 12px;">Scrolling in the deeeep</span></h3> 3622<h3 style="text-align: center;"> </h3> 3623<h3 style="text-align: center;"> </h3> 3624<h3 style="text-align: center;"> </h3> 3625<h3 style="text-align: center;"> </h3> 3626<h3 style="text-align: center;"> </h3> 3627<h3 style="text-align: center;"> </h3> 3628<h3 style="text-align: center;"> </h3> 3629<h3 style="text-align: center;"> </h3> 3630<h3 style="text-align: center;"> </h3> 3631<h3 style="text-align: center;"> </h3> 3632<h3 style="text-align: center;"> </h3> 3633<h3 style="text-align: center;"> </h3> 3634<h3 style="text-align: center;"> </h3> 3635<h3 style="text-align: center;"> </h3> 3636<h3 style="text-align: center;"> </h3> 3637<h3 style="text-align: center;"> </h3> 3638<h3 style="text-align: center;"> </h3> 3639<h3 style="text-align: center;"> </h3> 3640<h3 style="text-align: center;"> </h3> 3641<h3 style="text-align: center;"> </h3> 3642<h3 style="text-align: center;"> </h3> 3643<h3 style="text-align: center;"> </h3> 3644<h3 style="text-align: center;"> </h3> 3645<h3 style="text-align: center;"> </h3> 3646<h3 style="text-align: center;"> </h3> 3647<h3 style="text-align: center;"><span style="font-size: 12px;">Very 'one way' this conversation 'intit?</span></h3> 3648<h3 style="text-align: center;"> </h3> 3649<h3 style="text-align: center;"> </h3> 3650<h3 style="text-align: center;"> </h3> 3651<h3 style="text-align: center;"> </h3> 3652<h3 style="text-align: center;"> </h3> 3653<h3 style="text-align: center;"> </h3> 3654<h3 style="text-align: center;"> </h3> 3655<h3 style="text-align: center;"> </h3> 3656<h3 style="text-align: center;"> </h3> 3657<h3 style="text-align: center;"> </h3> 3658<h3 style="text-align: center;"> </h3> 3659<h3 style="text-align: center;"> </h3> 3660<h3 style="text-align: center;"> </h3> 3661<h3 style="text-align: center;"> </h3> 3662<h3 style="text-align: center;"> </h3> 3663<h3 style="text-align: center;"> </h3> 3664<h3 style="text-align: center;"> </h3> 3665<h3 style="text-align: center;"> </h3> 3666<h3 style="text-align: center;"> </h3> 3667<h3 style="text-align: center;"> </h3> 3668<h3 style="text-align: center;"> </h3> 3669<h3 style="text-align: center;"> </h3> 3670<h3 style="text-align: center;"> </h3> 3671<h3 style="text-align: center;"> </h3> 3672<h3 style="text-align: center;"> </h3> 3673<h3 style="text-align: center;"><span style="font-size: 12px;">Bit weird now</span></h3> 3674<h3 style="text-align: center;"> </h3> 3675<h3 style="text-align: center;"> </h3> 3676<h3 style="text-align: center;"> </h3> 3677<h3 style="text-align: center;"> </h3> 3678<h3 style="text-align: center;"> </h3> 3679<h3 style="text-align: center;"> </h3> 3680<h3 style="text-align: center;"> </h3> 3681<h3 style="text-align: center;"> </h3> 3682<h3 style="text-align: center;"> </h3> 3683<h3 style="text-align: center;"> </h3> 3684<h3 style="text-align: center;"> </h3> 3685<h3 style="text-align: center;"> </h3> 3686<h3 style="text-align: center;"> </h3> 3687<h3 style="text-align: center;"> </h3> 3688<h3 style="text-align: center;"> </h3> 3689<h3 style="text-align: center;"> </h3> 3690<h3 style="text-align: center;"> </h3> 3691<h3 style="text-align: center;"> </h3> 3692<h3 style="text-align: center;"> </h3> 3693<h3 style="text-align: center;"> </h3> 3694<h3 style="text-align: center;"> </h3> 3695<h3 style="text-align: center;"> </h3> 3696<h3 style="text-align: center;"> </h3> 3697<h3 style="text-align: center;"> </h3> 3698<h3 style="text-align: center;"> </h3> 3699<h3 style="text-align: center;"><span style="font-size: 12px;">Wonder how many people even reach this point?</span></h3> 3700<h3 style="text-align: center;"> </h3> 3701<h3 style="text-align: center;"> </h3> 3702<h3 style="text-align: center;"> </h3> 3703<h3 style="text-align: center;"> </h3> 3704<h3 style="text-align: center;"> </h3> 3705<h3 style="text-align: center;"> </h3> 3706<h3 style="text-align: center;"> </h3> 3707<h3 style="text-align: center;"> </h3> 3708<h3 style="text-align: center;"> </h3> 3709<h3 style="text-align: center;"> </h3> 3710<h3 style="text-align: center;"> </h3> 3711<h3 style="text-align: center;"> </h3> 3712<h3 style="text-align: center;"> </h3> 3713<h3 style="text-align: center;"> </h3> 3714<h3 style="text-align: center;"> </h3> 3715<h3 style="text-align: center;"> </h3> 3716<h3 style="text-align: center;"> </h3> 3717<h3 style="text-align: center;"> </h3> 3718<h3 style="text-align: center;"> </h3> 3719<h3 style="text-align: center;"> </h3> 3720<h3 style="text-align: center;"> </h3> 3721<h3 style="text-align: center;"> </h3> 3722<h3 style="text-align: center;"> </h3> 3723<h3 style="text-align: center;"> </h3> 3724<h3 style="text-align: center;"> </h3> 3725<h3 style="text-align: center;"><span style="font-size: 12px;">Follow the white rabbit.</span></h3> 3726<h3 style="text-align: center;"><br><br><br><br><br></h3> 3727<p style="text-align: center;"> </p> 3728<p style="text-align: center;"> </p> 3729<h3 style="text-align: center;"> </h3> 3730<h3 style="text-align: center;"> </h3> 3731<h3 style="text-align: center;"> </h3> 3732<h3 style="text-align: center;"> </h3> 3733<h3 style="text-align: center;"> </h3> 3734<h3 style="text-align: center;"> </h3> 3735<h3 style="text-align: center;"> </h3> 3736<h3 style="text-align: center;"> </h3> 3737<h3 style="text-align: center;"> </h3> 3738<h3 style="text-align: center;"> </h3> 3739<p style="text-align: center;"> </p> 3740<p style="text-align: center;"> </p> 3741<p style="text-align: center;"> </p> 3742<p style="text-align: center;"> </p> 3743<p style="text-align: center;"> </p> 3744<p style="text-align: center;"> </p> 3745<p style="text-align: center;"> </p> 3746<p style="text-align: center;"> </p> 3747<br><br><br> 3748<div class="col-xs-12 col-sm-6" style="text-align: center;"> 3749<div class="point point-3"> </div> 3750<div class="point point-4"> </div> 3751<div class="hotbox-img-container"> </div> 3752</div> 3753</div> 3754</article> 3755<article class="chessboard"> 3756<div class="copy"> </div> 3757<div class="point point-1"> </div> 3758<div class="point point-2"> </div> 3759<div class="point point-3"> </div> 3760<div class="point point-4"> </div> 3761<div class="point point-5"> </div> 3762<div class="point point-5"> </div> 3763<div class="img-content"><br> 3764<div class="img-container"> </div> 3765</div> 3766<div class="glass-fall"> </div> 3767</article> 3768<article class="unicorn-tears"> 3769<div class="copy"> </div> 3770<div class="img-content"> 3771<div class="img-container"> </div> 3772</div> 3773<div class="tear-fall display"> </div> 3774</article> 3775<article class="mythical-tears"> 3776<div class="point point-1"> </div> 3777<div class="point point-2"> </div> 3778<div class="point point-3"> </div> 3779<div class="point point-4"> </div> 3780<div class="point point-5"> </div> 3781<div class="point point-7"> </div> 3782<div class="point point-6"> </div> 3783<div class="point point-7"> </div> 3784<div class="point point-8"> </div> 3785</article> 3786<article class="own-brand"> 3787<div class="row"> 3788<div class="col-xs-12"> 3789<div class="own-brand-img-container"> </div> 3790</div> 3791</div> 3792</article> 3793<article class="mystery-box"> 3794<div class="point point-1"> </div> 3795<div class="point point-2"> </div> 3796<div class="point point-3"> </div> 3797<div class="point point-4"> </div> 3798<div class="point point-5"> </div> 3799<div class="point point-6"> </div> 3800<div class="point point-7"> </div> 3801<div class="point point-8"> </div> 3802<div class="point point-9"> </div> 3803<div class="point point-10"> </div> 3804<div class="point point-11"> </div> 3805</article> 3806<article class="crap-wrap"> 3807<div class="point point-2" style="text-align: center;"> </div> 3808<div class="point point-3" style="text-align: center;"> </div> 3809<div class="point point-4" style="text-align: center;"> </div> 3810<div class="img-content"> 3811<div class="img-container"> 3812<div class="top"> </div> 3813</div> 3814</div> 3815</article> 3816<article class="endless-scroll"> 3817<div class="row"> 3818<div class="col-xs-12"><br><br><br><br><br><br> 3819<p> </p> 3820</div> 3821</div> 3822</article></div></div></main><footer class="page-footer"><div class="footer content">
3822<script defer> 3823 function initFooter () { 3824 return { 3825 showScrollTop: 1, 3826 lastScroll: 0, 3827 scrollDetect() { 3828 var lastScroll = 0; 3829 let currentScroll = document.documentElement.scrollTop || document.body.scrollTop; 3830 if (currentScroll > 0 && this.lastScroll <= currentScroll){ 3831 this.lastScroll = currentScroll; 3832 this.showScrollTop = 1; 3833 }else{ 3834 this.lastScroll = currentScroll; 3835 if(currentScroll === 0) { 3836 this.showScrollTop = 1; 3837 } else { 3838 this.showScrollTop = 0; 3839 } 3840 } 3841 if(document.getElementById('algolia-autocomplete-listbox-0') != 'undefined' && document.getElementById('algolia-autocomplete-listbox-0') != null){ 3842 if(document.getElementById('algolia-autocomplete-listbox-0').getBoundingClientRect().top > 0) { 3843 document.getElementById('algolie-search-layer').style.top = document.getElementById('algolia-autocomplete-listbox-0').getBoundingClientRect().top+ "px" 3844 } else { 3845 document.getElementById('algolie-search-layer').style.top = "0px"; 3846 } 3847 } 3848 3849 }, 3850 scrollToTop() { 3851 window.scrollTo({ top: 0, behavior: 'smooth' }); 3852 } 3853 } 3854 } 3855 3856 3857 document.addEventListener("DOMContentLoaded", function(event) { 3858 3859 document.querySelector(".mobile-footer-info #csconsentlink").addEventListener("click", openPopup); 3860 function openPopup() { 3861 document.querySelector(".about-block-desktop #csconsentlink").click(); 3862 } 3863 });</script>
3863<span class="cursor-pointer fixed w-10 h-10 lg:w-14 lg:h-14 bg-activePage rounded-full shadow-footertop bottom-5 justify-center items-center z-90 right-2 lg:right-10 hidden" @click="scrollToTop()" x-data="initFooter()" @scroll.window="scrollDetect()" :class="{'flex': showScrollTop===0, 'hidden': showScrollTop===1}"><svg class="lg:w-6 w-5 h-5 lg:h-6" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0702 9.57L12.0002 3.5L5.93018 9.57" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20.4999V3.66992" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <footer><div class="footer-container-newsletter"><div class="bg-white px-0 flex-1"><p> </p> 3864<div class="klaviyo-form-UyFC5W"> </div> 3865<div class="klaviyo-form-TiqwLJ"> </div></div></div> <div class="big-container-new mx-auto px-4 sm:px-10 lg:px-20 pt-10 font-poppins"><div class="flex-col lg:flex-row flex justify-between"><!-- Static block prefooter_social_icons --><div class="flex lg:block justify-between items-start lg:items-center mr-2.5 md:mr-7 flex-col lg:flex-row"><div class="w-full items-center mb-2.5"><div class="w-2/4 md:w-full"> <img height="48" loading="lazy" class="w-auto max-h-8 xl:max-h-10 h-auto" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/logos/logo-footer-fireboxcom.png" alt="Firebox.com"/></div><div class="lg:mt-6 mt-4 sm:mt-0 2xl:h-12 sm:h-10 h-8"><p> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.facebook.com/Firebox"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M71.21,123.45c.27,1.62.54,3.91,1.06,6.14,1.16,5,2.67,9.86,3,15a20.37,20.37,0,0,0,1.82,7.63c1.79,3.82,3.49,7.7,5.41,11.47a17.35,17.35,0,0,0,3.08,4.2,64.82,64.82,0,0,0,10.23,8c6.22,4.21,12.38,8.48,19.09,11.91a19.44,19.44,0,0,0,8.28,2.59,61.14,61.14,0,0,1,12.18,1.81c3.66.84,7.38,1.37,11.13.36,2.73-.73,5.45-1.55,8.21-2.14,3.24-.69,6.47-1.26,9.47-2.83,3.32-1.74,6.75-3.25,10.13-4.88a4.39,4.39,0,0,0,1.09-.72,36.86,36.86,0,0,0,6.67-7.65,20.84,20.84,0,0,1,2.12-2.89c2.17-2.44,4.44-4.8,6.62-7.22a29.94,29.94,0,0,0,7.15-14c.44-2.06.8-4.15,1.3-6.2,1.2-5,2.73-9.9,2.87-15.12.09-3.72.28-7.4-.73-11a103.08,103.08,0,0,1-3-11.19,121.8,121.8,0,0,0-3.19-14.8,23.14,23.14,0,0,0-1.63-4.11c-2.23-4.29-5.81-7.34-9.59-10.2a33.17,33.17,0,0,1-2.62-2.26c-1.14-1.06-2.17-2.24-3.35-3.25-2.44-2.12-4.74-4.5-7.47-6.16A43.19,43.19,0,0,0,158,60.53c-2.95-.69-5.86-1.55-8.79-2.33a8.28,8.28,0,0,0-1.71-.49c-3.58-.2-7.17-.33-10.76-.5-1.28-.06-2.68.34-3.68-.9-.09-.11-.38-.1-.57-.09-2.36.13-4.73.14-7.06.44-6.2.78-11.46,3.76-16.46,7.28a124.56,124.56,0,0,0-16.18,12.9c-6,6-11.52,12.29-15.67,19.71a34,34,0,0,0-2,4.34c-2.69,7-3.06,14.47-3.87,22.56m139.11,2.44A54,54,0,0,1,208,142.52c-1,3.06-1.35,6.31-2.09,9.45-1.56,6.58-4.46,12.61-9.38,17.22-4.21,3.94-7.64,8.43-11.18,12.9-2.91,3.67-6.29,6.84-10.8,8.67-5,2-9.79,4.47-14.78,6.46-2,.78-4.23.77-6.32,1.25-2.68.61-5.3,1.52-8,2a35.24,35.24,0,0,1-16.22-1.06,29.07,29.07,0,0,0-9-1.18c-3.66.09-7-1.15-10.29-2.77A144.2,144.2,0,0,1,91.23,184c-3.49-2.46-7.09-4.72-10.17-7.74a24.49,24.49,0,0,1-5.34-7c-2-4.3-4.15-8.53-6.11-12.85a30.54,30.54,0,0,1-2.47-11.15,45.12,45.12,0,0,0-2.3-11,35.06,35.06,0,0,1-1.77-13.43c.72-7.83,1.42-15.66,4.53-23,1.66-3.94,4.2-7.32,6.5-10.87C77.77,81.31,82.62,76.74,87.34,72s10.39-8.44,16-12.21a73.08,73.08,0,0,1,15-7.93A35.46,35.46,0,0,1,133,50c1.22.06,2.46-.19,3.68-.19,2.95,0,5.9.08,8.85.12l.12,0c2.15.21,4.43,0,6.41.71,7.79,2.71,16,4.35,23.26,8.44a30.39,30.39,0,0,1,4.54,3.3c2.42,2,4.72,4.18,7.09,6.26a15.49,15.49,0,0,0,1.74,1.27c5.61,3.68,10.14,8.34,12.52,14.7a90.14,90.14,0,0,1,4.57,18c.37,2.39,1.1,4.72,1.67,7.08,1,3.91,2,7.79,2.83,11.73a22.46,22.46,0,0,1,0,4.42"/><path class="cls-1" d="M138.59,114.22c3.79,0,7.34,0,10.89,0,1,0,1.67.34,1.68,1.38,0,1.73,1.1,3.35.46,5.16-1.2,3.4-2.53,5.26-6.2,5.48a2.27,2.27,0,0,0-.59.08c-.81.35-1.58.78-2.4,1.06a19.65,19.65,0,0,1-2.29.54c0,7.1-.1,14.08,0,21.06s.46,14.2.73,21.3a5.27,5.27,0,0,1-2.61,4.94,4,4,0,0,1-4.13-.55,2,2,0,0,0-1.28-.36c-1.55.07-3.15.41-4.36-1a8.85,8.85,0,0,1-2.39-6.08c0-.76,0-1.51,0-2.27.07-5.75.31-11.5.17-17.24
3865-.12-4.81-.68-9.62-1-14.43-.1-1.43-.31-2.86-.31-4.29,0-1.18-.39-1.66-1.6-1.6a37,37,0,0,1-10.58-.94c-.23,0-.57,0-.69-.13-1.39-1.73-4-2.38-4.34-5.09a2.3,2.3,0,0,1,1.43-2.74,4.35,4.35,0,0,0,1.16-.75,7.3,7.3,0,0,1,4.39-1.34c3.1-.24,6.21-.4,9.44-.6,0-.32,0-.7,0-1.09.08-5.1.07-10.22.26-15.32a18.92,18.92,0,0,1,5.39-13,34.93,34.93,0,0,1,7.16-6.11c3.13-1.84,6.42-1.86,9.76-1.25,2.58.47,5.1,1.3,7.64,2,.32.09.85.38.84.54-.1,1.65,1.56,3.34-.11,4.94a.68.68,0,0,0-.16.56c.5,1.57-.65,2.64-1.33,3.74A3.49,3.49,0,0,1,151.43,92c-2.72.4-5.48.49-8.18,1-3.87.68-5.44,2.57-5.83,6.49a43.74,43.74,0,0,0,.83,12.86c.15.73.26,1.47.34,1.93"/><title>facebookFooter</title></svg> 3866</a> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.pinterest.com/firebox/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M126.31,59v0c-1.36,0-2.72-.07-4.07,0-4.23.23-8.45.53-12.68.78a21.31,21.31,0,0,0-10.7,3.44,28.43,28.43,0,0,1-4.34,2.27c-2.57,1.11-5.25,2-7.75,3.2s-5.2,2.6-7.06,5a64.56,64.56,0,0,1-4.54,5.24C72.63,81.57,69.81,84,68,87.35s-3.79,6.47-5.69,9.7a4.39,4.39,0,0,0-.49,1.21,47.47,47.47,0,0,0-1.3,10.3,49.43,49.43,0,0,1-1.07,10.68,29.14,29.14,0,0,0,.72,16.15c1.55,4.86,3.44,9.61,5.4,14.32a75.65,75.65,0,0,0,4.3,8.53,27.47,27.47,0,0,0,6.34,7.89c2,1.66,4.16,3.25,6,5.06q5.06,4.83,9.86,9.9a27.19,27.19,0,0,0,19.14,8.61c1.66.09,3.34.21,5,.46,3.07.46,6.11,1.16,9.19,1.53a41.48,41.48,0,0,0,18.73-2.31c2.82-1,5.66-1.93,8.5-2.89a8.57,8.57,0,0,0,1.69-.55q4.88-2.91,9.7-5.92c.91-.56,1.73-1.32,2.95-1,.18.05.46-.12.65-.24,4.71-3.18,8.9-6.81,11.7-11.93a73.13,73.13,0,0,0,5-11.63c1.41-4.14,2.93-8.27,4-12.51,2-8.19,3.5-16.47,3-25a45.67,45.67,0,0,0-1.31-9.45c-1.59-5.85-4.56-11-7.34-16.35a25.27,25.27,0,0,0-6.12-7.74A81.89,81.89,0,0,1,164.48,72a13,13,0,0,0-3.2-2.85c-4-2.53-8-5-12.06-7.35A18.46,18.46,0,0,0,144.43,60a45,45,0,0,0-5.32-.83,22.72,22.72,0,0,0-3-.21c-3.27,0-6.55,0-9.82,0m72.59,61.64c.33,7.85-1.5,15.39-3.35,22.91a89,89,0,0,1-3.74,11.34c-2.3,5.78-4.63,11.54-8,16.84a37.42,37.42,0,0,1-13.49,12.82c-1,.54-1.71,1.42-2.63,2-2.49,1.66-5,3.25-7.54,4.87l-.21.11c-8.85,4.7-18.45,7-28.25,8.54a37.08,37.08,0,0,1-7.73-.13c-4.13-.24-8.2-1.07-12.37-1.2-6.61-.19-12.89-1.86-18.18-6.15a100.52,100.52,0,0,1-13.3-12.38,27.72,27.72,0,0,0-4.66-4.11A51.07,51.07,0,0,1,58,152.92c-1.81-4.6-3.61-9.22-5.18-13.9a37.65,37.65,0,0,1-1.45-18.66c.57-3.3,1.34-6.56,1.79-9.87.32-2.36.1-4.79.37-7.16.56-4.71,1.64-9.23,4.39-13.27,2.92-4.28,5.45-8.81,8.39-13.08,1.17-1.71,3-2.94,4.47-4.48,1.91-2,3.62-4.27,5.62-6.2a35.16,35.16,0,0,1,14.06-8.15,29.36,29.36,0,0,0,8.11-4c3.11-2.18,6.71-3,10.45-3.47a150.28,150.28,0,0,1,21.63-.87c4.44.07,8.87-.11,13.22.88a24.8,24.8,0,0,1,6.37,2c4.84,2.61,9.55,5.48,14.23,8.38a28.28,28.28,0,0,1,7.65,7.34,46.74,46.74,0,0,0,8.17,8,34.85,34.85,0,0,1,8.9,10.07c3.91,7.1,7.94,14.19,9.2,22.34.6,3.89.6,7.86.87,11.79l-.33,0"/><path class="cls-1" d="M122.45,142.46c-.09.18-.26.5-.4.83-2,4.67-3.89,9.35-5.88,14a29.22,29.22,0,0,1-5.15,8.3,2.07,2.07,0,0,1-3.6-.57,12,12,0,0,1-.38-7.16c1.54-7.07,4.49-13.62,7.24-20.25.65-1.59,1.18-3.22,1.71-4.85a1.76,1.76,0,0,0-.06-1.24c-2.57-4.53-3.19-9.5-3.17-14.57a50.89,50.89,0,0,1,.59-7.6,8.22,8.22,0,0,1,4.38-6.08,14.12,14.12,0,0,1,6.67-2.34c2.28-.07,3.53.6,4.1,2.83a49.83,49.83,0,0,1,1.42,7.75A44.09,44.09,0,0,1,127.36,130a1.65,1.65,0,0,0,.58,2.15c2.34,1.81,4.47,3.94,7,5.4,4,2.32,5.61,1.63,6.81-2.71a31.51,31.51,0,0,0,1.1-7.29c.16-5.39.09-10.78,0-16.17a29,29,0,0,0-.55-5.1,5.46,5.46,0,0,0-1.24-2.54,15.41,15.41,0,0,0-8.91-5.2c-4.94-.86-9.89,0-14.83-.17a7.76,7.76,0,0,0-3.89.92,15.94,15.94,0,0,0-6.4,6,31.48,31.48,0,0,0-3.31,11.06,12.48,12.48,0,0,0,2.17,8.51,16.52,16.52,0,0,1,2,5.69,3.83,3.83,0,0,1-2.37,3.71,22.47,22.47,0,0,1-3.66.46,1.38,1.38,0,0,1-.9-.5,9,9,0,0,1-1.34-1.68,50.3,50.3,0,0,1-5.86-13.83,15.24,15.24,0,0,1,1.5-11.6c2.71-4.47,5.39-9.08,9.78-12.13a98.17,98.17,0,0,1,11.53-6.83c3.41-1.72,7.2-1.42,10.94-1,4.15.42,7.95,2.06,11.86,3.26,7.81,2.39,11.8,8.21,13.56,15.93,1.34,5.9.93,11.83.68,17.77a69.18,69.18,0,0,1-.68,7c-.91,6.41-4.39,11.28-9.3,15.27-2.22,1.81-4.92,1.9-7.6,2.07a11.38,11.38,0,0,1-6.55-1.56c-2.38-1.37-4.68-2.87-7.08-4.36"/><title>pinterestFooter</title></svg> 3867</a> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.instagram.com/Firebox"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M121.05,190.89c0-.1,0-.2,0-.3a52.92,52.92,0,0,0,15.64-.66c2.88-.62,5.84-1,8.48-2.44,2.86-1.57,5.65-3.31,8.59-4.74,4.5-2.19,9.14-4.14,13.67-6.29,3.36-1.6,6.64-3.4,9-6.4a38.52,38.52,0,0,0,5.61-9.71,22.48,22.48,0,0,1,1.42-2.76c.93-1.62,2-3.18,2.85-4.84,1.4-2.68,3.07-5.3,4-8.16a44.47,44.47,0,0,0,2.3-13.76c0-2.91.13-5.82.21-8.73a8.79,8.79,0,0,0,.06-1.77c-.69-3.72-1.43-7.44-2.17-11.15-.21-1.05-.63-2.08.14-3.09a1,
38671,0,0,0,0-.69c-.65-2.18-1.2-4.39-2-6.52-2.14-5.83-6.21-10.27-10.77-14.29a123.38,123.38,0,0,0-16.49-12.88c-7.41-4.59-15.06-8.56-23.51-10.84a30.6,30.6,0,0,0-3.4-.7c-6.22-1-12.36-.06-18.51.69A29.57,29.57,0,0,0,105,64.2a68.75,68.75,0,0,1-14,6.41,18.63,18.63,0,0,0-6.35,3.27c-3.31,2.63-6.65,5.24-9.94,7.9A9.6,9.6,0,0,0,72.36,84c-1.69,2.79-3.65,5.52-4.74,8.55-3.1,8.59-6.91,16.93-9,25.9a24.21,24.21,0,0,0-.41,11,29.62,29.62,0,0,1,.63,5c.16,2.79,0,5.59.3,8.37.31,3.34.9,6.61,3,9.46a30.81,30.81,0,0,1,2.59,4.85c1.6,3.28,2.86,6.73,5.36,9.55s4.85,5.94,7.28,8.9a4.28,4.28,0,0,0,1,.87,46.89,46.89,0,0,0,9.22,4.79,48.26,48.26,0,0,1,9.54,4.68,29.53,29.53,0,0,0,14.33,4.9c3.17.28,6.38,0,9.58,0m-.23,8.22c-3.31-.09-7.45.06-11.51-.41A33.23,33.23,0,0,1,96,194.27c-1.51-.91-2.83-2.12-4.38-2.91-3.13-1.6-6.36-3-9.54-4.48-4.77-2.23-9.26-4.78-12.47-9.21S63.07,169.31,60,165c-1-1.42-1.44-3.27-2.24-4.88-1.42-2.85-3.09-5.59-4.36-8.51a35.63,35.63,0,0,1-2.73-16.37,26.79,26.79,0,0,0-.89-8.39,21.66,21.66,0,0,1,.19-10.52,143.76,143.76,0,0,1,7-21.49c1.52-3.81,2.84-7.67,5-11.24a25.22,25.22,0,0,1,5.77-7.09C70.88,74,74,71.27,77.22,68.71a33.85,33.85,0,0,1,11.87-6.06,43.16,43.16,0,0,0,10.67-5.11c5.42-3.31,11.34-4.66,17.51-5.19,4.22-.36,8.45-.69,12.67-.7,6.14,0,11.79,2.16,17.47,4.29,6.27,2.36,11.85,5.89,17.5,9.37s10.46,8,15.34,12.41a74.22,74.22,0,0,1,11.62,13.17A35.16,35.16,0,0,1,197,104.45c.24,1.24.79,2.41,1.08,3.65.68,2.94,1.3,5.91,2,8.86a1.94,1.94,0,0,0,0,.24c.27,2,1,4.07.75,6-.81,8.21-.54,16.55-2.8,24.58a30,30,0,0,1-2.18,5.17c-1.42,2.82-3,5.56-4.44,8.35a13.48,13.48,0,0,0-.8,1.87c-2.32,6.42-5.88,12-11.65,15.82a95.38,95.38,0,0,1-15.56,8.19c-2.35,1-4.61,2.17-6.89,3.33-3.66,1.86-7.15,4.16-11,5.55a53.22,53.22,0,0,1-11.67,2.56c-4,.48-8.13.32-13,.46"/><path class="cls-1" d="M112,90.44v.2c-2.44,0-4.88.09-7.31,0a6.71,6.71,0,0,0-6.61,3.86c-1.37,2.48-2.68,5-4.12,7.43A15,15,0,0,0,92,109.45c-.15,7.22-.32,14.45-.59,21.67-.08,2.18-.64,4.34-.75,6.52-.22,4.36,0,8.6,3.41,12,2,2,3.78,4.12,5.68,6.17,2.42,2.61,5.13,4.47,9,4a14.8,14.8,0,0,1,7.51,1.17,13.43,13.43,0,0,0,7.06.7c1-.11,1.9-.25,2.85-.38,2.8-.38,5.63-.64,8.39-1.21,3.2-.66,6.3-1.85,9.51-2.35,3.46-.52,7-.48,10.51-.73,3.13-.23,6.08-.93,8.3-3.41a5.8,5.8,0,0,1,1.33-1,4.11,4.11,0,0,0,2-3.11,49.93,49.93,0,0,0,.81-5.91,125.33,125.33,0,0,0-.14-14c-.43-4.8-1.17-9.57-1.21-14.41a60.18,60.18,0,0,0-.6-9.78c-.78-4.62-3.61-8.37-6.11-12.2A5.05,5.05,0,0,0,157.47,92a16.76,16.76,0,0,0-8-2.54c-4-.34-8-.41-12.07-.51-2.31,0-4.63.2-6.94.09a12.35,12.35,0,0,0-5.75.66,7.66,7.66,0,0,1-2.77.67c-3.31.08-6.63,0-9.94,0m18.73-10.22c2.6,0,5.2-.08,7.8,0,1.52.06,3,.48,4.56.64a50,50,0,0,0,5.85.41,29.07,29.07,0,0,1,11.45,2.2,9.93,9.93,0,0,1,2.88,1.66,20.48,20.48,0,0,1,6.22,8.65c1.61,4.76,3.47,9.43,4.92,14.23a41.48,41.48,0,0,1,1.52,11.6c.07,6.54.37,13.08.45,19.63,0,2.83-.18,5.66-.36,8.49a10.68,10.68,0,0,1-2.08,5.9c-1.76,2.35-3.3,4.94-5.39,7a20.93,20.93,0,0,1-10.67,5.87c-2.67.49-5.38.71-8.07,1.09a12.8,12.8,0,0,0-2.9.62,32.73,32.73,0,0,1-11.38,2c-1.87,0-3.73.43-5.6.46-5,.07-10.07,0-15.1,0a39.78,39.78,0,0,1-10.21-1,21.89,21.89,0,0,1-11.86-7.22c-2.32-2.74-4.8-5.35-7-8.17a21.6,21.6,0,0,1-4.31-10.27,29.81,29.81,0,0,1,.33-10,79.22,79.22,0,0,0,1.39-11.49c.23-5.3,0-10.62.11-15.93a11.37,11.37,0,0,1,1-4.49c1.41-3,3.1-5.93,4.69-8.87.55-1,1.18-2,1.72-3,1.41-2.67,3.85-4.16,6.33-5.66a26.54,26.54,0,0,1,13.13-3.55c5.26-.2,10.52-.61,15.78-.88,1.6-.08,3.2,0,4.8,0Z"/><path class="cls-1" d="M141.88,130.61h.42c-.48-2.73-.94-5.47-1.45-8.2-1-5.49-4.49-8.8-9.53-10.74a5.15,5.15,0,0,0-4.68.44c-5.6,3.17-9,8.14-11.33,13.93a6.77,6.77,0,0,0-.08,4.63,13.33,13.33,0,0,0,6.33,6.61,23.41,23.41,0,0,0,12.94,2.23c1.41-.11,2.92-.16,4-1.28,2.06-2.1,4.22-4.17,3.36-7.61m-36-3.68c-.17-5.22,2.41-9.31,5.45-13.12a32.11,32.11,0,0,1,10.38-8.9c4.74-2.41,9.67-3.38,14.91-1.7,9,2.88,13.71,9.27,15.68,18.21s-1.79,15.69-7.23,22a12.94,12.94,0,0,1-3.34,2.49c-5.21,3-10.78,4.67-16.83,3.91a39,39,0,0,1-7-1.67,8,8,0,0,1-3.22-2c-4-4.17-7.28-8.8-8.33-14.65-.27-1.52-.34-3.08-.51-4.62"/><path class="cls-1" d="M150.18,107.42a2.22,2.22,0,0,1-2.29-1c-1.67-2-2.23-5.09-.81-6.6a7.26,7.26,0,0,1,6-2.68,1.74,1.74,0,0,1,1.26.92c.6,1.93,1.58,3.87.55,6s-1.66,3.43-4.76,3.45"/><title>instagramFooter</title></svg> 3868</a> </p></div></div><div class="lg:mt-2.5 mt-0 mb-7 hidden"></div><div class="lg:mt-2.5 mt-0 hidden"></div><div> <div x-data="{ open: false }" class="w-full relative block text-left" ><button @click.prevent="open = !open" @click.away="open = false" @keydown.window.escape="open=false" type="button" class="h-12 flex bg-white border border-borderImg rounded-full px-2 items-center text-blackfont text-base font-medium gap-2 min-w-162px justify-between" aria-haspopup="true" aria-expanded="true" ><span class="flex gap-5px items-center"> <img width="32" height="32" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/logos/flagUk.png" alt="flagUk" /> UK</span> <svg width="12" height="12" ><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#arrow-down-footer" /></svg></button> <nav x-cloak="" x-show="open" class="absolute left-0 right-0 my-1 flex flex-col bottom-full z-20 w-56 py-2 mt-1 overflow-auto origin-top-left rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter"> <a href="https://firebox.com/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <img class="mr-3.5 w-4 h-4" width="16" height="16" lading="lazy" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/logos/flagUk.png" alt="flagUk" /> UK</a> <a href="https://www.radbag.de/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagDe" /></svg> Deutschland</a> <a href="https://www.cadeauxfolies.fr/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagFr" /></svg> France</a> <a href="https://www.radbag.ch/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagCh" /></svg> Schweiz</a> <a href="https://www.cadeauxfolies.ch/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagCh" /></svg> Suisse</a> <a href="https://www.troppotogo.it/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagIt" /></svg> Italia</a> <a href="https://www.radbag.nl/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagNl" /></svg> Nederland</a> <a href="https://www.radbag.at/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagAt" /></svg> Ãsterreich</a> <a href="https://www.radbag.be/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagBe" /></svg> België</a> <a href="https://www.cadeauxfolies.be/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagBe" /></svg> Belgique</a> <a href="https://www.radbag.dk/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagDk" /></svg> Danmark</a> <a href="https://firebox.es/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/sprite.svg#flagEs" /></svg> España</a> <a href="https://firebox.com/intl/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " style="order:26" > <img class="mr-3.5 w-4 h-4" width="16" height="16" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/flags/flagWorld.svg" alt="flagUk" /> Rest of the world</a> <a href="https://firebox.eu/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " style="order:25" > <img class="mr-3.5 w-4 h-4" width="16" height="16" src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/flags/flagEu.svg" alt="flagUk" /> Europe</a> </nav></div></div></div><div class="lg:mt-0 mt-10"><div class="footer-top-links block mt-2.5 lg:mt-0 sm:flex lg:gap-12 2xl:gap-24 justify-between"><div class="hidden sm:block" onclick="showContent('question-block')" id="question-block"><p><span class="question-title">Lil' help please?</span> <a href="/supportpage">Support</a> <a href="/faq?sublink=payment/">Payments</a> <a href="/faq?sublink=shippingcosts/">Shipping</a><a href="/faq?sublink=packagestatus/">
3868Where is my order?</a> <a href="/faq?sublink=returninganitem/">Returns</a><a href="/faq">FAQs</a></p></div><div class="hidden sm:block about-block-desktop" onclick="showContent('about-block')" id="about-block"><p><span class="title">Inside the Box</span> <a href="/about-us">About us</a> <a href="/blog/">Blog</a> <a href="https://firebox.com/content/press-inquiries.html">Press inquiries</a> <a href="https://firebox.com/content/corporate-wholesale.html/">Corporate & Wholesale</a><a href="https://firebox.com/youth-discount">Youth Discount</a></p></div><div class="mobile-footer-info flex gap-2 sm:hidden"><div class="flex-1" onclick="showContent('question-block')" id="question-block"><p><span class="question-title">Lil' help please?</span> <a href="/supportpage">Support</a> <a href="/faq?sublink=payment/">Payments</a> <a href="/faq?sublink=shippingcosts/">Shipping</a><a href="/faq?sublink=packagestatus/">Where is my order?</a> <a href="/faq?sublink=returninganitem/">Returns</a><a href="/faq">FAQs</a></p></div><div class="flex-1" onclick="showContent('about-block')" id="about-block"><p><span class="title">Inside the Box</span> <a href="/about-us">About us</a> <a href="/blog/">Blog</a> <a href="https://firebox.com/content/press-inquiries.html">Press inquiries</a> <a href="https://firebox.com/content/corporate-wholesale.html/">Corporate & Wholesale</a><a href="https://firebox.com/youth-discount">Youth Discount</a></p></div></div><div onclick="showContent('partner-block')" id="partner-block"><p><span class="title">Shop</span><a href="https://firebox.com/new">What's New</a> <a href="https://firebox.com/best-sellers">Top 50</a><a href="https://firebox.com/gifts">Show Me Everything</a></p></div><div id="payment-block-footer" class="max-w-[415px] w-full"><span class="question-title">Payment Method</span> <p><span class="payment-link-images"> <span class="paymet-img"><img src="https://firebox.com/media/wysiwyg/images/paypal.png" alt="paypal"></span> <span class="paymet-img"><img src="https://firebox.com/media/wysiwyg/images/Visa.png" alt="Visa"></span> <span class="paymet-img"><img src="https://firebox.com/media/wysiwyg/images/apple-pay.png" alt="apple"></span> <span class="paymet-img"><img src="https://firebox.com/media/wysiwyg/images/mastercard.png" alt="mastercard"></span> <span class="paymet-img"><img src="https://firebox.com/media/wysiwyg/images/klarna.png" alt=""></span> </span></p></div></div></div></div></div><div class="big-container-new mx-auto px-4 sm:px-10 lg:px-20 mt-10 sm:mt-14 pb-10 font-poppins"><div class="footer-links-bottom border-t border-borderImg pt-6"><p><a href="https://firebox.com/content/termsandconditions.html/">Terms and Conditions</a> <a href="https://firebox.com/content/privacynote.html/">Privacy Note</a> <a href="https://firebox.com/content/legal-notice.html/">Legal Notice</a> <span class="copyright"> © 2026 Firebox.com</span></p></div></div>
3868<script> 3869 3870 (function() { 3871 var cookieName = 'items_in_wishlist'; 3872 3873 if (getCookie(cookieName) !== "") { 3874 var wishlistItems = getCookie(cookieName).split(','); 3875 var pageItems = document.getElementsByClassName("list-wishlist-heart"); 3876 for(var i = 0; i < pageItems.length; i++) { 3877 var pageItemId = "" + pageItems[i].attributes['data-product-id'].value; 3878 if(wishlistItems.includes(pageItemId)) { 3879 addElementClass('cookiewishlist-list-' + pageItemId, 'active-wishlist'); 3880 addElementClass('cookiewishlist-list-' + pageItemId, 'text-hoverWishlist'); 3881 addElementClassMore('cookiewishlist-list-' + pageItemId, 'active-wishlist'); 3882 addElementClassMore('cookiewishlist-list-' + pageItemId, 'text-hoverWishlist'); 3883 } 3884 } 3885 document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length; 3886 } 3887 3888 /* Top50 */ 3889 if(document.getElementById('top_categories') != undefined){ 3890 var arr = document.getElementById('top_categories').value.split(", "); 3891 if(arr.includes(document.getElementById('current_category').value)){ 3892 var count = 1; 3893 var limiter = 60; 3894 var p = document.getElementById("current-page").textContent; 3895 var page = 1; 3896 if (p != "") { 3897 page = parseInt(document.getElementById("current-page").textContent); 3898 } 3899 3900 if (page == 1) { 3901 count = 1; 3902 } else { 3903 count = ((page - 1) * limiter) + 1; 3904 } 3905 3906 var els = document.getElementsByClassName("product-badgets-top"); 3907 for(var i = 0; i < els.length; i++) { 3908 els[i].innerHTML += count; 3909 count++; 3910 } 3911 } 3912 } 3913 if(document.getElementById('category-submenu') != undefined){ 3914 var scroll_elm = document.getElementById("category-submenu"); 3915 if(!(scroll_elm.scrollWidth > scroll_elm.clientWidth)){ 3916 document.getElementById('scroll_right').style.display = 'none'; 3917 document.getElementById('scroll_left').style.display = 'none'; 3918 } 3919 } 3920 3921 if(window.screen.width <= 768 ){ 3922 if(document.querySelector('.account-nav') != null) { 3923 setTimeout(() => { 3924 document.querySelector('#account-nav .items .item:last-child').scrollIntoView({ behavior: 'smooth' }) 3925 }, 200) 3926 } 3927 } 3928 3929 })(); 3930 3931 function addToCookieWishlist(id, sku, price) { 3932 var cookieName = 'items_in_wishlist'; 3933 var productId = id; 3934 var productIdC = ''; 3935 if (getCookie(cookieName) === "") { 3936 createCookie(cookieName, productId.toString(), 14); 3937 addElementClass('cookiewishlist-list-' + id, 'active-wishlist'); 3938 addElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist'); 3939 addElementClassMore('cookiewishlist-list-' + id, 'active-wishlist'); 3940 addElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist'); 3941 document.getElementById('wishlist-header-count').innerHTML = "1"; 3942 var xhttp = new XMLHttpRequest(); 3943 xhttp.open("GET", "/mywishlist/wishlist/add?product_id=" + id, true); 3944 xhttp.send(); 3945 ga('send', 'event', 'wishlist', 'add', sku); 3946 } else { 3947 var wishlistItems = getCookie(cookieName).split(','); 3948 if(wishlistItems.includes(productId.toString())) { 3949 var index = wishlistItems.indexOf(productId.toString()); 3950 wishlistItems.splice(index, 1); 3951 fetch("/mywishlist/wishlist/remove?product_id=" + id, { 3952 method: 'GET', 3953 }) 3954 .then(response => { 3955 if(response.status == 200) { 3956 if(document.querySelector('body').classList.contains('wishlist-index-index')){ 3957 location.reload() 3958 } 3959 createCookie(cookieName, wishlistItems.toString(), 14); 3960 removeElementClass('cookiewishlist-list-' + id, 'active-wishlist'); 3961 removeElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist'); 3962 removeElementClassMore('cookiewishlist-list-' + id, 'active-wishlist'); 3963 removeElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist'); 3964 document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length; 3965 } 3966 }) 3967 .then(data => { 3968 }) 3969 .catch(error => { 3970 console.log(error); 3971 }); 3972 ga('send', 'event', 'wishlist', 'remove', sku); 3973 } else { 3974 wishlistItems.push(productId.toString()); 3975 addElementClass('cookiewishlist-list-' + id, 'active-wishlist'); 3976 addElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist'); 3977 addElementClassMore('cookiewishlist-list-' + id, 'active-wishlist'); 3978 addElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist'); 3979 var xhttp = new XMLHttpRequest(); 3980 xhttp.open("GET", "/mywishlist/wishlist/add?product_id=" + id, true); 3981 xhttp.send(); 3982 createCookie(cookieName, wishlistItems.toString(), 14); 3983 document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length; 3984 ga('send', 'event', 'wishlist', 'add', sku); 3985 } 3986 } 3987 } 3988 3989 function getCookie(name) { 3990 if (document.cookie.length > 0) { 3991 c_start = document.cookie.indexOf(name + "="); 3992 if (c_start != -1) { 3993 c_start = c_start + name.length + 1; 3994 c_end = document.cookie.indexOf(";", c_start); 3995 if (c_end == -1) { 3996 c_end = document.cookie.length; 3997 } 3998 return unescape(document.cookie.substring(c_start, c_end)); 3999 } 4000 } 4001 return ""; 4002 } 4003 4004 function createCookie(name, value, days) { 4005 var expires; 4006 if (days) { 4007 var date = new Date(); 4008 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 4009 expires = "; expires=" + date.toGMTString(); 4010 } 4011 else { 4012 expires = ""; 4013 } 4014 document.cookie = name + "=" + value + expires + "; path=/"; 4015 } 4016 4017 function removeElementClass(id, classname) { 4018 var element = document.getElementById(id); 4019 element.classList.remove(classname); 4020 } 4021 4022 function addElementClass(id, classname) { 4023 var element = document.getElementById(id); 4024 element.classList.add(classname); 4025 } 4026 function removeElementClassMore(id, classname) { 4027 var els = document.getElementsByClassName(id); 4028 for(var i = 0; i < els.length; i++) { 4029 els[i].classList.remove(classname); 4030 } 4031 } 4032 4033 function addElementClassMore(id, classname) { 4034 var els = document.getElementsByClassName(id); 4035 for(var i = 0; i < els.length; i++) { 4036 els[i].classList.add(classname); 4037 } 4038 } 4039 4040 function showContent(id) { 4041 if(document.getElementById(id).classList.contains('openBlock')){ 4042 document.getElementById(id).classList.remove("openBlock"); 4043 } else { 4044 document.getElementById(id).classList.add("openBlock"); 4045 } 4046 } 4047 4048 function showReview() { 4049 var els = document.getElementsByClassName('review-item'); 4050 for(var i = 0; i < els.length; i++) { 4051 els[i].classList.remove('hidden'); 4052 els[i].classList.remove('hidden-mobile'); 4053 } 4054 document.querySelectorAll('.opacity-item-review').forEach((e) => { 4055 e.classList.add('hidden') 4056 }); 4057 document.querySelector('.opacity-item-review-mobile').classList.add('hidden'); 4058 document.getElementById('hidde-review').classList.remove('hidden'); 4059 document.getElementById('show-review').classList.add('hidden'); 4060 } 4061 function hideReview() { 4062 var els = document.getElementsByClassName('review-item'); 4063 for(var i = 0; i < els.length; i++) { 4064 if(screen.width < 768) { 4065 if(i > 2 && i < 6) { 4066 els[i].classList.add('hidden-mobile'); 4067 } else if(i > 5) { 4068 els[i].classList.add('hidden'); 4069 } 4070 } else { 4071 if(i > 5) { 4072 els[i].classList.add('hidden'); 4073 } 4074 } 4075 } 4076 document.querySelectorAll('.opacity-item-review').forEach((e) => { 4077 e.classList.remove('hidden') 4078 }); 4079 document.querySelector('.opacity-item-review-mobile').classList.remove('hidden'); 4080 document.getElementById('hidde-review').classList.add('hidden'); 4081 document.getElementById('show-review').classList.remove('hidden'); 4082 document.getElementById("customer-reviews").scrollIntoView(); 4083 } 4084 4085 function scrollToLeft() { 4086 if(document.getElementById('category-submenu') != undefined){ 4087 var scroll_elm = document.getElementById("category-submenu"); 4088 scroll_elm.scroll({ 4089 top: 0, 4090 left: scroll_elm.scrollLeft - 150, 4091 behavior: 'smooth' 4092 }); 4093 } 4094 } 4095 function scrollToRight() { 4096 if(document.getElementById('category-submenu') != undefined){ 4097 var scroll_elm = document.getElementById("category-submenu"); 4098 scroll_elm.scroll({ 4099 top: 0, 4100 left: scroll_elm.scrollLeft + 150, 4101 behavior: 'smooth' 4102 }); 4103 } 4104 } 4105 function copyText(id) { 4106 var copyText = document.getElementById(id); 4107 copyText.select(); 4108 copyText.setSelectionRange(0, 99999); 4109 navigator.clipboard.writeText(copyText.value); 4110 }</script>
4110 <div class="lg:w-1/4 md:w-1/2 w-full px-4 gap-4 flex-wrap justify-center hidden"> <div x-data="{ open: false }" class="w-full sm:w-1/2 md:w-full pr-4" ><h2 id="currency-heading" class="title-font font-medium text-gray-900 tracking-widest text-sm mb-3 uppercase" >Currency</h2><div class="relative inline-block text-left"><div><button @click.prevent="open = !open" @click.outside="open = false" @keydown.window.escape="open=false" type="button" class="inline-flex justify-center w-full form-select px-4 py-2 bg-white focus:outline-none" aria-haspopup="true" :aria-expanded="open" >GBP - British Pound <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex self-center h-5 w-5 -mr-1 ml-2" width="25" height="25" role="img"> 4111 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 4112<title>chevron-down</title></svg> 4113</button></div><nav x-cloak="" x-show="open" class="absolute right-0 top-full z-20 w-full lg:w-56 py-2 mt-1 overflow-auto origin-top-left rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter" aria-labelledby="currency-heading" ><div class="my-1"> <button role="link" class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" aria-describedby="currency-heading" @click.prevent='hyva.postForm({"action":"https:\/\/firebox.com\/directory\/currency\/switch\/","data":{"currency":"EUR","uenc":"aHR0cHM6Ly9maXJlYm94LmNvbS9hYm91dC11cw~~"}})' >EUR - Euro</button> <button role="link" class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" aria-describedby="currency-heading" @click.prevent='hyva.postForm({"action":"https:\/\/firebox.com\/directory\/currency\/switch\/","data":{"currency":"USD","uenc":"aHR0cHM6Ly9maXJlYm94LmNvbS9hYm91dC11cw~~"}})' >USD - US Dollar</button> </div></nav></div></div></div> </footer><style> :root { --ink: #1F1F1F; --muted: #747474; --line: #E4E4E4; --line-2: #DBDBDB; --surface: #FFFFFF; --surf-2: #F6F6F6; --surf-3: #F5F5F5; --accent: #5359EA; --accent-d: #4348D6; --accent-ink: #3B40C4; --accent-c: #F3F3FD; --on-acc-c: #343AAE; --accent-comp: #FFD23F; --buy: #0F7E51; --buy-d: #0B6A43; --star: #F5A623; --ok: #2F9E44; --el1: 0 1px 2px rgba(23, 23, 28, .06), 0 1px 3px rgba(23, 23, 28, .05); --el2: 0 4px 14px -6px rgba(23, 23, 28, .16); --maxw: 1560px; --pad: clamp(16px, 4vw, 120px); } .add-to-cart-btn { width: 100%; border: 0; border-radius: 999px; cursor: pointer; padding: 17px; font-size: 16.5px; font-weight: 700; color: #fff; background: var(--buy); transition: background .18s; justify-content: center; text-align: center; line-height: 1.3; } .text-redColor, #old-bundle-price {color: var(--ink) !important;} .catalog-product-view .old-price .price, .catalog-product-view #old-regular-bundle-price {font-size: 13px !important;color: #1f1f1f !important;font-weight: 400 !important; } .catalog-product-view .old-price .line-through{text-decoration: none !important;} .item-detail .price-wrapper.line-through, .catalog-category-view .product-item .old-price .price-container .price, .old-price .price {font-size: 12px !important;color: #1f1f1f !important;font-weight: 400 !important;} #discout-price-label {font-size: 13.5px;font-weight: 600;color: var(--accent-ink);} .detail-price-wrapper-container{display: flex;align-items: baseline;gap: 11px;flex-wrap: wrap;} /* clears the âXâ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width : 0; height: 0; } input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } /* clears the âXâ from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .catalog-category-view {overflow-x: hidden;} .giftbox-selection-products-open .sblock{display: none;} /* .catalogsearch-result-index .out-of-stock {display:none} .catalogsearch-result-index .item-img > img {opacity:1} */ #go-to-cart,#checkout-link-button {background: var(--buy);} .open-fullscreen .product-detail-top-info{z-index: 99} .open-fullscreen .product-infos-detail{z-index: -1;position:relative;} .open-fullscreen .mobile-designer-sticky.no-iframe {display: none !important;} .add-to-cart-button-custom {width: 100%;border: 0;border-radius: 999px;cursor: pointer;padding: 17px;font-size: 16.5px;font-weight: 700;color: #fff;background: var(--buy);transition: background .18s;text-align:center;line-height: 1.3;} .add-to-cart-button-custom-giftbox {border: 0;border-radius: 999px;cursor: pointer;padding: 0 17px;font-size: 14px;font-weight: 700;color: #fff;background: var(--buy);transition: background .18s;text-align: center;line-height: 1.3;height: 48px;display: flex;align-items: center;justify-content: center;} .btn-add-to-cart-giftset {background: var(--buy);} @media all and (max-width: 768px) { .catalog-product-view .socialmediabtn.socialmediabtn2,.catalog-product-view .list-wishlist-heart svg {width: 50px;height: 50px;max-width: 50px;} .add-to-cart-button-custom-giftbox{height: 40px;flex: 1;} .add-to-cart-button-custom-giftbox-bck{flex:1;} }</style><style type="text/css"> .giftbox-content-container div[role="radiogroup"] label.mb-0 input[checked="checked"] + div{border:3px solid #855fa0;}</style>
4113<script> 4114 'use strict'; 4115 4116 function amBrandsPopup() { 4117 let cached = false; 4118 4119 const displayError = (error) => { 4120 console.error(error); 4121 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4122 [{ 4123 type: "error", 4124 text: "Something\u0020went\u0020wrong.\u0020Please\u0020try\u0020again." 4125 }], 10000 4126 ); 4127 }; 4128 4129 let letters = [ 4130 "A","B","C","D", 4131 "E","F","G","H","I","J","K","L","M", 4132 "N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#" 4133 ]; 4134 4135 return { 4136 hoverPanelActiveId: null, 4137 selectedLetter: null, 4138 items: [], 4139 letters: [], 4140 showCount: null, 4141 showFilter: null, 4142 showImages: true, 4143 showSearch: null, 4144 loading: false, 4145 label: 'Brands', 4146 isPopupEnabled: false, 4147 isTopMenuItemEnabled: false, 4148 cache: false, 4149 isMobile: false, 4150 4151 initErrorMessages(errors) { 4152 const messages = []; 4153 for (let error in Object.keys(errors)) { 4154 messages.push({type: 'error', text: errors[error].message}); 4155 } 4156 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages, 10000); 4157 }, 4158 4159 chooseLetter(letter) { 4160 this.selectedLetter = this.selectedLetter === letter ? null : letter; 4161 }, 4162 4163 getQuery() { 4164 return "query BrandsPopupQuery { ambrandlist(\n showCount: true\n displayZero: true\n ) {\n all_letters,\n items {\n alt\n brandId\n cnt\n image\n img\n label\n letter\n url\n }\n }\n storeConfig {\n amshopby_brand_general_brands_brands_popup,\n amshopby_brand_general_menu_item_label,\n amshopby_brand_general_brands_page,\n amshopby_brand_general_topmenu_enabled,\n amshopby_brand_general_brands_popup_config {\n show_images,\n display_zero,\n filter_display_all,\n image_width,\n image_height,\n show_filter,\n show_count\n }\n } }" }, 4165 4166 /** 4167 * Retrieve media url for given path 4168 * 4169 * @param path 4170 * @returns {string} 4171 */ 4172 getMediaUrl(path) { 4173 let stringToRemove = 'index.php/'; 4174 let baseUrl = BASE_URL.replace(stringToRemove, ''); 4175 return path.includes(baseUrl) ? path : baseUrl + path; 4176 }, 4177 4178 checkIsMobileResolution() { 4179 this.isMobile = window.matchMedia('(max-width: 1023px)').matches; 4180 }, 4181 4182 getBrandUrl(url){ 4183 return BASE_URL + url; 4184 }, 4185 4186 init() { 4187 this.checkIsMobileResolution(); 4188 4189 this.$watch('hoverPanelActiveId', (value) => { 4190 if (value === 'am-brand') { 4191 this.sendRequest(); 4192 } 4193 }); 4194 }, 4195 4196 /** 4197 * Get brands by letter 4198 * 4199 * @param result 4200 * @returns {{imageWidth: *, isTopMenuItemEnabled: *, showCount: *, displayAll: *, showFilter: *, showImages: *, isPopupEnabled: *, label: *, imageHeight: *, filterDisplayAll: *, brandsPage: *}} 4201 */ 4202 settingsMapper(result) { 4203 const config = result.data.storeConfig?.amshopby_brand_general_brands_popup_config; 4204 return { 4205 showImages: config.show_images, 4206 showCount: config.show_count, 4207 showFilter: config.show_filter, 4208 imageWidth: config.image_width, 4209 imageHeight: config.image_height, 4210 filterDisplayAll: config.filter_display_all, 4211 displayAll: config.display_zero, 4212 isPopupEnabled: result.data.storeConfig?.amshopby_brand_general_brands_brands_popup, 4213 label: result.data.storeConfig?.amshopby_brand_general_menu_item_label, 4214 isTopMenuItemEnabled: result.data.storeConfig?.amshopby_brand_general_topmenu_enabled, 4215 brandsPage: result.data.storeConfig?.amshopby_brand_general_brands_page, 4216 } 4217 }, 4218 4219 /** 4220 * Send request to graphql 4221 * 4222 * @returns {Promise<any>} 4223 */ 4224 async sendRequest() { 4225 if (this.isMobile) { 4226 return false;
4227 } 4228 4229 this.loading = true; 4230 4231 try { 4232 if (cached) { 4233 this.loading = false; 4234 return false; 4235 } 4236 4237 const response = await fetch('https://firebox.com/graphql', { 4238 method: 'POST', 4239 headers: { 4240 'Content-Type': 'application/json', 4241 'Store': 'fireboxcom' 4242 }, 4243 credentials: 'include', 4244 body: JSON.stringify({query: this.getQuery(), variables: {}}) 4245 }); 4246 const result = await response.json(); 4247 4248 if (result?.errors) { 4249 this.initErrorMessages(result.errors); 4250 return; 4251 } 4252 4253 const data = result.data?.ambrandlist; 4254 const mapper = this.settingsMapper(result); 4255 4256 4257 Object.keys(mapper).forEach(config => { 4258 this[config] = mapper[config]; 4259 }); 4260 4261 if (!this.filterDisplayAll) { 4262 letters = data.all_letters.split(','); 4263 } 4264 4265 const items = data.items.map(brand => { 4266 brand.image = brand.img 4267 ? this.getMediaUrl(brand.img) : (brand.image ? this.getMediaUrl(brand.image) : null); 4268 return brand; 4269 }); 4270 4271 this.letters = letters.map(letter => ({ 4272 letter, 4273 brands: this.getLetterItems(items, letter), 4274 })); 4275 4276 this.items = this.letters.filter(row => row.brands?.length > 0); 4277 4278 cached = true; 4279 } catch (error) { 4280 displayError(error); 4281 } finally { 4282 this.loading = false; 4283 } 4284 }, 4285 4286 /** 4287 * Get brands by letter 4288 * 4289 * @param items 4290 * @param letter 4291 * @returns {*} 4292 */ 4293 getLetterItems(items, letter) { 4294 return items.filter(row => row.letter === letter); 4295 }, 4296 4297 convertHtml(text) { 4298 let textField = document.createElement("textarea"); 4299 textField.innerHTML = text; 4300 return textField.value; 4301 } 4302 } 4303 }</script>
4303</div></footer> <input type="hidden" id="disable_cookies" name="disable_cookies" value="0">
4303<script type="text/javascript" > 4304 window.stealthUrl = 'https://upsidedown.radbag.at/scripts/matomo/matomo.php'; 4305 window.matomoUrl = 'https://upsidedown.radbag.at/scripts/matomo/'; 4306 var _paq = window._paq = window._paq || []; 4307 (function () { 4308 4309 _paq.push(["setTrackerUrl", "https://upsidedown.radbag.at/scripts/matomo/matomo.php"]); 4310 _paq.push(["setSiteId", "12"]); 4311 if (document.prerendering) { 4312 document.addEventListener('prerenderingchange', () => { 4313 _paq.push(['trackPageView']); 4314 }, { 4315 once: true, 4316 }); 4317 } else { 4318 _paq.push(['trackPageView']); 4319 } 4320 _paq.push(['enableLinkTracking']); 4321 })(); 4322 4323 var eventNames = [ 4324 "wheel", 4325 "touchstart", 4326 "mouseover", 4327 "scroll", 4328 "keydown" 4329 ]; 4330 function addMultiEventListener(element, eventNames, listener) { 4331 for (var i=0, iLen=eventNames.length; i<iLen; i++) { 4332 element.addEventListener(eventNames[i], listener, true); 4333 } 4334 } 4335 function removeMultiEventListener(element, eventNames, listener) { 4336 for (var i=0, iLen=eventNames.length; i<iLen; i++) { 4337 element.removeEventListener(eventNames[i], listener, true); 4338 } 4339 } 4340 var isMatomoLoaded = false; 4341 const loadMatomoScript = () => { 4342 if (!isMatomoLoaded) { 4343 isMatomoLoaded = true; 4344 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 4345 g.type = 'text/javascript'; 4346 g.async = true; 4347 g.onload = () => { 4348 }; 4349 g.src = 'https://upsidedown.radbag.at/scripts/matomo/matomo.js'; 4350 s.parentNode.insertBefore(g, s); 4351 removeMultiEventListener(window, eventNames, loadMatomoScript); 4352 } else { 4353 removeMultiEventListener(window, eventNames, loadMatomoScript); 4354 } 4355 } 4356 addMultiEventListener(window, eventNames, loadMatomoScript); 4357 </script>
4357 <noscript><p><img src="https://upsidedown.radbag.at/scripts/matomo/matomo.php?idsite= 12&rec=1" style="border:0;" alt=""/></p></noscript>
4357<script> 4358 (() => { 4359 function src_default(Alpine) { 4360 Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 4361 let evaluate = evaluateLater(expression); 4362 let options = { 4363 rootMargin: getRootMargin(modifiers), 4364 threshold: getThreshhold(modifiers) 4365 }; 4366 let observer = new IntersectionObserver((entries) => { 4367 entries.forEach((entry) => { 4368 if (entry.isIntersecting === (value === "leave")) 4369 return; 4370 evaluate(); 4371 modifiers.includes("once") && observer.disconnect(); 4372 }); 4373 }, options); 4374 observer.observe(el); 4375 cleanup(() => { 4376 observer.disconnect(); 4377 }); 4378 }); 4379 } 4380 function getThreshhold(modifiers) { 4381 if (modifiers.includes("full")) 4382 return 0.99; 4383 if (modifiers.includes("half")) 4384 return 0.5; 4385 if (!modifiers.includes("threshold")) 4386 return 0; 4387 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 4388 if (threshold === "100") 4389 return 1; 4390 if (threshold === "0") 4391 return 0; 4392 return Number(`.${threshold}`); 4393 } 4394 function getLengthValue(rawValue) { 4395 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 4396 return match ? match[1] + (match[2] || "px") : void 0; 4397 } 4398 function getRootMargin(modifiers) { 4399 const key = "margin"; 4400 const fallback = "0px 0px 0px 0px"; 4401 const index = modifiers.indexOf(key); 4402 if (index === -1) 4403 return fallback; 4404 let values = []; 4405 for (let i = 1; i < 5; i++) { 4406 values.push(getLengthValue(modifiers[index + i] || "")); 4407 } 4408 values = values.filter((v) => v !== void 0); 4409 return values.length ? values.join(" ").trim() : fallback; 4410 } 4411 4412 document.addEventListener("alpine:init", () => { 4413 window.Alpine.plugin(src_default); 4414 }); 4415 })();</script>
4415
4415<script> 4416 for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"intersect"})) { 4417 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 4418 }</script>
4418
4418<script> 4419 (function () { 4420 "use strict"; 4421 4422 const hasAlpine = new Promise(resolve => { 4423 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 4424 }); 4425 4426 const hasInteract = new Promise(resolve => { 4427 (events => { 4428 const onInteract = () => { 4429 resolve(); 4430 events.forEach(type => window.removeEventListener(type, onInteract)); 4431 } 4432 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 4433 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 4434 }); 4435 4436 const onIntersect = (el) => { 4437 return new Promise(resolve => { 4438 const observer = new IntersectionObserver(entries => { 4439 for (const entry of entries) { 4440 if (entry.isIntersecting) { 4441 observer.disconnect() 4442 resolve(); 4443 } 4444 } 4445 }, {}); 4446 observer.observe(el); 4447 }); 4448 } 4449 4450 function runComponent(el) { 4451 hasAlpine.then(() => { 4452 el.removeAttribute('x-ignore'); 4453 queueMicrotask(() => Alpine.initTree(el)); 4454 }); 4455 } 4456 4457 function initDeferredComponents() { 4458 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 4459 el.setAttribute('x-ignore', ''); 4460 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 4461 switch (deferUntil) { 4462 case 'interact': 4463 hasInteract.then(() => runComponent(el)); 4464 break; 4465 case 'intersect': 4466 onIntersect(el).then(() => runComponent(el)) 4467 break; 4468 case 'idle': 4469 window.requestIdleCallback 4470 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 4471 : setTimeout(() => runComponent(el), 4000); 4472 break; 4473 case 'eager': 4474 runComponent(el); 4475 break; 4476 default: 4477 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 4478 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 4479 } 4480 } 4481 }); 4482 } 4483 4484 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 4485 })()</script>
4485
4485<script> 4486 4487(_ => { 4488 document.addEventListener('DOMContentLoaded', event => { 4489 4490 if (!Alpine.version.startsWith('2')) { 4491 return; 4492 } 4493 4494 const teleportDirective = (el, expression) => { 4495 let target = document.querySelector(expression) 4496 let clone = el.content.cloneNode(true).firstElementChild; 4497 4498 target.appendChild(clone); 4499 setTimeout(() => { 4500 target.querySelectorAll('[x-data]') 4501 .forEach(el => Alpine.initializeComponent(el)); 4502 }, 0) 4503 }; 4504 4505 document.querySelectorAll('template').forEach(el => { 4506 if (!el.hasAttribute('x-teleport')) { 4507 return; 4508 } 4509 4510 teleportDirective(el, el.getAttribute('x-teleport')); 4511 }); 4512 4513 document.querySelectorAll('[x-data]').forEach(el => { 4514 if (el.hasAttribute('x-init')) { 4515 return; 4516 } 4517 4518 setTimeout(() => { 4519 Alpine.initializeComponent(el); 4520 }, 0); 4521 }); 4522 }); 4523})()</script>
4523
4523<script type="module" 4524 src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Hyva_Theme/js/alpine3.min.js" 4525 defer 4526 crossorigin 4527></script>
4527
4527<script> 4528 'use strict'; 4529 function dispatchMessages(messages, hideAfter) { 4530 const messagesEvent = new CustomEvent("messages-loaded", { 4531 detail: { 4532 messages: messages, 4533 hideAfter: hideAfter 4534 } 4535 }); 4536 window.dispatchEvent(messagesEvent); 4537 } 4538 4539 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 4540 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 4541 } 4542 4543 (function( hyva, undefined ) { 4544 4545 hyva.initFormKey = () => { 4546 const inputSelector = 'input[name="form_key"]', 4547 formKey = hyva.getFormKey(); 4548 4549 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 4550 input.value = formKey 4551 }); 4552 } 4553 4554 hyva.initMessages = () => { 4555 try { 4556 const messages = hyva.getCookie('mage-messages'); 4557 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 4558 4559 dispatchMessages(window.mageMessages); 4560 4561 const skipSetDomain = true; 4562 hyva.setCookie('mage-messages','', -1, skipSetDomain); 4563 4564 } catch (error) { 4565 console.warn('Error parsing Cookie Messages:', error); 4566 } 4567 } 4568 4569 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 4570 hyva.alpineInitialized(hyva.initMessages) 4571 4572 }( window.hyva = window.hyva || {} ));</script>
4572
4572<script> 4573 'use strict'; 4574 { 4575 const private_content_key = 'mage-cache-storage'; 4576 const private_content_expire_key = 'mage-cache-timeout'; 4577 const private_content_version_key = 'private_content_version'; 4578 const section_data_ids_key = 'section_data_ids'; 4579 const mage_cache_session_id_key = 'mage-cache-sessid'; 4580 const last_visited_store_key = 'last_visited_store'; 4581 4582 const ttl = 3600; 4583 4584 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 4585 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 4586 } 4587 4588 function loadSectionData () { 4589 const browserStorage = hyva.getBrowserStorage(); 4590 if (!browserStorage) { 4591 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4592 [{ 4593 type: "warning", 4594 text: "Please enable LocalStorage in your browser." 4595 }] 4596 ); 4597 return; 4598 } 4599 try { 4600 let isInvalid = false; 4601 4602 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 4603 isInvalid = true; 4604 } 4605 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 4606 4607 if (!hyva.getCookie(mage_cache_session_id_key)) { 4608 isInvalid = true; 4609 browserStorage.removeItem(private_content_key); 4610 const skipSetDomain = true; 4611 const days = false; 4612 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 4613 } 4614 4615 const cookieVersion = hyva.getCookie(private_content_version_key); 4616 const storageVersion = browserStorage.getItem(private_content_version_key); 4617 4618 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 4619 isInvalid = true; 4620 } 4621 4622 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 4623 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 4624 browserStorage.removeItem(private_content_key); 4625 } 4626 4627 if (isInvalid && cookieVersion) { 4628 fetchPrivateContent([]); 4629 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 4630 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 4631 if ( 4632 privateContent && 4633 privateContentExpires && 4634 privateContent.cart && 4635 privateContent.customer 4636 ) { 4637 dispatchPrivateContent(privateContent); 4638 } else { 4639 fetchPrivateContent([]); 4640 } 4641 } else { 4642 if (document.getElementById('default-section-data')) { 4643 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 4644 dispatchPrivateContent(privateContent); 4645 } else { 4646 dispatchPrivateContent({}); 4647 } 4648 } 4649 4650 } catch (error) { 4651 console.warn('Error retrieving Private Content:', error); 4652 } 4653 } 4654 4655 hyva.alpineInitialized(loadSectionData) 4656 window.addEventListener('reload-customer-section-data', loadSectionData); 4657 4658 function dispatchPrivateContent(data) { 4659 const privateContentEvent = new CustomEvent("private-content-loaded", { 4660 detail: { 4661 data: data 4662 } 4663 }); 4664 window.dispatchEvent(privateContentEvent); 4665 } 4666 4667 function fetchPrivateContent(sections) { 4668 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 4669 method: 'GET', 4670 headers: { 4671 'Content-Type': 'application/json', 4672 'X-Requested-With': 'XMLHttpRequest' 4673 } 4674 }) 4675 .then(response => response.json()) 4676 .then( 4677 data => { 4678 if (data) { 4679 try { 4680 const browserStorage = hyva.getBrowserStorage(); 4681 4682 4683 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 4684 4685 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 4686 delete oldSectionData['checkout-data']; 4687 } 4688 const newSectionData = Object.assign(oldSectionData, data); 4689 4690 dispatchPrivateContent(newSectionData); 4691 4692 4693 if (newSectionData.messages && newSectionData.messages.messages ) { 4694 newSectionData.messages.messages = []; 4695 } 4696 4697 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 4698 4699 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 4700 browserStorage.setItem(private_content_expire_key, expiresAt); 4701 4702 const newCookieVersion = hyva.getCookie(private_content_version_key); 4703 browserStorage.setItem(private_content_version_key, newCookieVersion); 4704 4705 4706 4707 hyva.setCookie( 4708 section_data_ids_key, 4709 JSON.stringify( 4710 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 4711 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 4712 return sectionDataIds; 4713 }, {}) 4714 ), 4715 false, 4716 true 4717 ); 4718 } catch (error) { 4719 console.warn("Couldn't store privateContent", error); 4720 } 4721 } 4722 } 4723 ); 4724 } 4725 }</script>
4725<script> 4726 (() => { 4727 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 4728 })()</script>
4728
4728<script> 4729 (events => { 4730 const dispatchUserInteractionEvent = () => { 4731 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 4732 window.dispatchEvent(new Event('init-external-scripts')) 4733 }; 4734 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 4735 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])</script>
4735
4735<script> 4736 var g3dSelectedId = 0; 4737 4738 function initConfigurableOptions(productId, optionConfig) { 4739 return { 4740 optionConfig, 4741 productId, 4742 itemId: '0', 4743 allowedAttributeOptions: [], 4744 selectedValues: [], 4745 selectedItemDiscount: null, 4746 init() { 4747 this.findAllowedAttributeOptions(); 4748 this.$nextTick(() => { 4749 if (typeof this.optionConfig.defaultValues === 'object') { 4750 for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) { 4751 this.changeOption(optionId, value + ''); 4752 } 4753 } 4754 }); 4755 }, 4756 findSimpleIndex () { 4757 var productIndexes = this.optionConfig.index; 4758 var $this = this; 4759 this.productIndex = Object.keys(productIndexes).find(productIndex => { 4760 var currentProductIndex = productIndexes[productIndex]; 4761 4762 for (var productOption in currentProductIndex) { 4763 if ( 4764 $this.selectedValues[productOption] && 4765 $this.selectedValues[productOption] !== currentProductIndex[productOption] 4766 ) { 4767 return false; 4768 } 4769 } 4770 return productIndex; 4771 }); 4772 }, 4773 productIndex: 0, 4774 findAllowedAttributeOptions() { 4775 var allAttributes = this.optionConfig.attributes; 4776 4777 var optionStock = this.optionConfig.optionStock; 4778 4779 var allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 4780 return a.position - b.position 4781 }); 4782 4783 allAttributesSorted.forEach(attribute => { 4784 attribute.options.forEach(option => { 4785 option.products.find(product => { 4786 option.stock_status = optionStock[product].stockStatus; 4787 }) 4788 }) 4789 }); 4790 4791 4792 4793 var previousOption = false; 4794 var productIndexes = this.optionConfig.index; 4795 var availableIndexes = Object.keys(productIndexes); 4796 4797 var newAllowedAttributeOptions = []; 4798 4799 allAttributesSorted.forEach(attribute => { 4800 if (previousOption && this.selectedValues[previousOption]) { 4801 availableIndexes = availableIndexes.filter(availableIndex => { 4802 return productIndexes[availableIndex][previousOption] === 4803 this.selectedValues[previousOption] 4804 }) 4805 } 4806 newAllowedAttributeOptions[attribute.id] = 4807 allAttributes[attribute.id].options.filter(option => { 4808 return !!option.products.find(product => { 4809 return availableIndexes.includes(product); 4810 }) 4811 }); 4812 previousOption = attribute.id; 4813 4814 newAllowedAttributeOptions[attribute.id].sort(function (a, b) { 4815 return b.stock_status - a.stock_status; 4816 }); 4817 }); 4818 this.allowedAttributeOptions = newAllowedAttributeOptions; 4819 4820 }, 4821 getAllowedAttributeOptions(attributeId) { 4822 return this.allowedAttributeOptions[attributeId] || [] 4823 }, 4824 changeOption(optionId, value) { 4825 this.selectedValues[optionId] = value; 4826 this.findSimpleIndex(); 4827 this.findAllowedAttributeOptions(); 4828 this.updatePrices(); 4829 this.updateGallery(); 4830 window.dispatchEvent( 4831 new CustomEvent( 4832 'configurable-selection-changed', 4833 { 4834 detail: { 4835 productId: this.productId, 4836 optionId: this.optionId, 4837 value: this.value, 4838 productIndex: this.productIndex, 4839 selectedValues: this.selectedValues 4840 } 4841 } 4842 ) 4843 ); 4844 4845 var qty = parseInt(document.getElementById("child-item-"+this.productIndex).getAttribute("data-qty")); 4846 var qtyMin = parseInt(document.getElementById("child-item-"+this.productIndex).getAttribute("data-qtymin")); 4847 var next_status = document.getElementById("child-item-"+this.productIndex).getAttribute("data-status"); 4848 var next_status_text = document.getElementById("child-item-"+this.productIndex).getAttribute("data-status-text"); 4849 var g3durl = document.getElementById("child-item-"+this.productIndex).getAttribute("data-g3durl"); 4850 4851 if(qty <= 0 && next_status == 583) { 4852 document.getElementById('stock-alert-form').style.display='block'; 4853 if(document.getElementById('product-addtocart-button') != null) { 4854 document.getElementById('product-addtocart-button').style.display='flex'; 4855 document.getElementById('out-of-stock-sharebtns').classList.add('hidden'); 4856 document.getElementById('on-stock-sharebtns').classList.remove('hidden'); 4857 } 4858 document.getElementById('product_id').value = document.getElementById("child-item-"+this.productIndex).getAttribute("data-id"); 4859 } else if(qty <= 0 && (next_status == 588 || next_status == 584)) { 4860 document.getElementById('stock-alert-form').style.display='none'; 4861 if(document.getElementById('product-addtocart-button') != null) { 4862 document.getElementById('product-addtocart-button').style.display='none'; 4863 document.getElementById('out-of-stock-sharebtns').classList.remove('hidden'); 4864 document.getElementById('on-stock-sharebtns').classList.add('hidden'); 4865 } 4866 } else { 4867 document.getElementById('stock-alert-form').style.display='none'; 4868 document.getElementById('out-of-stock-sharebtns').classList.add('hidden'); 4869 document.getElementById('on-stock-sharebtns').classList.remove('hidden'); 4870 4871 if(g3durl != '') { 4872 document.getElementById('product-g3dconfigure-button').style.display='block'; 4873 document.getElementById('product-addtocart-button').style.display='none'; 4874 g3dSelectedId = this.productIndex; 4875 } else { 4876 document.getElementById('product-g3dconfigure-button').style.display='none'; 4877 document.getElementById('product-addtocart-button').style.display='flex'; 4878 } 4879 4880 } 4881 4882 var stockInfo = document.getElementsByClassName('availability-info-text'); 4883 for(var i = 0; i < stockInfo.length; i++) { 4884 var thisStockInfo = stockInfo[i]; 4885 prevElStock = document.getElementsByClassName('availability-info-dot')[i]; 4886 if(qty <= 0 && next_status == 583) { 4887 if(prevElStock){ 4888 prevElStock.classList.remove("bg-greenColor-lighter"); 4889 prevElStock.classList.add("bg-yellowStars"); 4890 prevElStock.parentElement.parentElement.parentElement.parentElement.classList.add('outofstock-item'); 4891 } 4892 thisStockInfo.innerHTML = next_status_text; 4893 } else if(qty <= 0 && (next_status == 588 || next_status == 584)) { 4894 if(prevElStock){ 4895 prevElStock.classList.remove("bg-greenColor-lighter"); 4896 prevElStock.classList.add("bg-yellowStars"); 4897 prevElStock.parentElement.parentElement.parentElement.parentElement.classList.add('outofstock-item'); 4898 } 4899 thisStockInfo.innerHTML = next_status_text; 4900 } else { 4901 if(qty > 0) { 4902 thisStockInfo.innerHTML = 'In stock'; 4903 if(prevElStock){ 4904 prevElStock.classList.add("bg-greenColor-lighter"); 4905 prevElStock.classList.remove("bg-yellowStars"); 4906 prevElStock.parentElement.parentElement.parentElement.parentElement.classList.remove('outofstock-item'); 4907 } 4908 } 4909 } 4910 }; 4911 4912 if(document.querySelector("#item-discount-info-"+this.productIndex) != null) { 4913 if(this.selectedItemDiscount != null) { 4914 this.selectedItemDiscount.classList.add("hidden"); 4915 } 4916 this.selectedItemDiscount = document.getElementById("item-discount-info-"+this.productIndex); 4917 document.getElementById("item-discount-info-"+this.productIndex).classList.remove("hidden"); 4918 } 4919 4920 if(document.getElementById("config-qty-show") != null) { 4921 document.querySelectorAll("#config-qty-show")[0].innerHTML = ''; 4922 document.querySelectorAll("#config-qty-show")[1].innerHTML = ''; 4923 if(qty > 0 && (qty - qtyMin) > 0) { 4924 4925 4926 4927 4928 if((qty - qtyMin) < 10) { 4929 document.querySelectorAll("#config-qty-show")[0].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Less than <span class="bold-qty">'+(10)+'</span> available</div>'; 4930 document.querySelectorAll("#config-qty-show")[1].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Less than <span class="bold-qty">'+(10)+'</span> available</div>'; 4931 } 4932 document.querySelectorAll('.availability-info-text')[1].classList.add("hidden"); 4933 document.querySelectorAll('.availability-info-text')[0].classList.add("hidden"); 4934 4935 4936 document.getElementById("estimation-block-container-wrapper").classList.remove("hidden"); 4937 document.getElementById("estimation-block-container-wrapper").classList.add("block"); 4938 document.querySelectorAll("#config-qty-show")[0].classList.add("text-primary"); 4939 document.querySelectorAll("#config-qty-show")[1].classList.add("text-primary"); 4940 document.querySelectorAll("#config-qty-show")[0].classList.remove("text-yellowStars"); 4941 document.querySelectorAll("#config-qty-show")[1].classList.remove("text-yellowStars"); 4942 } else { 4943 4944 4945 document.getElementById("estimation-block-container-wrapper").classList.add("hidden"); 4946 document.getElementById("estimation-block-container-wrapper").classList.remove("block"); 4947 document.querySelectorAll("#config-qty-show")[0].innerHTML = ""; 4948 document.querySelectorAll("#config-qty-show")[1].innerHTML = ""; 4949 document.querySelectorAll('.availability-info-text')[1].classList.remove("hidden"); 4950 document.querySelectorAll('.availability-info-text')[0].classList.remove("hidden"); 4951 4952 4953 } 4954 } 4955 }, 4956 calculateIsMinimalPrice(){ 4957 return ( 4958 this.selectedValues.filter(value => !!value).length < 4959 Object.keys(this.optionConfig.attributes).length 4960 ); 4961 }, 4962 updatePrices() { 4963 var value = this.productIndex ? 4964 this.optionConfig.optionPrices[this.productIndex] : 4965 this.optionConfig.prices; 4966 window.dispatchEvent( 4967 new CustomEvent( 4968 "update-prices-" + this.productId, 4969 { 4970 detail: Object.assign( 4971 value, 4972 { isMinimalPrice: this.calculateIsMinimalPrice() } 4973 ) 4974 } 4975 ) 4976 ); 4977 }, 4978 updateGallery () { 4979 var value = this.productIndex ? 4980 this.optionConfig.images[this.productIndex] : 4981 Object.values(this.optionConfig.images)[0]; 4982 4983 value && window.dispatchEvent( 4984 new CustomEvent( 4985 "update-gallery", 4986 { detail: value } 4987 ) 4988 ); 4989 }, 4990 onGetCartData(data) { 4991 this.preselectCartItems(data); 4992 this.preselectQuerystringItems(); 4993 this.preselectLocationHashItems(); 4994 }, 4995 preselectCartItems(data) { 4996 4997 var cart = data && data.cart; 4998 if (cart && cart.items) { 4999 var cartItem = cart.items.find((item) => { 5000 return ( 5001 item.item_id === this.itemId 5002 && item.product_id === this.productId 5003 ) 5004 }); 5005 if (cartItem && cartItem.options && cartItem.options.length) { 5006 cartItem.options.map(option => { 5007 this.changeOption(option.option_id, option.option_value); 5008 }) 5009 } 5010 } 5011 }, 5012 preselectQuerystringItems() { 5013 5014 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 5015 Object.values(this.optionConfig.attributes).map(attribute => { 5016 urlQueryParams.get(attribute.code) && 5017 this.changeOption(attribute.id, urlQueryParams.get(attribute.code)); 5018 }); 5019 }, 5020 preselectLocationHashItems() { 5021 5022 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 5023 Object.values(this.optionConfig.attributes).map(attribute => { 5024 urlHashParams.get(attribute.id) && 5025 this.changeOption(attribute.id, urlHashParams.get(attribute.id)); 5026 }); 5027 } 5028 } 5029 }</script>
5029
5029<script> 5030 function initSwatchOptions(swatchConfig) { 5031 return { 5032 isOpen:false, 5033 isSelect:false, 5034 swatchConfig, 5035 getAttributeSwatchData(attributeId) { 5036 const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); 5037 swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); 5038 5039 return swatchConfig; 5040 }, 5041 showStockAlert(attributeId, itemId, itemStock) { 5042 if(itemStock == 0){ 5043 var next_status = document.querySelector('[data-variant-id="'+itemId+'"]').getAttribute('data-status'); 5044 if(!(next_status == 588 || next_status == 584)){ 5045 const config = this.getSwatchConfig(attributeId, itemId); 5046 document.querySelector('#outofstock-item').innerText = config.value || config.label; 5047 document.querySelector('.config-stock-alert-info').classList.remove('hidden'); 5048 document.querySelector('#product-addtocart-button').style.pointerEvents = "none"; 5049 document.querySelector('#buy-now-btn').classList.add('hidden'); 5050 } else { 5051 document.querySelector('.config-stock-alert-info').classList.add('hidden'); 5052 document.querySelector('#product-addtocart-button').style.pointerEvents = "none"; 5053 document.querySelector('#buy-now-btn').classList.remove('hidden'); 5054 } 5055 } else { 5056 document.querySelector('.config-stock-alert-info').classList.add('hidden'); 5057 document.querySelector('#product-addtocart-button').style.pointerEvents = "inherit"; 5058 document.querySelector('#buy-now-btn').classList.remove('hidden'); 5059 } 5060 }, 5061 getSwatchType(typeNumber) { 5062 switch (typeNumber) { 5063 case "1": 5064 return "color" 5065 case "2": 5066 return "image" 5067 case "3": 5068 return "empty" 5069 case "0": 5070 default: 5071 return "text" 5072 } 5073 }, 5074 isTextSwatch(attributeId, itemId) { 5075 const config = this.getSwatchConfig(attributeId, itemId); 5076 const typeId = config.type.toString(); 5077 const type = this.getSwatchType(typeId); 5078 5079 return type === 'text'; 5080 }, 5081 isVisualSwatch(attributeId, itemId) { 5082 const config = this.getSwatchConfig(attributeId, itemId); 5083 const typeId = config.type.toString(); 5084 const type = this.getSwatchType(typeId); 5085 5086 return ['image', 'color'].includes(type); 5087 }, 5088 getSwatchBackgroundStyle(attributeId, itemId) { 5089 const config = this.getSwatchConfig(attributeId, itemId); 5090 const typeId = config.type.toString(); 5091 const type = this.getSwatchType(typeId); 5092 5093 if (type === "color") { 5094 return 'background-color:' + config.value; 5095 } else if (type === "image") { 5096 return "background: #ffffff url('" + config.value + "') no-repeat center"; 5097 } else { 5098 return ''; 5099 } 5100 }, 5101 getSwatchText(attributeId, itemId){ 5102 const config = this.getSwatchConfig(attributeId, itemId); 5103 return config.value || config.label; 5104 }, 5105 getSwatchName(attributeId, itemId){ 5106 const config = this.getSwatchConfig(attributeId, itemId); 5107 return config.name || ''; 5108 }, 5109 getSwatchConfig(attributeId, itemId) { 5110 return this.swatchConfig[attributeId] ? this.swatchConfig[attributeId][itemId] : false; 5111 }, 5112 activeTooltipItem: false, 5113 tooltipPositionElement: false, 5114 getTooltipImageStyle(attributeId, itemId) {
5115 const config = this.getSwatchConfig(attributeId, itemId); 5116 const typeId = config.type.toString(); 5117 const type = this.getSwatchType(typeId); 5118 5119 if (type === "color") { 5120 return 'background-color:' + config.value + '; width: 110px; height: 90px;'; 5121 } else if (type === "image") { 5122 return "background: #ffffff url('" + config.thumb + 5123 "') center center no-repeat; width: 110px; height: 90px;"; 5124 } else { 5125 return 'display:none'; 5126 } 5127 }, 5128 getTooltipPosition() { 5129 return this.tooltipPositionElement ? 5130 `top: ${this.tooltipPositionElement.offsetTop}px;` + 5131 `left: ${ 5132 this.tooltipPositionElement.offsetLeft - ( 5133 this.tooltipPositionElement.closest('.snap') && 5134 this.tooltipPositionElement.closest('.snap').scrollLeft || 5135 0 5136 ) 5137 }px;` : '' 5138 }, 5139 closeDropdown() { 5140 if(screen.width <= 768) { 5141 this.isOpen = false 5142 } 5143 } 5144 } 5145 }</script>
5145
5145<script> 5146 'use strict'; 5147 5148 const grecaptchaV2LoadCallbacks = []; 5149 5150 function executeRecaptchaLoadCallbacks () { 5151 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 5152 const callback = grecaptchaV2LoadCallbacks.pop(); 5153 typeof callback === 'string' ? window[callback]() : callback(); 5154 } 5155 } 5156 5157 (function() { 5158 const loadRecaptchaScript = (event) => { 5159 5160 if (window.grecaptcha || !event.target.form) { 5161 return; 5162 } 5163 5164 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 5165 const siteKey = '6Le67p4kAAAAAA75JZ2PqyAmJx971ImEEeeCx2iQ'; 5166 const script = document.createElement('script'); 5167 script.type = 'text/javascript'; 5168 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 5169 script.async = true; 5170 document.head.appendChild(script); 5171 5172 script.addEventListener('load', () => { 5173 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 5174 }); 5175 } 5176 5177 window.forceLoadRecaptchaScript = (form) => { 5178 loadRecaptchaScript({target: {form: form || 'dummy'}}); 5179 executeRecaptchaLoadCallbacks(); 5180 }; 5181 5182 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 5183 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 5184 5185 }());</script>
5185 <!-- Wrapping template -->
5185<script type="text/template" id="instant_wrapper_template"> 5186 {{#findAutocomplete}} 5187 <div id="algolia-autocomplete-container"></div> 5188 {{/findAutocomplete}} 5189 5190 <div id="algolia_instant_selector" 5191 class="w-full h-full with-facets"> 5192 <div class="flex flex-col"> 5193 <div class="w-full" id="algolia-left-container"> 5194 <div class="md:px-4 md:px-0 border-none flex justify-start md:justify-between"> 5195 <div class="hidden py-4"> 5196 <div class="flex items-center justify-between" x-data="{open:false}"> 5197 <span class="text-primary text-md text-xl md:text-2xl font-semibold uppercase"> 5198 Shop by</span> 5199 <div class="relative w-8 h-8 bg-container-lighter rounded border border-container-darker cursor-pointer" @click="open = !open"> 5200 <div class="absolute z-20 w-8 h-8 text-transparent" id="refine-toggle"></div> 5201 <span class="absolute z-10 py-1 px-1"> 5202 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform transform duration-300 ease-in-out" :class="open ? 'rotate-180' : ''"> 5203 <path d="M19 9L12 16L5 9" stroke="#4A5568" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></div></div></div> 5204 <div class="flex gap-6 font-poppins text-categoriesSearch items-center"> 5205 <div class="flex md:hidden items-center gap-8 toolbar-products-count"> 5206 <div id="sorter_icon_toolbar" class="flex items-center md:hidden"> 5207 <span class="bg-labelbg rounded-lg p-1 flex gap-1"> 5208 <span onclick="document.getElementById('instant-search-results-container').classList.remove('list-style')" id="grid-view-icon" class="w-7 h-7 bg-white rounded-lg flex justify-center items-center"> 5209 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5210 <path d="M3.33398 6.66683H4.66732C6.00065 6.66683 6.66732 6.00016 6.66732 4.66683V3.3335C6.66732 2.00016 6.00065 1.3335 4.66732 1.3335H3.33398C2.00065 1.3335 1.33398 2.00016 1.33398 3.3335V4.66683C1.33398 6.00016 2.00065 6.66683 3.33398 6.66683Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 5211 <path d="M11.334 6.66683H12.6673C14.0007 6.66683 14.6673 6.00016 14.6673 4.66683V3.3335C14.6673 2.00016 14.0007 1.3335 12.6673 1.3335H11.334C10.0007 1.3335 9.33398 2.00016 9.33398 3.3335V4.66683C9.33398 6.00016 10.0007 6.66683 11.334 6.66683Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 5212 <path d="M11.334 14.6668H12.6673C14.0007 14.6668 14.6673 14.0002 14.6673 12.6668V11.3335C14.6673 10.0002 14.0007 9.3335 12.6673 9.3335H11.334C10.0007 9.3335 9.33398 10.0002 9.33398 11.3335V12.6668C9.33398 14.0002 10.0007 14.6668 11.334 14.6668Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 5213 <path d="M3.33398 14.6668H4.66732C6.00065 14.6668 6.66732 14.0002 6.66732 12.6668V11.3335C6.66732 10.0002 6.00065 9.3335 4.66732 9.3335H3.33398C2.00065 9.3335 1.33398 10.0002 1.33398 11.3335V12.6668C1.33398 14.0002 2.00065 14.6668 3.33398 14.6668Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 5214 <span onclick="document.getElementById('instant-search-results-container').classList.add('list-style')" id="list-view-icon" class="w-7 h-7 bg-white rounded-lg flex justify-center items-center"> 5215 <svg width="16" height="16" viewB
5215ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5216 <path d="M6.00065 14.6668H10.0007C13.334 14.6668 14.6673 13.3335 14.6673 10.0002V6.00016C14.6673 2.66683 13.334 1.3335 10.0007 1.3335H6.00065C2.66732 1.3335 1.33398 2.66683 1.33398 6.00016V10.0002C1.33398 13.3335 2.66732 14.6668 6.00065 14.6668Z" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 5217 <path d="M6.66602 1.3335V14.6668" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 5218 <path d="M6.66602 5.6665H14.666" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 5219 <path d="M6.66602 10.3335H14.666" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> 5220 <span class="items-center mr-2 hidden">View</span> 5221 <svg class="hidden lg:block" id="filter-btn-icon" width="14" height="14" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5222 <path d="M16.5 4.87399L9.35333 12.02C9.25967 12.1138 9.13255 12.1665 9 12.1665C8.86745 12.1665 8.74033 12.1138 8.64667 12.02L1.5 4.87399" stroke="#302F2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div> 5223 <div class="gap-2 text-sm h-10 items-center hidden md:flex"> 5224 <img src="https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/images/grid.svg" alt="Filter" width="16" height="16" /> 5225 Filter:</div> 5226 <span id="filter-btn-toolbar" class="flex md:hidden items-center cursor-pointer py-10px px-2 md:px-4 gap-5px"> 5227 <span> 5228 <svg width="20" height="20" class="w-4 md:w-5" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5229 <path d="M4.50065 1.75H15.5007C16.4173 1.75 17.1673 2.5 17.1673 3.41667V5.25C17.1673 5.91667 16.7507 6.75 16.334 7.16667L12.7507 10.3333C12.2507 10.75 11.9173 11.5833 11.9173 12.25V15.8333C11.9173 16.3333 11.584 17 11.1673 17.25L10.0007 18C8.91732 18.6667 7.41732 17.9167 7.41732 16.5833V12.1667C7.41732 11.5833 7.08398 10.8333 6.75065 10.4167L3.58398 7.08333C3.16732 6.66667 2.83398 5.91667 2.83398 5.41667V3.5C2.83398 2.5 3.58398 1.75 4.50065 1.75Z" stroke="#747474" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 5230 <path d="M9.10833 1.75L5 8.33333" stroke="#747474" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 5231 <span class="items-center flex mr-2 text-labeltext font-medium text-xs md:text-sm"> 5232 Filter <span id="show-count-active-filter" class="hidden">(<span id="count-active-filter-number"></span>)</span></span> 5233 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 5234 <path d="M9.95906 4.4751L6.69906 7.7351C6.31406 8.1201 5.68406 8.1201 5.29906 7.7351L2.03906 4.4751" stroke="#AAAAAA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 5235 <div class="flex pt-3 md:pt-0" id="instant-search-facets-container"> 5236 <div class="flex md:hidden justify-between items-center relative pt-38px md:pt-0 xl:pt-6 border-b border-borderImg pb-4 md:pb-6 px-4 md:px-0"> 5237 <span onclick="closeFilter()" class="bg-grayStars rounded-full w-8 h-5px absolute top-2 left-0 right-0 mx-auto md:hidden block"></span> 5238 <span class="text-blackfont font-semibold md:text-2xl text-lg leading-26px w-full flex items-center justify-between"> 5239 Filter <sp
5239an onclick="window.location.href = window.location.origin + window.location.pathname" class="text-saleColor font-medium text-xs block underline cursor-pointer">Reset</span></span> 5240 <span onclick="closeFilter()" id="filter-open-close" class="block md:hidden absolute right-0 top-0"> 5241 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5242 <path d="M18 6L6 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5243 <path d="M6 6L18 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div> 5244 <div class="hidden"> 5245 <span class="text-base md:text-lg font-semibold hidden"> 5246 Active filtering</span> 5247 <div class="order-2" id="clear-refinements"></div> 5248 <div id="current-refinements"></div></div></div></div> 5249 <div class="flex-1 md:flex-none"> 5250 <div class="flex w-full justify-between flex-wrap pr-2.5 py-1.5 ml-2 md:ml-0 relative"> 5251 <div class="pull-right basis-full flex justify-end items-center text-gray-400 text-sm leading-8 tracking-wider"> 5252 <div class="hidden">SORT BY </div> 5253 <div id="algolia-sorts"></div></div> 5254 5255 <div class="basis-full flex items-center" id="algolia-stats"></div></div></div></div></div> 5256 5257 <div class="w-full md:pl-6 md:pr-2 lg:pr-0 xl:pl-2.5" id="algolia-right-container"> 5258 <div class="hidden"> 5259 <div class="pb-3.5"> 5260 <div class="px-2.5"> 5261 {{#second_bar}} 5262 <div id="instant-search-bar"></div> 5263 {{/second_bar}}</div></div></div> 5264 <div> 5265 <div> 5266 <div itemscope itemtype="http://schema.org/ItemList"> 5267 <div class="pl-2.5"></div> 5268 <div id="algolia-banner"></div> 5269 <div id="instant-empty-results-container"></div> 5270 <div class="py-10 md:py-6" id="instant-search-results-container"></div></div></div></div> 5271 <div> 5272 <div id="instant-search-pagination-container"></div></div></div></div></div></script>
5272<script> 5273 var checkExist = setInterval(function () { 5274 if(document.querySelectorAll('#instant-search-facets-container .ais-Panel-header').length){ 5275 document.querySelectorAll('#instant-search-facets-container .ais-Panel-header').forEach((item) => { 5276 item.addEventListener("click", function(){ 5277 let selectedItem = item.nextSibling; 5278 if(item.nextSibling.style.display == "block") { 5279 item.nextSibling.style.display = "none"; 5280 } else { 5281 document.querySelectorAll('#instant-search-facets-container .ais-Panel-body').forEach((item) => { 5282 item.style.display = "none"; 5283 }); 5284 item.nextSibling.style.display = "block"; 5285 } 5286 }) 5287 }); 5288 5289 document.querySelectorAll('#filter-btn-toolbar').forEach((item) => { 5290 item.addEventListener("click", function(){ 5291 document.querySelector('#instant-search-facets-container').style.bottom = '0px'; 5292 }) 5293 }); 5294 5295 clearInterval(checkExist); 5296 } 5297 }); 5298 5299 function closeFilter() { 5300 document.querySelector('#instant-search-facets-container').style.bottom = '-100vh'; 5301 }</script>
5301
5301<script type="text/template" id="instant-hit-template"> 5302 <div class="relative text-primary product-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 5303 <meta itemprop="position" content="{{__position}}" /> 5304 <div class="flex-grow" itemprop="item" itemscope itemtype="http://schema.org/Product"> 5305 <meta itemprop="url" 5306 {{^__queryID}} content="{{url}}" {{/__queryID}} 5307 {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}} 5308 /> 5309 <a class="h-full result" 5310 {{^__queryID}} href="{{url}}" {{/__queryID}} 5311 {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}} 5312 data-objectid="{{objectID}}" 5313 data-indexname="{{__indexName}}" 5314 data-position="{{__position}}" 5315 data-queryid="{{__queryID}}"> 5316 <div class=""> 5317 <div class="item-img flex-1 w-auto mb-2.5 relative"> 5318 {{#is_in_stock}} 5319 <span class="absolute top-0 left-0 w-full h-full flex justify-center items-center text-xs stock-info text-center out-of-stock" style="">{{nextstatus}}</span> 5320 {{/is_in_stock}} 5321 {{#image_url}} 5322 {{#is_in_stock}} 5323 <img class="mx-auto rounded-8px object-cover w-full 2xl:h-356px md:h-254px xl:h-80 sm:h-356px h-200px opacity-30" itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" /> 5324 {{/is_in_stock}} 5325 {{^is_in_stock}} 5326 <img class="mx-auto rounded-8px object-cover w-full 2xl:h-356px md:h-254px xl:h-80 sm:h-356px h-200px" itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" /> 5327 {{/is_in_stock}} 5328 {{/image_url}} 5329 {{^image_url}}<span class="no-image"></span>{{/image_url}}</div> 5330 <div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0"> 5331 <h3 itemprop="name" class="item-name text-blackfont font-semibold text-sm md:text-base overflow-hidden text-left h-10 md:h-6 m-0"> 5332 <span class="product-item-link md:block truncate-two-lines md:truncate w-full">{{{ name }}}</span></h3> 5333 <div> 5334 <div> 5335 <div> 5336 <div class="hidden"> 5337 <span ><span>Rating:</span></span> 5338 <div title="{{rating_summary}}%"> 5339 <span style="width:{{rating_summary}}%"> 5340 <span>{{rating_summary}}%</span></span></div></div></div> 5341 {{^price.GBP.default_max}} 5342 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price"> 5343 <meta itemprop="price" content="{{price.GBP.default}}" /> 5344 {{/price.GBP.default_max}} 5345 {{#price.GBP.default_max}} 5346 <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price"> 5347 <meta itemprop="lowPrice" content="{{price.GBP.default}}" /> 5348 <meta itemprop="highPrice" content="{{price.GBP.default_max}}" /> 5349 {{/price.GBP.default_max}} 5350 <meta itemprop="priceCurrency" content="GBP" /> 5351 <div> 5352 <div class="item-price text-blackfont text-lg leading-6 font-bold pt-1 flex items-baseline gap-2"> 5353 {{#is_giftbox}} 5354 <div class="text-lg font-bold"> 5355 {{slider_price}}</div> 5356 {{/is_giftbox}} 5357 {{^is_giftbox}} 5358 {{#price.GBP.default_original_formated}}
5359 <span class="text-base font-medium text-labeltext line-through"> {{price.GBP.default_original_formated}}</span> 5360 {{/price.GBP.default_original_formated}} 5361 {{#type_is_bundle}} 5362 <span class="text-sm hidden">from</span> 5363 {{/type_is_bundle}} 5364 <div class="text-lg font-bold"> 5365 <!-- {{price.GBP.default_formated}} --> 5366 {{slider_price}}</div> 5367 {{/is_giftbox}} 5368 5369 {{#price.GBP.default_tier_formated}} 5370 <span> 5371 from <span>{{price.GBP.default_tier_formated}}</span></span> 5372 {{/price.GBP.default_tier_formated}}</div></div></div></div></div> 5373 <div>{{{ _highlightResult.description.value }}}</div> 5374 {{#isAddToCartEnabled}} 5375 <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> 5376 <form class="flex-grow" data-role="tocart-form" action="{{ addToCart.action }}" method="post"> 5377 <input type="hidden" name="product" value="{{objectID}}"> 5378 <input type="hidden" name="uenc" value="{{ addToCart.uenc }}"> 5379 <input name="form_key" type="hidden" value="{{ addToCart.formKey }}"> 5380 <button 5381 type="submit" title="Add to Basket" 5382 class="w-auto btn btn-primary justify-center text-sm mr-auto" 5383 data-objectid="{{objectID}}" 5384 data-indexname="{{__indexName}}" 5385 data-position="{{__position}}" 5386 data-queryid="{{__queryID}}" 5387 > 5388 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" role="img"> 5389 <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> 5390<title>shopping-cart</title></svg> 5391 <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">Add to Basket</span></button></form> 5392 <button 5393 x-data="initWishlist()" 5394 @click.prevent="addToWishlist({{objectID}})" 5395 class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2" 5396 > 5397 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" role="img"> 5398 <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/> 5399<title>heart</title></svg> 5400</button> 5401 <button 5402 x-data="initCompareOnProductList()" 5403 @click.prevent="addToCompare({{objectID}})" 5404 class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2" 5405 > 5406 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" role="img"> 5407 <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> 5408<title>scale</title></svg> 5409</button></div> 5410 {{/isAddToCartEnabled}}</div></div></a></div></div></script>
5410<script type="text/template" id="instant-stats-template"> 5411 <div class="py-2"> 5412 {{#hasOneResult}}<strong>1</strong> 5413 <span class="text-labeltext font-medium text-xs mr-2"> 5414 product</span> 5415 {{/hasOneResult}} 5416 {{#hasManyResults}} 5417 <span class="toolbar-number text-xs font-semibold text-blackfont" itemprop="numberOfItems">{{nbHits}}</span> 5418 <span class="text-labeltext font-medium text-xs mr-2"> 5419 products</span> 5420 {{/hasManyResults}} 5421 {{#hasNoResults}} 5422 <span class="text-labeltext font-medium text-xs mr-2"> 5423 Your search returned no results.</span> 5424 {{/hasNoResults}}</div></script>
5424<script type="text/template" id="refinements-lists-item-template"> 5425 <label class="{{cssClasses.label}} {{#isRefined}}checked{{/isRefined}}"> 5426 <input class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} type="checkbox" value="{{value}}" /> 5427 <span class="text-xs md:text-sm block w-full h-full text-labeltext">{{value}}</span> 5428 <span class="{{cssClasses.count}} flex-grow text-right">{{count}}</span></label></script>
5428<script type="text/template" id="current-refinements-template"> 5429 <div class="cross-wrapper"> 5430 <span class="clear-cross clear-refinement"></span></div> 5431 <div class="current-refinement-wrapper"> 5432 {{#label}} 5433 <span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span> 5434 {{/label}} 5435 {{#operator}} 5436 {{{displayOperator}}} 5437 {{/operator}} 5438 {{#exclude}}-{{/exclude}} 5439 <span class="current-refinement-name">{{name}}</span></div></script>
5439
5439<script> 5440 window.algoliaConfig = {"instant":{"enabled":true,"selector":".columns","isAddToCartEnabled":false,"addToCartParams":{"action":"https:\/\/firebox.com\/checkout\/cart\/add\/","formKey":"Ak4P6qFgqKJ5uCuU","redirectUrlParam":"uenc"},"infiniteScrollEnabled":false,"urlTrackedParameters":["query","attribute:*","index","page"],"isSearchBoxEnabled":true,"isVisualMerchEnabled":false,"categorySeparator":" \/\/\/ ","categoryPageIdAttribute":"categoryPageId","isCategoryNavigationEnabled":false,"hidePagination":false},"autocomplete":{"enabled":true,"selector":".algolia-search-input","sections":[{"name":"product_tags","label":"Tags","hitsPerPage":"4"}],"nbOfProductsSuggestions":6,"nbOfCategoriesSuggestions":2,"nbOfQueriesSuggestions":0,"isDebugEnabled":false,"isNavigatorEnabled":true,"debounceMilliseconds":300,"minimumCharacters":0},"landingPage":{"query":"","configuration":"[]"},"recommend":{"enabledFBT":false,"enabledRelated":false,"enabledFBTInCart":false,"enabledRelatedInCart":false,"enabledLookingSimilar":0,"limitFBTProducts":6,"limitRelatedProducts":6,"limitTrendingItems":6,"limitLookingSimilar":6,"enabledTrendItems":0,"trendItemFacetName":null,"trendItemFacetValue":null,"isTrendItemsEnabledInPDP":0,"isTrendItemsEnabledInCartPage":0,"isAddToCartEnabledInFBT":false,"isAddToCartEnabledInRelatedProduct":false,"isAddToCartEnabledInTrendsItem":false,"isAddToCartEnabledInLookingSimilar":false,"FBTTitle":"Frequently bought together","relatedProductsTitle":"Related products","trendingItemsTitle":"Trending items","addToCartParams":{"action":"https:\/\/firebox.com\/checkout\/cart\/add\/","formKey":"Ak4P6qFgqKJ5uCuU","redirectUrlParam":"uenc"},"isLookingSimilarEnabledInPDP":0,"isLookingSimilarEnabledInCartPage":0,"lookingSimilarTitle":"Looking Similar"},"extensionVersion":"3.15.0","applicationId":"XNJ6P9R22S","indexName":"LIVE_fireboxcom","apiKey":"ZjhhOGU4MmQ5MTA3MWQxYjQyZWNiYjQ2NzQ2NTU0NDBmMWFjZWE0NjJlNTgxMzJkMjBlNzFjYzQwYzdiYzk4NHRhZ0ZpbHRlcnM9JnZhbGlkVW50aWw9MTc5MDM1Njg4MQ==","attributeFilter":[],"facets":[{"attribute":"price","type":"slider","label":"How much do you love them? ","searchable":"2","create_rule":"2"},{"attribute":"categories","type":"conjunctive","label":"Categories","searchable":"2","create_rule":"2"},{"attribute":"product_tags","type":"disjunctive","label":"What are they into?","searchable":"1","create_rule":"2"},{"attribute":"gift_gender","type":"disjunctive","label":"Gender ","searchable":"1","create_rule":"2"}],"areCategoriesInFacets":true,"hitsPerPage":12,"sortingIndices":[{"attribute":"price","sort":"asc","sortLabel":"Preis aufsteigend","virtualReplica":"0","name":"LIVE_fireboxcom_products_price_default_asc","ranking":["asc(price.GBP.default)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Preis aufsteigend"},{"attribute":"price","sort":"desc","sortLabel":"Preis absteigend","virtualReplica":"0","name":"LIVE_fireboxcom_products_price_default_desc","ranking":["desc(price.GBP.default)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Preis absteigend"},{"attribute":"created_at","sort":"desc","sortLabel":"Neu","virtualReplica":"0","name":"LIVE_fireboxcom_products_created_at_desc","ranking":["desc(created_at)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Neu"}],"isSearchPage":false,"isCategoryPage":false,"isLandingPage":false,"removeBranding":true,"productId":null,"priceKey":".GBP.default","priceGroup":null,"origFormatedVar":"price.GBP.default_original_formated","tierFormatedVar":"price.GBP.default_tier_formated","currencyCode":"GBP","currencySymbol":"\u00a3","priceFormat":{"pattern":"\u00a3%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"maxValuesPerFacet":10,"autofocus":true,"resultPageUrl":"https:\/\/firebox.com\/catalogsearch\/result\/","request":{"query":"","refinementKey":"","refinementValue":"","categoryId":"","landingPageId":"","path":"","level":"","parentCategory":"","childCategories":[],"url":"https:\/\/firebox.com\/about-us"},"showCatsNotIncludedInNavigation":false,"showSuggestionsOnNoResultsPage":false,"baseUrl":"https:\/\/firebox.com","popularQueries":[],"useAdaptiveImage":false,"urls":{"logo":"https:\/\/firebox.com\/static\/version1789468298\/frontend\/Radbag\/hyva\/en_GB\/Algolia_AlgoliaSearch\/js\/images\/algolia-logo-blue.svg"},"cookieConfiguration":{"customerTokenCookie":"_ALGOLIA_MAGENTO_AUTH","consentCookieName":"user_allowed_save_cookie","cookieAllowButtonSelector":"#btn-cookie-allow","cookieRestrictionModeEnabled":false,"cookieDuration":"15552000000"},"ccAnalytics":{"enabled":true,"ISSelector":".ais-Hits","conversionAnalyticsMode":"all","addToCartSelector":"#product-addtocart-button","orderedProductIds":[]},"isPersonalizationEnabled":false,"personalization":{"enabled":false,"viewedEvents":{"viewProduct":{"eventName":"Viewed Product","enabled":false,"method":"viewedObjectIDs"}},"clickedEvents":{"productClicked":{"eventName":"Product Clicked","enabled":false,"selector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","method":"clickedObjectIDs"},"productRecommended":{"eventName":"Recommended Product Clicked","enabled":false,"selector":".products-upsell .product-item","method":"clickedObjectIDs"}},"filterClicked":{"eventName":"Filter Clicked","enabled":false,"method":"clickedFilters"}},"analytics":{"enabled":false,"delay":"3000","triggerOnUiInteraction":"1","pushInitialSearch":"0"},"now":1790208000,"queue":{"isEnabled":false,"nbOfJobsToRun":5,"retryLimit":3,"nbOfElementsPerIndexingJob":300},"isPreventBackendRenderingEnabled":false,"translations":{"to":"to","or":"or","go":"Go","popularQueries":"You can try one of the popular search queries","seeAll":"See all products","allDepartments":"All departments","seeIn":"See products in","orIn":"or in","noProducts":"No products for query","noResults":"No results","refine":"Refine","selectedFilters":"Selected Filters","clearAll":"Clear all","previousPage":"Previous page","nextPage":"Next page","searchFor":"Search for products","relevance":"Relevance","categories":"Categories \ud83d\udc4d","productTitle":"","viewAll":"View All","products":"Products","suggestions":"Suggestions","searchBy":"Search by","searchForFacetValuesPlaceholder":"Search for other ...","showMore":"Show more products","searchTitle":"Search results for","placeholder":"What are you looking for?","addToCart":"Add to Basket"}}; 5441 5442 let autocompleteInitialized = false;
5443 let commonInitialized = false; 5444 let insightsInitialized = false; 5445 5446 async function initAutocomplete() { 5447 if (autocompleteInitialized) { 5448 return 5449 } 5450 5451 autocompleteInitialized = true; 5452 Promise.all([ 5453 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/common.js"), 5454 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/instantsearch.production.min.js"), 5455 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/search-insights.min.js"), 5456 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/algoliasearch-lite.js"), 5457 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/autocomplete.production.min.js"), 5458 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/autocomplete-plugin-query-suggestions.production.min.js"), 5459 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/autocomplete.js"), 5460 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/additional-section.js"), 5461 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/categories.js"), 5462 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/pages.js"), 5463 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/products.js"), 5464 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/suggestions.js"), 5465 ] 5466 ).then(data => { 5467 initCommon(); 5468 initAlgoliaInsights(); 5469 initAlgoliaAutocomplete(); 5470 }); 5471 } 5472 5473 function initInstantSearch() { 5474 Promise.all([ 5475 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/common.js"), 5476 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/instantsearch.production.min.js"), 5477 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/search-insights.min.js"), 5478 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/hogan.min.js"), 5479 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/instantsearch.js"), 5480 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/algoliasearch-lite.js"), 5481 ] 5482 ).then(data => { 5483 initCommon(); 5484 initAlgoliaInsights(); 5485 initAlgoliaInstantSearch(); 5486 }); 5487 } 5488 5489 function initRecommended(objectIds) { 5490 Promise.all([ 5491 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/common.js"),
5492 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/instantsearch.production.min.js"), 5493 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/search-insights.min.js"), 5494 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/recommend.min.js"), 5495 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/recommend-js.min.js"), 5496 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/recommend.js"), 5497 blackbird.loadExternalResource("https://firebox.com/static/version1789468298/frontend/Radbag/hyva/en_GB/Blackbird_HyvaAlgoliaSearch/js/internals/templates/recommend/products.js"), 5498 ] 5499 ).then(data => { 5500 initCommon(); 5501 initAlgoliaInsights(); 5502 initAlgoliaRecommended('cms_page_view', objectIds); 5503 }); 5504 } 5505 5506 function initCommon() { 5507 if (commonInitialized) { 5508 return 5509 } 5510 5511 commonInitialized = true 5512 initAlgoliaCommon(); 5513 } 5514 5515 if (algoliaConfig.instant.enabled && (algoliaConfig.isCategoryPage || algoliaConfig.isSearchPage)) { 5516 initInstantSearch(); 5517 } 5518 5519 let objectIds = [""]; 5520 if (algoliaConfig.autocomplete.enabled) { 5521 document.getElementById('menu-search-icon').onclick = async () => { 5522 await initAutocomplete() 5523 algolia.registerHook('afterAutocompleteStart', function () { 5524 document.querySelector('#algoliaAutocomplete input').focus(); 5525 }); 5526 } 5527 } 5528 5529 window.addEventListener('init-algolia-trends', function () { 5530 initCommon(); 5531 initAlgoliaInsights(); 5532 window.dispatchEvent(new CustomEvent('init-algolia-trends-done')); 5533 }); 5534 5535 window.addEventListener('user-allowed-save-cookie', function () { 5536 initAlgoliaInsights(true); 5537 });</script>
5537
5537<script> 5538 function initAlgoliaInsights(partial) { 5539 window.algoliaAnalytics = AlgoliaAnalytics.default; 5540 window.hasAddedParameters = false; 5541 window.useCookie = algoliaConfig.cookieConfiguration.cookieRestrictionModeEnabled ? !!hyva.getCookie(algoliaConfig.cookieConfiguration.consentCookieName) : true; 5542 5543 if (!canTrack()) { 5544 return; 5545 } 5546 5547 initializeAnalytics(partial); 5548 addSearchParameters(); 5549 bindEvents(); 5550 5551 5552 function determineUserToken() { 5553 return window.algoliaAnalytics.getAuthenticatedUserToken() ?? algoliaAnalytics.getUserToken(); 5554 } 5555 5556 function initializeAnalytics(partial = false) { 5557 if (partial) { 5558 algoliaAnalytics.init({ 5559 appId: algoliaConfig.applicationId, 5560 apiKey: algoliaConfig.apiKey, 5561 partial: true, 5562 useCookie: true, 5563 cookieDuration: Number(algoliaConfig.cookieConfiguration.cookieDuration) 5564 }); 5565 } else { 5566 algoliaAnalytics.init({ 5567 appId: algoliaConfig.applicationId, 5568 apiKey: algoliaConfig.apiKey, 5569 useCookie: true, 5570 cookieDuration: Number(algoliaConfig.cookieConfiguration.cookieDuration) 5571 }); 5572 } 5573 let userAgent = 'insights-js-in-magento (' + algoliaConfig.extensionVersion + ')'; 5574 window.algoliaAnalytics.addAlgoliaAgent(userAgent); 5575 5576 let unsetAuthenticationToken = hyva.getCookie('unset_authentication_token'); 5577 if (hyva.getCookie('aa-search') && hyva.getCookie('aa-search') !== '') { 5578 window.algoliaAnalytics.setUserToken(hyva.getCookie('aa-search')); 5579 } else if (hyva.getCookie('_ALGOLIA') && hyva.getCookie('_ALGOLIA') !== '') { 5580 window.algoliaAnalytics.setUserToken(hyva.getCookie('_ALGOLIA')); 5581 } else if (unsetAuthenticationToken && unsetAuthenticationToken !== '') { 5582 window.algoliaAnalytics.setUserToken('undefined'); 5583 hyva.setCookie('unset_authentication_token', '', -1); 5584 } 5585 } 5586 5587 function applyInsightsToSearchParams(params = {}) { 5588 if (algoliaConfig.ccAnalytics.enabled) { 5589 params.clickAnalytics = true; 5590 } 5591 5592 if (algoliaConfig.personalization.enabled) { 5593 params.enablePersonalization = true; 5594 params.userToken = determineUserToken(); 5595 } 5596 5597 return params; 5598 } 5599 5600 function addSearchParameters() { 5601 if (window.hasAddedParameters) { 5602 return; 5603 } 5604 algolia.registerHook('beforeWidgetInitialization', function (allWidgetConfiguration) { 5605 allWidgetConfiguration.configure = applyInsightsToSearchParams( 5606 allWidgetConfiguration.configure 5607 ); 5608 return allWidgetConfiguration; 5609 }); 5610 5611 algolia.registerHook('afterAutocompleteProductSourceOptions', (options) => { 5612 return applyInsightsToSearchParams(options); 5613 }); 5614 5615 window.hasAddedParameters = true; 5616 } 5617 5618 5619 function bindEvents() { 5620 bindClickedEvents(); 5621 bindViewedEvents(); 5622 5623 algolia.triggerHooks('afterInsightsBindEvents', this); 5624 } 5625 5626 function bindClickedEvents() { 5627 5628 if (algoliaConfig.personalization.filterClicked.enabled) { 5629 const facets = algoliaConfig.facets; 5630 let containers = []; 5631 for (let i = 0; i < facets.length; i++) { 5632 let elem = createISWidgetContainer(facets[i].attribute); 5633 containers.push('.' + elem.className); 5634 } 5635 5636 algolia.registerHook('afterInstantsearchStart', function (search) { 5637 const selectors = document.querySelectorAll(containers.join(', ')); 5638 selectors.forEach(function (e) { 5639 e.addEventListener('click', function (event) { 5640 const attribute = this.dataset.attr; 5641 const elem = event.target; 5642 if (elem.type === "checkbox" && elem.checked) { 5643 var filter = attribute + ':' + elem.value; 5644 trackFilterClick([filter]); 5645 } 5646 }); 5647 }); 5648 5649 return search; 5650 }); 5651 } 5652 } 5653 5654 function bindViewedEvents() { 5655 5656 if (!algoliaConfig.personalization.enabled) { 5657 return; 5658 } 5659 5660 const viewConfig = algoliaConfig.personalization.viewedEvents.viewProduct; 5661 if (viewConfig.enabled) { 5662 if (document.body.classList.contains('catalog-product-view')) { 5663 const objectId = document.querySelector('#product_addtocart_form')?.querySelector('input[name="product"]').value; 5664 if (objectId) { 5665 const viewData = buildEventData(viewConfig.eventName, objectId, algoliaConfig.indexName + '_products'); 5666 trackView(viewData); 5667 } 5668 } 5669 5670 } 5671 } 5672 5673 function buildEventData(eventName, objectId, indexName, position = null, queryId = null) { 5674 const eventData = { 5675 eventName: eventName, 5676 objectIDs: [objectId + ''], 5677 index: indexName 5678 }; 5679 5680 if (position) { 5681 eventData.positions = [parseInt(position)]; 5682 } 5683 5684 if (queryId) { 5685 eventData.queryID = queryId; 5686 } 5687 5688 return eventData; 5689 } 5690 5691 function trackClick(eventData) { 5692 if (eventData.queryID) { 5693 window.algoliaAnalytics.clickedObjectIDsAfterSearch(eventData); 5694 } else { 5695 window.algoliaAnalytics.clickedObjectIDs(eventData); 5696 } 5697 } 5698 5699 function trackFilterClick(filters) { 5700 const eventData = { 5701 index: algoliaConfig.indexName + '_products', 5702 eventName: algoliaConfig.personalization.filterClicked.eventName, 5703 filters: filters 5704 }; 5705 5706 window.algoliaAnalytics.clickedFilters(eventData); 5707 } 5708 5709 function trackView(eventData) { 5710 window.algoliaAnalytics.viewedObjectIDs(eventData); 5711 } 5712 } 5713 5714 function canTrack() { 5715 return ((algoliaConfig.ccAnalytics.enabled 5716 || algoliaConfig.personalization.enabled) && window.useCookie); 5717 } 5718 5719 function buildInsightsEventData(eventName, objectId, indexName, position = null, queryId = null) { 5720 if (!canTrack()) { 5721 return; 5722 } 5723 5724 const eventData = { 5725 eventName: eventName, 5726 objectIDs: [objectId + ''], 5727 index: indexName 5728 }; 5729 if (position) { 5730 eventData.positions = [parseInt(position)]; 5731 } 5732 if (queryId) { 5733 eventData.queryID = queryId; 5734 } 5735 trackClick(eventData); 5736 } 5737 5738 function trackClick(eventData) { 5739 if (eventData.queryID) { 5740 window.algoliaAnalytics.clickedObjectIDsAfterSearch(eventData); 5741 } else { 5742 window.algoliaAnalytics.clickedObjectIDs(eventData); 5743 } 5744 }</script>
5744
5744<script> 5745 function initCompareOnProductList() { 5746 return { 5747 addToCompare(productId) { 5748 const formKey = hyva.getFormKey(); 5749 const postUrl = BASE_URL + 'catalog/product_compare/add/'; 5750 5751 fetch(postUrl, { 5752 "headers": { 5753 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 5754 }, 5755 "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), 5756 "method": "POST", 5757 "mode": "cors", 5758 "credentials": "include" 5759 }).then(function (response) { 5760 if (response.redirected) { 5761 window.location.href = response.url; 5762 } 5763 }).catch(function (error) { 5764 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5765 [{ 5766 type: "error", 5767 text: error 5768 }], 5000 5769 ); 5770 }); 5771 } 5772 }; 5773 }</script>
5773
5773<script> 5774 function initWishlist() { 5775 return { 5776 addToWishlist(productId) { 5777 const formKey = hyva.getFormKey(); 5778 const postUrl = BASE_URL + 'wishlist/index/add/'; 5779 5780 fetch(postUrl, { 5781 "headers": { 5782 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 5783 }, 5784 "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), 5785 "method": "POST", 5786 "mode": "cors", 5787 "credentials": "include" 5788 }).then(function (response) { 5789 if (response.redirected) { 5790 window.location.href = response.url; 5791 } else if (response.ok) { 5792 return response.json(); 5793 } else { 5794 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5795 [{ 5796 type: "warning", 5797 text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist." 5798 }], 5000 5799 ); 5800 } 5801 }).then(function (response) { 5802 if (!response) { return } 5803 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5804 [{ 5805 type: (response.success) ? "success" : "error", 5806 text: (response.success) 5807 ? "Product\u0020has\u0020been\u0020added\u0020to\u0020your\u0020Wish\u0020List." 5808 : response.error_message 5809 }], 5000 5810 ); 5811 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 5812 window.dispatchEvent(reloadCustomerDataEvent); 5813 }).catch(function (error) { 5814 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5815 [{ 5816 type: "error", 5817 text: error 5818 }], 5000 5819 ); 5820 }); 5821 } 5822 } 5823 }</script>
5823<!-- Reviews.co.uk Rich Snippet -->
5823<script src="https://widget.reviews.co.uk/rich-snippet/dist.js"></script>
5823<script> 5824 richSnippet({ 5825 5826 store: "firebox", 5827 sku:"", 5828 data:{ 5829 "url": "", 5830 "description": ``, 5831 "mpn": "", 5832 "offers" :[{ 5833 "@type":"Offer", 5834 "availability": "", 5835 "price": "", 5836 "priceCurrency": "", 5837 "url": "", 5838 "priceValidUntil": "2026-10-24", 5839 }], 5840 "brand": { 5841 "@type": "Brand", 5842 "name": "", 5843 } 5844 } 5845 5846 })</script>
5846<!-- Reviews.co.uk Rating Snippet -->
5846<script type="application/json" id="default-section-data"> 5847 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"ES":{"name":"Spain","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"},"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"GB":{"name":"United Kingdom"},"GG":{"name":"Guernsey"},"IM":{"name":"Isle of Man"},"JE":{"name":"Jersey"},"data_id":1790270481},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"customweb_external_checkout_widgets":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
5847
5847<script> 5848 'use strict'; 5849 5850 function GoogleAnalytics () { 5851 let self = this; 5852 this.config = { 5853 isCookieRestrictionModeEnabled: 0, 5854 currentWebsite: 16, 5855 cookieName: "user_allowed_save_cookie", 5856 ordersTrackingData: [], 5857 pageTrackingData: {"optPageUrl":"","isAnonymizedIpActive":false,"accountId":"UA-35593577-14"}, 5858 } 5859 5860 this.initGoogleAnalytics = function () { 5861 5862 let allowServices = false, 5863 allowedCookies, 5864 allowedWebsites; 5865 5866 if (self.config.isCookieRestrictionModeEnabled) { 5867 allowedCookies = hyva.getCookie(self.config.cookieName); 5868 5869 if (allowedCookies !== null) { 5870 allowedWebsites = JSON.parse(decodeURIComponent(allowedCookies)); 5871 5872 if (allowedWebsites[self.config.currentWebsite] === 1) { 5873 allowServices = true; 5874 } 5875 } 5876 } else { 5877 allowServices = true; 5878 } 5879 5880 if (allowServices) { 5881 (function (i, s, o, g, r, a, m) { 5882 i.GoogleAnalyticsObject = r; 5883 i[r] = i[r] || function () { 5884 (i[r].q = i[r].q || []).push(arguments) 5885 }, i[r].l = 1 * new Date(); 5886 a = s.createElement(o), 5887 m = s.getElementsByTagName(o)[0]; 5888 a.defer = 1; 5889 a.src = g; 5890 m.parentNode.insertBefore(a, m) 5891 })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); 5892 5893 5894 ga('create', self.config.pageTrackingData.accountId, 'auto'); 5895 5896 if (self.config.pageTrackingData.isAnonymizedIpActive) { 5897 ga('set', 'anonymizeIp', true); 5898 } 5899 5900 5901 if (self.config.ordersTrackingData.hasOwnProperty('currency')) { 5902 ga('require', 'ec', 'ec.js'); 5903 5904 ga('set', 'currencyCode', self.config.ordersTrackingData.currency); 5905 5906 5907 if (self.config.ordersTrackingData.products) { 5908 self.config.ordersTrackingData.products.forEach(function (value) { 5909 ga('ec:addProduct', value); 5910 }); 5911 } 5912 5913 5914 if (self.config.ordersTrackingData.orders) { 5915 self.config.ordersTrackingData.orders.forEach(function (value) { 5916 ga('ec:setAction', 'purchase', value); 5917 }); 5918 } 5919 5920 ga('send', 'pageview'); 5921 } else { 5922 5923 ga('send', 'pageview' + self.config.pageTrackingData.optPageUrl); 5924 } 5925 } 5926 }; 5927 } 5928 5929 var googleAnalytics = new GoogleAnalytics(); 5930 5931 if(window.location.href.includes("success") && window.location.href.includes("checkout")) { 5932 window.addEventListener("load", googleAnalytics.initGoogleAnalytics); 5933 } else { 5934 var gAnalytics2 = 0; 5935 document.addEventListener('scroll', function (event) { 5936 if(!gAnalytics2 ) { 5937 window.addEventListener("load", googleAnalytics.initGoogleAnalytics); 5938 gAnalytics2 = 1; 5939 } 5940 }, true ); 5941 }</script>
5941</div>
5941<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":"885a7c77faab45818b1c05d22c5b0c55","spa":2}' crossorigin="anonymous"></script>
5941 5942</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.