Sunucu yanıtını kontrol edin
Sunucu yanıtı
NS kayıtları
Whois alanı
301 Moved Permanently - aofar.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Fri, 23 May 2025 23:48:33 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 0
Connection: keep-alive
x-sorting-hat-podid: 175
x-sorting-hat-shopid: 27163263028
x-storefront-renderer-rendered: 1
location: https://www.aofar.com/
x-redirect-reason: https_required
shopify-complexity-score: 110
x-frame-options: DENY
content-security-policy: frame-ancestors 'none';
x-shopid: 27163263028
x-shardid: 175
vary: Accept
powered-by: Shopify
server-timing: processing;dur=12, db;dur=3, db_async;dur=1.28, asn;desc="24940", edge;desc="HEL", country;desc="FI", pageType;desc="index", servedBy;desc="sv4w", requestID;desc="15698db8-e798-45ac-ac89-83e21e0553fa-1748044112"
x-dc: gcp-europe-west3,gcp-europe-west1,gcp-europe-west1
x-request-id: 15698db8-e798-45ac-ac89-83e21e0553fa-1748044112
Alt-Svc: h3=":443"; ma=86400
cf-cache-status: DYNAMIC
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=kI8dhpYWt7SbSCbCj7QLNQEjHoe0DYU1mQc022khDgmbWAcSAjCYpworgVXI3nfydP5tOcqT4oKMU5WOg%2BDcK84ivipIyRUE4CoF95P55%2BjIu6dxn4N6IFySTw%3D%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}
Server-Timing: cfRequestDuration;dur=89.999914
X-XSS-Protection: 1; mode=block
X-Content-Type-Options: nosniff
X-Permitted-Cross-Domain-Policies: none
X-Download-Options: noopen
Shopify-Edge-Ip: 23.227.38.65
Server: cloudflare
CF-RAY: 944871da388b4e14-HEL
date: Fri, 23 May 2025 23:48:33 GMT
content-type: text/html; charset=utf-8
x-sorting-hat-podid: 175
x-sorting-hat-shopid: 27163263028
x-storefront-renderer-rendered: 1
set-cookie: secure_customer_sig=; path=/; expires=Sat, 23 May 2026 23:48:33 GMT; secure; HttpOnly; SameSite=Lax
set-cookie: localization=US; path=/; expires=Sat, 23 May 2026 23:48:33 GMT; SameSite=Lax
set-cookie: cart_currency=USD; path=/; expires=Fri, 06 Jun 2025 23:48:33 GMT; SameSite=Lax
set-cookie: _shopify_y=66533E7D-ce62-42F2-b652-80d4639c9a32; domain=aofar.com; path=/; expires=Sun, 24 May 2026 05:48:33 GMT; SameSite=Lax
set-cookie: _shopify_s=67F41D69-439a-4FC4-be54-03322ce95144; domain=aofar.com; path=/; expires=Sat, 24 May 2025 00:18:33 GMT; SameSite=Lax
set-cookie: _tracking_consent=%7B%22con%22%3A%7B%22CMP%22%3A%7B%22a%22%3A%22%22%2C%22m%22%3A%22%22%2C%22p%22%3A%22%22%2C%22s%22%3A%22%22%7D%7D%2C%22v%22%3A%222.1%22%2C%22region%22%3A%22FI18%22%2C%22reg%22%3A%22%22%2C%22purposes%22%3A%7B%22p%22%3Atrue%2C%22a%22%3Atrue%2C%22m%22%3Atrue%2C%22t%22%3Atrue%7D%2C%22display_banner%22%3Afalse%2C%22sale_of_data_region%22%3Afalse%2C%22consent_id%22%3A%229011F9F9-5b3a-48CD-a58b-0aceef699b3c%22%7D; domain=aofar.com; path=/; expires=Sat, 23 May 2026 23:48:33 GMT; SameSite=Lax
set-cookie: _orig_referrer=; domain=aofar.com; path=/; expires=Fri, 06 Jun 2025 23:48:33 GMT; HttpOnly; SameSite=Lax
set-cookie: _landing_page=%2F; domain=aofar.com; path=/; expires=Fri, 06 Jun 2025 23:48:33 GMT; HttpOnly; SameSite=Lax
link: <https://cdn.shopify.com>; rel="preconnect", <https://cdn.shopify.com>; rel="preconnect"; crossorigin, <//www.aofar.com/cdn/shop/t/35/assets/component-localization-form.css?v=137976785898036251671745862822>; as="style"; rel="preload", <//www.aofar.com/cdn/shop/files/20250315122750.png?v=1742012888&width=1200>; as="image"; rel="preload"; imagesrcset="//www.aofar.com/cdn/shop/files/20250315122750.png?v=1742012888&width=220 220w, //www.aofar.com/cdn/shop/files/20250315122750.png?v=1742012888&width=330 330w, //www.aofar.com/cdn/shop/files/20250315122750.png?v=1742012888&width=440 440w"; imagesizes="(max-width: 440px) 50vw, 220px"
etag: W/"cacheable:115e9118257e87993cd2e379c12ad73e"
x-cache: miss
shopify-complexity-score: 3000
x-frame-options: DENY
content-security-policy: block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests;
strict-transport-security: max-age=7889238
x-shopid: 27163263028
x-shardid: 175
vary: Accept
vary: accept-encoding
content-language: en-US
powered-by: Shopify
server-timing: processing;dur=307;desc="gc:42", db;dur=145, db_async;dur=18.961, render;dur=140, asn;desc="24940", edge;desc="HEL", country;desc="FI", theme;desc="141889470640", pageType;desc="index", servedBy;desc="kbdx", requestID;desc="9e9476b4-ccd3-45f6-a4a9-8379109ab02c-1748044113"
x-dc: gcp-europe-west3,gcp-europe-west1,gcp-europe-west1
x-request-id: 9e9476b4-ccd3-45f6-a4a9-8379109ab02c-1748044113
alt-svc: h3=":443"; ma=86400
cf-cache-status: DYNAMIC
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=Yvo7R3gpZFCZkWThUSkShNaX6AyuhgKvpGCCcUwOX1Iowdrow%2BPFqT%2BygxW5Qx6vVGZ5pTqfYlrp1EWH%2BZJFYAmq6FUp2G0lW7DZZeE2n636U%2B5caDlOPlfvjsQ7C4k%3D"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}
server-timing: cfRequestDuration;dur=378.999949
x-xss-protection: 1; mode=block
x-content-type-options: nosniff
x-permitted-cross-domain-policies: none
x-download-options: noopen
shopify-edge-ip: 23.227.38.65
server: cloudflare
cf-ray: 944871ddce068d50-HEL
HTTP Kodu 301 Kalıcı Olarak Taşındı
301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Kod 301 ne zaman kullanılır?
- Bir web sitesi alan adını değiştirirken
- URL yapılarını değiştirirken
- SEO için yönlendirmeleri ayarlarken
Kod 301 kullanıcı için ne anlama geliyor?
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
GET / HTTP/1.1 Host: aofar.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html>
<html class="js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/normalize.css?v=27448671980636237081745862826">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/index.css?v=182476899545512241051745862823">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/media.css?v=162659293569516443381745862825">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/swiper.min.css?v=91851552193236534261745862821">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/animate.css?v=105931336133502621481745862822">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/iconfont.css?v=178894182766269041311745862821">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/jquery.toast.css?v=54578516326635593831745862820">
<script src="//www.aofar.com/cdn/shop/t/35/assets/jquery.min.js?v=140663389507132239931745862824" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/swiper.min.js?v=163287457906076114601745862822" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/wow.min.js?v=184016722772593993191745862821" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/smoothScroll.js?v=175415327516808406491745862821" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/countTo.js?v=133788329522401670071745862823" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/typeit.min.js?v=45131423976600311341745862822" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/jquery.easing.min.js?v=78921934174870231201745862824" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/jquery.scrollme.min.js?v=91927385008492269561745862820" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/parallax.js?v=116543320466572842971745862823" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/jquery.toast.js?v=158707250067567305861745862821" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/jquery.elevatezoom.js?v=84934274531998748531745862824" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/index.js?v=104151143105161038781745862822" defer="defer"></script>
<link rel="canonical" href="https://www.aofar.com/"><link rel="icon" type="image/png" href="//www.aofar.com/cdn/shop/files/20250315123534.png?crop=center&height=32&v=1742013356&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
AOFAR® Rangefinders | Golf & Hunting Laser Range Finder
– AOFAR.COM</title>
<meta name="description" content="Discover AOFAR® laser rangefinders — perfect for golf, hunting, and outdoor sports. Features include slope mode, high precision, waterproof design, and 2-year warranty. Trusted by thousands of outdoor enthusiasts. Fast 24-hour support guaranteed.">
<meta property="og:site_name" content="AOFAR.COM">
<meta property="og:url" content="https://www.aofar.com/">
<meta property="og:title" content="AOFAR® Rangefinders | Golf & Hunting Laser Range Finder">
<meta property="og:type" content="website">
<meta property="og:description" content="Discover AOFAR® laser rangefinders — perfect for golf, hunting, and outdoor sports. Features include slope mode, high precision, waterproof design, and 2-year warranty. Trusted by thousands of outdoor enthusiasts. Fast 24-hour support guaranteed."><meta name="twitter:site" content="@https://x.com/aofar_official"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="AOFAR® Rangefinders | Golf & Hunting Laser Range Finder">
<meta name="twitter:description" content="Discover AOFAR® laser rangefinders — perfect for golf, hunting, and outdoor sports. Features include slope mode, high precision, waterproof design, and 2-year warranty. Trusted by thousands of outdoor enthusiasts. Fast 24-hour support guaranteed.">
<script src="//www.aofar.com/cdn/shop/t/35/assets/constants.js?v=118584103139986873861745862821" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/pubsub.js?v=62018018568598906421745862823" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/global.js?v=32962406446906332561745862825" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/details-disclosure.js?v=148293710677877448421745862823" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/details-modal.js?v=162028482004733400661745862822" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/search-form.js?v=88070640753317098901745862821" defer="defer"></script><script src="//www.aofar.com/cdn/shop/t/35/assets/animations.js?v=23502957359458384401745862821" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="NFqp1EUAk8FFXohJntYfXHyhSdbt8Lbc1yAu_JoT9nc">
<meta name="facebook-domain-verification" content="m3av9f9rsyyaj8w1s4ffmmlk5g0uzt">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/27163263028/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="763f22054c1a9f879994c6e8d5b9044b">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=27163263028" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":27163263028,"countryCode":"HK","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/27163263028","merchantName":"AOFAR.COM","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"AOFAR.COM","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"763f22054c1a9f879994c6e8d5b9044b","betas":["rich-media-storefront-analytics"],"domain":"www.aofar.com","predictiveSearch":true,"shopId":27163263028,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "hank-stuff.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"0429-dev","id":141889470640,"schema_name":"Dawn","schema_version":"15.2.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.aofar.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-button":["modules/v2/client.shop-button_Cls8fA5R.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-windoid":["modules/v2/client.init-windoid_Cc-qVL2z.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_B2bcHbF0.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_C97RHVS7.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_D_UxnkVb.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_B3vUumcK.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_-zS8l3L2.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"pay-button":["modules/v2/client.pay-button_DWJZkEJ7.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_CEaN7ODi.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CtVAwMQo.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_DXe3zqOZ.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_N-W60_Qf.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"lead-capture":["modules/v2/client.lead-capture_CR6ElJGq.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CCB9cVzN.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"]};
</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/loox.io\/widget\/4y-dOI71n3\/loox.1658206039416.js?shop=hank-stuff.myshopify.com","https:\/\/cdn.opinew.com\/js\/opinew-active.js?shop=hank-stuff.myshopify.com","\/\/cdn.shopify.com\/proxy\/5f2cf1c8ab7b8ade5abe887107b9676cb574a57f6abca07143d99c437778517b\/api.goaffpro.com\/loader.js?shop=hank-stuff.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/omnisnippet1.com\/platforms\/shopify.js?source=scriptTag\u0026v=2025-05-15T12\u0026shop=hank-stuff.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":27163263028,"offset":-25200,"reqid":"9e9476b4-ccd3-45f6-a4a9-8379109ab02c-1748044113","pageurl":"www.aofar.com\/","u":"dc01abf3ec86","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.aofar.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.aofar.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.aofar.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id="sections-script" data-sections="header" defer="defer" src="//www.aofar.com/cdn/shop/t/35/compiled_assets/scripts.js?17066"></script>
<link rel="stylesheet" media="screen" href="https://www.aofar.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify>
@font-face {
font-family: Oswald;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.aofar.com/cdn/fonts/oswald/oswald_n7.f71e68b857a7b8128a7629452b9c6bf9468356a7.woff2?h1=YW9mYXIuY29t&h2=aGFuay1zdHVmZi5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YW9mYXJvZmZpY2lhbC5teXNob3BpZnkuY29t&hmac=7386a1f9868e7401fc1fb2ef1bf97c6b9a5758fe18e2d8f81ce61e1273d57e2e") format("woff2"),
url("//www.aofar.com/cdn/fonts/oswald/oswald_n7.2767cc6e7cfc91284caa2c06eb07eca21a27681e.woff?h1=YW9mYXIuY29t&h2=aGFuay1zdHVmZi5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YW9mYXJvZmZpY2lhbC5teXNob3BpZnkuY29t&hmac=a23c33167aeb9f1370aeffac43548dbcd372133781ef79f7f4c1c02a60ad307f") format("woff");
}
@font-face {
font-family: Oswald;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.aofar.com/cdn/fonts/oswald/oswald_n7.f71e68b857a7b8128a7629452b9c6bf9468356a7.woff2?h1=YW9mYXIuY29t&h2=aGFuay1zdHVmZi5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YW9mYXJvZmZpY2lhbC5teXNob3BpZnkuY29t&hmac=7386a1f9868e7401fc1fb2ef1bf97c6b9a5758fe18e2d8f81ce61e1273d57e2e") format("woff2"),
url("//www.aofar.com/cdn/fonts/oswald/oswald_n7.2767cc6e7cfc91284caa2c06eb07eca21a27681e.woff?h1=YW9mYXIuY29t&h2=aGFuay1zdHVmZi5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YW9mYXJvZmZpY2lhbC5teXNob3BpZnkuY29t&hmac=a23c33167aeb9f1370aeffac43548dbcd372133781ef79f7f4c1c02a60ad307f") format("woff");
}
@font-face {
font-family: Muli;
font-weight: 900;
font-style: normal;
font-display: swap;
src: url("//www.aofar.com/cdn/fonts/muli/muli_n9.e2f9076bee27807ae4e52dfa05b24e6674d1cd4c.woff2?h1=YW9mYXIuY29t&h2=aGFuay1zdHVmZi5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YW9mYXJvZmZpY2lhbC5teXNob3BpZnkuY29t&hmac=35aede14a6c356558da86404398c5d1b44fa81537fa6346b204af292557784c8") format("woff2"),
url("//www.aofar.com/cdn/fonts/muli/muli_n9.ad2baccfc94deed0e590dc4d31c200ab3c54160a.woff?h1=YW9mYXIuY29t&h2=aGFuay1zdHVmZi5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YW9mYXJvZmZpY2lhbC5teXNob3BpZnkuY29t&hmac=69467338ceabd4681d6cbf1114f2088e175a8e0362e37e1242508ec18ae90af9") format("woff");
}
:root,
.color-scheme-1 {
--color-background: 255,255,255;
--gradient-background: #ffffff;
--color-foreground: 18,18,18;
--color-background-contrast: 191,191,191;
--color-shadow: 18,18,18;
--color-button: 18,18,18;
--color-button-text: 255,255,255;
--color-secondary-button: 255,255,255;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 18,18,18;
--color-badge-background: 255,255,255;
--color-badge-border: 18,18,18;
--payment-terms-background-color: rgb(255 255 255);
}
.color-scheme-2 {
--color-background: 243,243,243;
--gradient-background: #f3f3f3;
--color-foreground: 18,18,18;
--color-background-contrast: 179,179,179;
--color-shadow: 18,18,18;
--color-button: 18,18,18;
--color-button-text: 243,243,243;
--color-secondary-button: 243,243,243;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 18,18,18;
--color-badge-background: 243,243,243;
--color-badge-border: 18,18,18;
--payment-terms-background-color: rgb(243 243 243);
}
.color-scheme-3 {
--color-background: 36,40,51;
--gradient-background: #242833;
--color-foreground: 255,255,255;
--color-background-contrast: 47,52,66;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 0,0,0;
--color-secondary-button: 36,40,51;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 36,40,51;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(36 40 51);
}
.color-scheme-4 {
--color-background: 18,18,18;
--gradient-background: #121212;
--color-foreground: 255,255,255;
--color-background-contrast: 146,146,146;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 18,18,18;
--color-secondary-button: 18,18,18;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 18,18,18;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(18 18 18);
}
.color-scheme-5 {
--color-background: 0,0,0;
--gradient-background: rgba(0,0,0,0);
--color-foreground: 255,255,255;
--color-background-contrast: 128,128,128;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 255,77,79;
--color-secondary-button: 0,0,0;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 0,0,0;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(0 0 0);
}
.color-scheme-a2f13f03-87df-4d79-9300-d4b27de2e23b {
--color-background: 18,18,18;
--gradient-background: #121212;
--color-foreground: 176,176,176;
--color-background-contrast: 146,146,146;
--color-shadow: 18,18,18;
--color-button: 18,18,18;
--color-button-text: 176,176,176;
--color-secondary-button: 18,18,18;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 176,176,176;
--color-badge-background: 18,18,18;
--color-badge-border: 176,176,176;
--payment-terms-background-color: rgb(18 18 18);
}
.color-scheme-7ec618c9-9ac8-4650-af1b-0687fd429626 {
--color-background: 243,243,243;
--gradient-background: #f3f3f3;
--color-foreground: 18,18,18;
--color-background-contrast: 179,179,179;
--color-shadow: 18,18,18;
--color-button: 234,85,33;
--color-button-text: 255,255,255;
--color-secondary-button: 243,243,243;
--color-secondary-button-text: 234,85,33;
--color-link: 234,85,33;
--color-badge-foreground: 18,18,18;
--color-badge-background: 243,243,243;
--color-badge-border: 18,18,18;
--payment-terms-background-color: rgb(243 243 243);
}
.color-scheme-5edf838a-ac8c-4bd5-9b20-957f06f53652 {
--color-background: 255,255,255;
--gradient-background: #ffffff;
--color-foreground: 18,18,18;
--color-background-contrast: 191,191,191;
--color-shadow: 18,18,18;
--color-button: 18,18,18;
--color-button-text: 255,255,255;
--color-secondary-button: 255,255,255;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 18,18,18;
--color-badge-background: 255,255,255;
--color-badge-border: 18,18,18;
--payment-terms-background-color: rgb(255 255 255);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-a2f13f03-87df-4d79-9300-d4b27de2e23b, .color-scheme-7ec618c9-9ac8-4650-af1b-0687fd429626, .color-scheme-5edf838a-ac8c-4bd5-9b20-957f06f53652 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: Oswald;
--font-body-style: normal;
--font-body-weight: 700;
--font-body-weight-bold: 1000;
--font-heading-family: Muli;
--font-heading-style: normal;
--font-heading-weight: 900;
--font-body-scale: 1.05;
--font-heading-scale: 0.9523809523809523;
--media-padding: px;
--media-border-opacity: 0.05;
--media-border-width: 1px;
--media-radius: 0px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 140rem;
--page-width-margin: 0rem;
--product-card-image-padding: 1.0rem;
--product-card-corner-radius: 0.0rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.0rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.0rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.0rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.0rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.0rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.05;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 8px;
--grid-desktop-horizontal-spacing: 8px;
--grid-mobile-vertical-spacing: 4px;
--grid-mobile-horizontal-spacing: 4px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 0px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 0px;
--buttons-radius-outset: 0px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0px;
--inputs-radius: 0px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 12px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 0px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
/* font-family: AM; */
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
</style>
<link href="//www.aofar.com/cdn/shop/t/35/assets/base.css?v=180610058436460573601747016803" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/component-cart-items.css?v=113862369883369156861745862818" media="print" onload="this.media='all'"><link href="//www.aofar.com/cdn/shop/t/35/assets/component-cart-drawer.css?v=540823972707714811745862817" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-cart.css?v=129005913001068617881745862818" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-totals.css?v=76075304368599101511745862821" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-price.css?v=95110435567365794221745862818" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-discounts.css?v=183782683938136763491745862820" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="//www.aofar.com/cdn/fonts/oswald/oswald_n7.f71e68b857a7b8128a7629452b9c6bf9468356a7.woff2?h1=YW9mYXIuY29t&h2=aGFuay1zdHVmZi5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YW9mYXJvZmZpY2lhbC5teXNob3BpZnkuY29t&hmac=7386a1f9868e7401fc1fb2ef1bf97c6b9a5758fe18e2d8f81ce61e1273d57e2e" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="//www.aofar.com/cdn/fonts/muli/muli_n9.e2f9076bee27807ae4e52dfa05b24e6674d1cd4c.woff2?h1=YW9mYXIuY29t&h2=aGFuay1zdHVmZi5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YW9mYXJvZmZpY2lhbC5teXNob3BpZnkuY29t&hmac=35aede14a6c356558da86404398c5d1b44fa81537fa6346b204af292557784c8" type="font/woff2" crossorigin>
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-localization-form.css?v=137976785898036251671745862822" rel="stylesheet" type="text/css" media="all" />
<script src="//www.aofar.com/cdn/shop/t/35/assets/localization-form.js?v=7257960975954820251745862821" defer="defer"></script><link
rel="stylesheet"
href="//www.aofar.com/cdn/shop/t/35/assets/component-predictive-search.css?v=7117460520165946831745862819"
media="print"
onload="this.media='all'"
><script>
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
}
</script>
<!-- BEGIN app block: shopify://apps/opinew-product-reviews-app/blocks/global/e1d8e0dc-17ff-4e4a-8a8a-1e73c8ef8676 --><link rel="preload" href="https://cdn.opinew.com/styles/opw-icons/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdn.opinew.com/styles/opw-icons/style.css"></noscript>
<style id='opinew_product_plugin_css'>
.opinew-stars-plugin-product .opinew-star-plugin-inside .stars-color,
.opinew-stars-plugin-product .stars-color,
.stars-color {
color:#232323 !important;
}
.opinew-stars-plugin-link {
cursor: pointer;
}
.opinew-no-reviews-stars-plugin:hover {
color: #C45500;
}
.opw-widget-wrapper-default {
max-width: 1200px;
margin: 0 auto;
}
#opinew-stars-plugin-product {
text-align:left;
}
.opinew-stars-plugin-product-list {
text-align:center;
}
.opinew-list-stars-disable {
display:none;
}
.opinew-product-page-stars-disable {
display:none;
}
.opinew-star-plugin-inside i.opw-noci:empty{display:inherit!important}#opinew_all_reviews_plugin_app:empty,#opinew_badge_plugin_app:empty,#opinew_carousel_plugin_app:empty,#opinew_product_floating_widget:empty,#opinew_product_plugin_app:empty,#opinew_review_request_app:empty,.opinew-all-reviews-plugin-dynamic:empty,.opinew-badge-plugin-dynamic:empty,.opinew-carousel-plugin-dynamic:empty,.opinew-product-plugin-dynamic:empty,.opinew-review-request-dynamic:empty,.opw-dynamic-stars-collection:empty,.opw-dynamic-stars:empty{display:block!important} </style>
<meta id='opinew_config_container' data-opwconfig='{"server_url": "https://api.opinew.com", "shop": {"id": 387899, "name": "AOFAR.COM", "public_api_key": "VG378HORBHBDP8ATRZ0I", "logo_url": null}, "permissions": {"no_branding": false, "up_to3_photos": false, "up_to5_photos": false, "q_and_a": true, "video_reviews": false, "optimised_images": false, "link_shops_single": false, "link_shops_double": false, "link_shops_unlimited": false, "bazaarvoice_integration": false}, "review_publishing": "email", "badge_shop_reviews_link": "https://api.opinew.com/shop-reviews/387899", "stars_color_product_and_collections": "#232323", "theme_transparent_color": "initial", "navbar_color": "#000000", "questions_and_answers_active": false, "number_reviews_per_page": 8, "show_customer_images_section": true, "display_stars_if_no_reviews": false, "stars_alignment_product_page": "left", "stars_alignment_product_page_mobile": "center", "stars_alignment_collections": "center", "stars_alignment_collections_mobile": "center", "badge_stars_color": "#232323", "badge_border_color": "#dae1e7", "badge_background_color": "#ffffff", "badge_text_color": "#3C3C3C", "badge_secondary_text_color": "#606f7b", "carousel_theme_style": "card", "carousel_stars_color": "#232323", "carousel_border_color": "#c5c5c5", "carousel_background_color": "#ffffff00", "carousel_controls_color": "#5a5a5a", "carousel_verified_badge_color": "#38c172", "carousel_text_color": "#3d4852", "carousel_secondary_text_color": "#606f7b", "carousel_product_name_color": "#3d4852", "carousel_widget_show_dates": true, "carousel_border_active": false, "carousel_auto_scroll": false, "carousel_show_product_name": false, "carousel_featured_reviews": [], "display_widget_if_no_reviews": true, "show_country_and_foreign_reviews": false, "show_full_customer_names": false, "custom_header_url": null, "custom_card_url": null, "custom_gallery_url": null, "default_sorting": "recent", "enable_widget_review_search": false, "center_stars_mobile": false, "center_stars_mobile_breakpoint": "1000px", "ab_test_active": false, "request_form_stars_color": "#232323", "request_form_image_url": null, "request_form_custom_css": null, "special_pagination": true, "hide_review_count_widget": true, "background_color": "#F3F3F3", "buttons_color": "#ffc617", "display_floating_widget": false, "display_review_source": false, "floating_widget_button_background_color": "#000000", "floating_widget_button_text_color": "#ffffff", "floating_widget_button_position": "left", "navbar_text_color": "#232323", "number_review_columns": 2, "pagination_color": "#AEAEAE", "preferred_date_format": "yyyy/MM/dd", "preferred_language": "en", "review_image_max_height": "450px", "reviews_card_border_active": true, "reviews_card_border_color": "#76757524", "secondary_text_color": "#232323", "show_large_review_image": false, "show_review_images": true, "show_star_bars": true, "star_bars_width": "300px", "star_bars_width_auto": true, "stars_color": "#232323", "text_color": "#232323", "verified_badge_color": "#AEAEAE", "widget_show_dates": true, "widget_theme_style": "card", "widget_top_section_style": "default", "new_widget_version": true, "shop_widgets_updated": true, "display_verified_badge": true, "filter_sort_by_button_color": "#232323", "pagination_arrows_button_color": "#AEAEAE", "review_card_border_radius": "12px", "review_source_label_color": "#AEAEAE", "reviews_number_color": "#000000", "search_icon_color": "#232323", "search_placeholder_color": "#000000", "write_review_button_color": "#232323", "write_review_button_text_color": "#ffffff", "fonts": {"reviews_card_main_font_size": "1rem", "reviews_card_secondary_font_size": "1rem", "form_headings_font_size": "0.875rem", "form_input_font_size": "1.125rem", "paginator_font_size": "1.125rem", "badge_average_score": "2rem", "badge_primary": "1.25rem", "badge_secondary": "1rem", "carousel_primary": "1rem", "carousel_secondary": "1rem", "star_summary_overall_score_font_size": "2.25rem", "star_summary_progress_bars_font_size": "1.125rem", "filters_font_size": "1rem", "form_post_font_size": "2.25rem", "navbar_buttons_font_size": "1.125rem", "navbar_reviews_title_font_size": "1rem", "qna_title_font_size": "1.5rem", "star_summary_reviewsnum_font_size": "1.5rem"}}' >
<script>
var OPW_PUBLIC_KEY = "VG378HORBHBDP8ATRZ0I";
var OPW_API_ENDPOINT = "https://api.opinew.com";
var OPW_CHECKER_ENDPOINT = "https://shop-status.opinew.cloud";
var OPW_BACKEND_VERSION = "25.17.1-0-g0f191a80d";
</script>
<script src="https://cdn.opinew.com/shop-widgets/static/js/index.016e7e03.js" defer></script>
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 27163263028,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 27163263028,storefrontBaseUrl: "https://www.aofar.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"794886320","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"68b8680723165f6a69598ed4c4fa97ea","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"]},{"id":"720863408","configuration":"{\"pixel_id\":\"1176181480966138\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"710607024","configuration":"{\"shop\":\"hank-stuff.myshopify.com\",\"cookie_duration\":\"604800\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f40cbeac9adc185fe7a787356193d476","type":"APP","apiClientId":2744533,"privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"431718576","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"AW-10948876643\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-10948876643\\/wi9jCKe6ndIDEOOy6uQo\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-10948876643\\/vA7nCKS6ndIDEOOy6uQo\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-10948876643\\/-5nDCJ66ndIDEOOy6uQo\\\",\\\"MC-KVSJGH5V8R\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-10948876643\\/QWf_CJu6ndIDEOOy6uQo\\\",\\\"MC-KVSJGH5V8R\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-10948876643\\/WMlcCJi6ndIDEOOy6uQo\\\",\\\"MC-KVSJGH5V8R\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-10948876643\\/culmCLC9ndIDEOOy6uQo\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-10948876643\\/Mv2oCKG6ndIDEOOy6uQo\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"32490078a1ca868202a857e260a8d770","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"382206128","configuration":"{\"pixelCode\":\"CB8FC4RC77U3SCCM4VQ0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"58720432","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"114884784","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Analytics"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"AOFAR.COM","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"hank-stuff.myshopify.com","countryCode":"HK","storefrontUrl":"https://www.aofar.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.aofar.com/cdn","08b5bf84w6d7a59e5pb2542aa3md87bc169",{"modern":"","legacy":""},{"shopId":"27163263028","storefrontBaseUrl":"https://www.aofar.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"08b5bf84w6d7a59e5pb2542aa3md87bc169"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 27163263028,
theme_id: 141889470640,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.aofar.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.aofar.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.aofar.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":27163263028,"isMerchantRequest":null,"themeId":141889470640,"themeCityHash":"2805482902052780596","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.aofar.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script>
if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
window.ga = function ga() {
(window.ga.q = window.ga.q || []).push(arguments);
if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
}
console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
};
if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
}
}
</script>
<script
defer
src="https://www.aofar.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.3.min.js"
data-application="storefront-renderer"
data-shop-id="27163263028"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="141889470640"
data-theme-name="Dawn"
data-theme-version="15.2.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
></script>
</head>
<body class="gradient animate--hover-default _scroll_cart2">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
Skip to content
</a>
<link href="//www.aofar.com/cdn/shop/t/35/assets/quantity-popover.css?v=139563359639515049991745862823" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-card.css?v=22856862915766082101745862827" rel="stylesheet" type="text/css" media="all" />
<script src="//www.aofar.com/cdn/shop/t/35/assets/cart.js?v=126237801883785384561745862824" defer="defer"></script>
<script src="//www.aofar.com/cdn/shop/t/35/assets/quantity-popover.js?v=127730003025479739641745862825" defer="defer"></script>
<style>
.drawer {
visibility: hidden;
}
</style>
<cart-drawer class="drawer is-empty">
<div id="CartDrawer" class="cart-drawer">
<div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
<div
class="drawer__inner gradient color-scheme-7ec618c9-9ac8-4650-af1b-0687fd429626"
role="dialog"
aria-modal="true"
aria-label="Your cart"
tabindex="-1"
><div class="drawer__inner-empty">
<div class="cart-drawer__warnings center">
<div class="cart-drawer__empty-content">
<h2 class="cart__empty-text">Your cart is empty</h2>
<button
class="drawer__close"
type="button"
onclick="this.closest('cart-drawer').close()"
aria-label="Close"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
<a href="/collections/all" class="button">
Continue shopping
</a><p class="cart__login-title h3">Have an account?</p>
<p class="cart__login-paragraph">
<a href="/account/login" class="link underlined-link">Log in</a> to check out faster.
</p></div>
</div></div><div class="drawer__header">
<h2 class="drawer__heading">Your cart</h2>
<button
class="drawer__close"
type="button"
onclick="this.closest('cart-drawer').close()"
aria-label="Close"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
<cart-drawer-items
class=" is-empty"
>
<form
action="/cart"
id="CartDrawer-Form"
class="cart__contents cart-drawer__form"
method="post"
>
<div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
<p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
Loading...
</p>
</div>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form>
</cart-drawer-items>
<div class="drawer__footer"><!-- Start blocks -->
<!-- Subtotals -->
<div class="cart-drawer__footer" >
<div></div>
<div class="totals" role="status">
<h2 class="totals__total">Estimated total</h2>
<p class="totals__total-value">$0.00 USD</p>
</div>
<small class="tax-note caption-large rte">Taxes, discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout.
</small>
</div>
<!-- CTAs -->
<div class="cart__ctas" >
<button
type="submit"
id="CartDrawer-Checkout"
class="cart__checkout-button button"
name="checkout"
form="CartDrawer-Form"
disabled
>
Check out
</button>
</div>
</div>
</div>
</div>
</cart-drawer><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--18021584732336__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/component-list-menu.css?v=80983440341589551251745862821" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/component-search.css?v=160062235455530311711745862819" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/component-menu-drawer.css?v=30977920245716398771745862822" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/component-cart-notification.css?v=17729421673433166061745862818" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/component-price.css?v=95110435567365794221745862818" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.aofar.com/cdn/shop/t/35/assets/component-mega-menu.css?v=142950560564701974871745862821" media="print" onload="this.media='all'"><style>
body{
background-color:#000000!important;
}
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}@media screen and (min-width: 990px) {
header-drawer {
display: none;
}
}.menu-drawer-container {
display: flex;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap;
}
summary.list-menu__item {
padding-right: 2.7rem;
}
.list-menu__item {
display: flex;
align-items: center;
line-height: calc(1 + 0.3 / var(--font-body-scale));
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
}
.menu-drawer__navigation-container{
position: relative;
z-index: 11;
}
.menu-drawer__inner-container {
height: calc(100vh - 70px) !important;
}
.header__menu-item span{
font-size:18px;
font-weight:600;
}
/* 确保搜索框在超级菜单上方 */
.search-modal {
z-index: 9999 !important;
}
.modal-overlay {
z-index: 9998 !important;
}
.header__search details[open] {
z-index: 9997 !important;
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
</style><style data-shopify>.header {
padding: 10px 3rem 10px 3rem;
}
.section-header {
position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
margin-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px;
}
}
@media screen and (min-width: 990px) {
.header {
padding-top: 20px;
padding-bottom: 20px;
}
}
/* 超级菜单基础样式 */
.mega-menu {
position: static !important;
}
.mega-menu__content {
display: none;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 100% !important;
width: 100vw !important;
padding: 2rem 0 !important;
background-color: #000 !important;
z-index: 999 !important;
}
.mega-menu[open] .mega-menu__content {
display: block !important;
}
.header__inline-menu {
position: static !important;
}
.header-wrapper {
position: relative !important;
z-index: 990 !important;
}
/* 超级菜单内容样式 */
.mega-menu__list-container {
width: 100%;
max-width: 100%;
padding: 0 4%;
}
.mega-menu__list {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.mega-menu-item {
display: flex;
flex-direction: column;
width: 200px;
background: #000000;
padding: 15px;
border-radius: 8px;
}
.mega-menu-image-wrapper {
margin-bottom: 15px;
overflow: hidden;
border-radius: 8px;
width: 170px;
height: 170px;
}
.mega-menu-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.mega-menu-image:hover {
transform: scale(1.05);
}
.mega-menu-title {
font-weight: 500;
margin-bottom: 8px;
font-size: 14px;
color: #ffffff;
text-align: center;
}
.mega-menu-title a {
color: #ffffff;
text-decoration: none;
}
.mega-menu-description {
font-size: 14px;
margin-bottom: 10px;
color: rgba(var(--color-foreground), 0.75);
}
.mega-menu-button {
display: inline-block;
padding: 8px 15px;
background-color: rgba(var(--color-button), 1);
color: rgba(var(--color-button-text), 1);
border-radius: 4px;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: background-color 0.3s ease;
margin-top: auto;
text-align: center;
}
.mega-menu-button:hover {
background-color: rgba(var(--color-button), 0.8);
}
.mega-menu-links {
margin-top: 10px;
}
.mega-menu-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.mega-menu-links li {
margin-bottom: 5px;
}
.mega-menu-links a {
font-size: 14px;
text-decoration: none;
color: rgba(var(--color-foreground), 0.75);
transition: color 0.3s ease;
}
.mega-menu-links a:hover {
color: rgba(var(--color-foreground), 1);
text-decoration: underline;
}
.mega-menu-learn-more {
text-align: center;
margin-top: 20px;
padding: 0 4%;
}
.mega-menu-learn-more a {
display: inline-block;
padding: 10px 20px;
background-color: rgba(var(--color-button), 1);
background: rgba(234, 85, 33, 1);
color: rgba(var(--color-button-text), 1);
border-radius: 4px;
text-decoration: none;
font-size: 16px;
font-weight: 500;
transition: background-color 0.3s ease;
text-align: center;
}
.mega-menu-learn-more a:hover {
background-color: rgba(var(--color-button), 0.8);
border: 1px solid rgb(234, 85, 33);
}
/* 强制样式 - 确保在所有页面都能正确显示 */
body .mega-menu {
position: static !important;
}
body .mega-menu__content {
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 100% !important;
width: 100vw !important;
z-index: 999 !important;
background-color: #000 !important;
}
body .header__inline-menu {
position: static !important;
}
body .header-wrapper {
position: relative !important;
z-index: 990 !important;
}
/* 确保菜单在所有页面都能正确显示 */
body details[open] > .mega-menu__content {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
/* 修复可能的样式冲突 */
body .mega-menu__content.color-background-1,
body .mega-menu__content.color-background-2,
body .mega-menu__content.color-background-3,
body .mega-menu__content.color-background-4,
body .mega-menu__content.color-background-5,
body .mega-menu__content.color-inverse,
body .mega-menu__content.gradient {
background-color: #000 !important;
color: #fff !important;
}
/* 确保菜单内容在所有页面都能正确显示 */
body .mega-menu__content * {
visibility: visible !important;
}
/* 修复菜单项的样式 */
body .mega-menu summary {
position: relative !important;
z-index: 991 !important;
}
/* 修复菜单内容的位置 */
@media screen and (min-width: 990px) {
body .mega-menu__content {
inset: auto 0 auto 0 !important;
transform: none !important;
}
}
/* 确保搜索框在超级菜单上方 */
.search-modal {
z-index: 9999 !important;
}
.header-icon{
width: 24px;
height: 24px;
}</style><script src="//www.aofar.com/cdn/shop/t/35/assets/cart-notification.js?v=130258919139755524791745862824" defer="defer"></script><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-scheme-4 gradient">
<header class="header header--middle-left header--mobile-left page-width header--has-menu header--has-account">
<header-drawer data-breakpoint="tablet">
<details id="Details-menu-drawer-container" class="menu-drawer-container">
<summary
class="header__icon header__icon--menu header__icon--summary link focus-inset"
aria-label="Menu"
>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</summary>
<div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
id="HeaderDrawer-home"
href="/"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
Home
</a></li><li><details id="Details-menu-drawer-menu-item-2">
<summary
id="HeaderDrawer-golf-rangefinder"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Golf Rangefinder
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</summary>
<div
id="link-golf-rangefinder"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
Golf Rangefinder
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-golf-rangefinder-gx-2s-golf-rangefinder"
href="/products/gx-2s"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
GX-2S Golf Rangefinder
</a></li><li><a
id="HeaderDrawer-golf-rangefinder-gx-10w-rangefinder"
href="/products/gx-10w"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
GX-10W Rangefinder
</a></li><li><a
id="HeaderDrawer-golf-rangefinder-gx-6f-pro-golf-rangefinder"
href="/products/gx-6f-pro-white"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
GX-6F Pro Golf Rangefinder
</a></li><li><a
id="HeaderDrawer-golf-rangefinder-gx-6f-pro-golf-rangefinder"
href="/products/gx-6f-pro-blue"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
GX-6F Pro Golf Rangefinder
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-3">
<summary
id="HeaderDrawer-hunting-rangefinder"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Hunting Rangefinder
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</summary>
<div
id="link-hunting-rangefinder"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
Hunting Rangefinder
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-hunting-rangefinder-hx-1200t-hunting-rangefinder"
href="/products/hx-1200t"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
HX-1200T Hunting Rangefinder
</a></li><li><a
id="HeaderDrawer-hunting-rangefinder-hx1000-hunting-rangefinder"
href="/products/aofar-hx1000-laser-rangefinder"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
HX1000 Hunting Rangefinder
</a></li><li><a
id="HeaderDrawer-hunting-rangefinder-hx1600-hunting-rangefinder"
href="/products/aofar-hx1600-huntiing-rangefinder"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
HX1600 Hunting Rangefinder
</a></li><li><a
id="HeaderDrawer-hunting-rangefinder-hx-700n-hunting-rangefinder"
href="/products/aofar-hx-700n-hunting-archery-rangefinder"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
HX-700N Hunting Rangefinder
</a></li></ul>
</div>
</div>
</details></li><li><a
id="HeaderDrawer-accessories"
href="/collections/accessories"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Accessories
</a></li></ul>
</nav>
<div class="menu-drawer__utility-links" style="display:none"><a
href="/account/login"
class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
rel="nofollow"
><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span></account-icon>Log in</a><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderCountryMobileLabel">
Country/region
</h2>
<div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderCountryMobile-country-results"
aria-describedby="HeaderCountryMobileLabel"
>
<span>United States |
USD
$</span>
<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Search"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Search</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Clear search term"
><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Close"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="HeaderCountryMobile-country-results"
>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AU"
id="Australia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Australia</span>
<span class="localization-form__currency motion-reduce">
AUD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Austria"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Austria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgium"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Belgium</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgaria"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Bulgaria</span>
<span class="localization-form__currency motion-reduce">
BGN
лв.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CA"
id="Canada"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Canada</span>
<span class="localization-form__currency motion-reduce">
CAD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Croatia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CY"
id="Cyprus"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Cyprus</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Czechia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Czechia</span>
<span class="localization-form__currency motion-reduce">
CZK
Kč</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Denmark"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Denmark</span>
<span class="localization-form__currency motion-reduce">
DKK
kr.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Estonia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Finland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FR"
id="France"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Germany"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Germany</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Greece"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Greece</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hungary"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hungary</span>
<span class="localization-form__currency motion-reduce">
HUF
Ft</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Ireland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Ireland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italy"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Italy</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Latvia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Latvia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lithuania"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lithuania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malta"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malta</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NL"
id="Netherlands"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Netherlands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Poland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Poland</span>
<span class="localization-form__currency motion-reduce">
PLN
zł</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Romania"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Romania</span>
<span class="localization-form__currency motion-reduce">
RON
Lei</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovakia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovakia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovenia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovenia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Spain"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Spain</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Sweden"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Sweden</span>
<span class="localization-form__currency motion-reduce">
SEK
kr</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GB"
id="United Kingdom"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United Kingdom</span>
<span class="localization-form__currency motion-reduce">
GBP
£</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="US"
id="United States"
>
<span
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United States</span>
<span class="localization-form__currency motion-reduce">
USD
$</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="US">
</div></form></localization-form>
</div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
<a href="https://x.com/aofar_official" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
</span>
<span class="visually-hidden">X (Twitter)</span>
</a>
</li><li class="list-social__item">
<a href="https://www.facebook.com/AofarOffical/" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
</span>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a href="https://www.pinterest.com/aofar_official/" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.01a8.1 8.1 0 0 1 5.666 2.353 8.09 8.09 0 0 1 1.277 9.68A7.95 7.95 0 0 1 10 18.04a8.2 8.2 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297q1.254 0 2.248-.72a4.7 4.7 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.06 5.06 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.02 5.02 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.26 2.26 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228a6.8 6.8 0 0 1-.317 2.122 3.8 3.8 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085q.22-.77.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.07 8.07 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.72 7.72 0 0 1 10 2.001z"/></svg>
</span>
<span class="visually-hidden">Pinterest</span>
</a>
</li><li class="list-social__item">
<a href="https://www.instagram.com/aofar.official" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
<span class="visually-hidden">Instagram</span>
</a>
</li><li class="list-social__item">
<a href="https://www.tiktok.com/@aofar.official" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
</span>
<span class="visually-hidden">TikTok</span>
</a>
</li><li class="list-social__item">
<a href="https://www.youtube.com/@aofar_official" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
</span>
<span class="visually-hidden">YouTube</span>
</a>
</li></ul>
</div>
</div>
</div>
</div>
</details>
</header-drawer>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
<img src="//www.aofar.com/cdn/shop/files/20250315122750.png?v=1742012888&width=1200" alt="AOFAR.COM" srcset="//www.aofar.com/cdn/shop/files/20250315122750.png?v=1742012888&width=220 220w, //www.aofar.com/cdn/shop/files/20250315122750.png?v=1742012888&width=330 330w, //www.aofar.com/cdn/shop/files/20250315122750.png?v=1742012888&width=440 440w" width="220" height="51.386861313868614" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 440px) 50vw, 220px">
</div></a></h1>
<style>
</style>
<nav class="header__inline-menu" style="position: static !important;">
<ul class="list-menu list-menu--inline" role="list"><li><a
id="HeaderMenu-home"
href="/"
class="header__menu-item list-menu__item link link--text focus-inset"
aria-current="page"
>
<span
class="header__active-menu-item"
>Home</span>
</a></li><li><header-menu>
<details id="Details-HeaderMenu-2" class="mega-menu" style="position: static !important;">
<summary
id="HeaderMenu-golf-rangefinder"
class="header__menu-item list-menu__item link focus-inset"
style="position: relative !important; z-index: 991 !important;"
>
<span
onclick="totheurl('/collections/golf-rangefinder')"
>Golf Rangefinder</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</summary>
<div
id="MegaMenu-Content-2"
class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup"
tabindex="-1"
style="position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;"
>
<div class="mega-menu__list-container">
<div class="mega-menu__list">
<div class="mega-menu-item" >
<div class="mega-menu-image-wrapper">
<a href="/products/gx-10w"><img
src="//www.aofar.com/cdn/shop/files/GX-10W.png?v=1745995333&width=300"
alt="GX-10W Golf Rangefinder"
class="mega-menu-image"
loading="lazy"
>
</a>
</div>
<h3 class="mega-menu-title">
<a href="/products/gx-10w">GX-10W Golf Rangefinder</a>
</h3>
</div>
<div class="mega-menu-item" >
<div class="mega-menu-image-wrapper">
<a href="/products/gx-6f-pro-blue"><img
src="//www.aofar.com/cdn/shop/files/2_9fc17e24-c4d3-404f-897e-75990a1649c5.png?v=1746597042&width=300"
alt="GX-6F PRO Golf Rangefinder"
class="mega-menu-image"
loading="lazy"
>
</a>
</div>
<h3 class="mega-menu-title">
<a href="/products/gx-6f-pro-blue">GX-6F PRO Golf Rangefinder</a>
</h3>
</div>
<div class="mega-menu-item" >
<div class="mega-menu-image-wrapper">
<a href="/products/gx-6f-pro-white"><img
src="//www.aofar.com/cdn/shop/files/image_3_07dcc54f-80c4-47a7-a0dc-dd5a1bfc96cf.png?v=1742013531&width=300"
alt="GX-6F PRO Golf Rangefinder"
class="mega-menu-image"
loading="lazy"
>
</a>
</div>
<h3 class="mega-menu-title">
<a href="/products/gx-6f-pro-white">GX-6F PRO Golf Rangefinder</a>
</h3>
</div>
<div class="mega-menu-item" >
<div class="mega-menu-image-wrapper">
<a href="/products/gx-2s-pro"><img
src="//www.aofar.com/cdn/shop/files/2SPRO.png?v=1747036505&width=300"
alt="GX-2S PRO golf&hunting rangefinder"
class="mega-menu-image"
loading="lazy"
>
</a>
</div>
<h3 class="mega-menu-title">
<a href="/products/gx-2s-pro">GX-2S PRO golf&hunting rangefinder</a>
</h3>
</div>
</div>
</div>
<div class="mega-menu-learn-more" >
<a href="/collections/golf-rangefinder">learn more</a>
</div>
</div>
</details>
</header-menu></li><li><header-menu>
<details id="Details-HeaderMenu-3" class="mega-menu" style="position: static !important;">
<summary
id="HeaderMenu-hunting-rangefinder"
class="header__menu-item list-menu__item link focus-inset"
style="position: relative !important; z-index: 991 !important;"
>
<span
onclick="totheurl('/collections/hunting-rangefinder')"
>Hunting Rangefinder</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</summary>
<div
id="MegaMenu-Content-3"
class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup"
tabindex="-1"
style="position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;"
>
<div class="mega-menu__list-container">
<div class="mega-menu__list">
<div class="mega-menu-item" >
<div class="mega-menu-image-wrapper">
<a href="/products/aofar-hx-700n-hunting-archery-rangefinder"><img
src="//www.aofar.com/cdn/shop/files/700n_d65802c4-803a-448a-8f5b-84ee9de5133d.png?v=1745996700&width=300"
alt="HX-700N Hunting Archery Rangefinder"
class="mega-menu-image"
loading="lazy"
>
</a>
</div>
<h3 class="mega-menu-title">
<a href="/products/aofar-hx-700n-hunting-archery-rangefinder">HX-700N Hunting Archery Rangefinder</a>
</h3>
</div>
<div class="mega-menu-item" >
<div class="mega-menu-image-wrapper">
<a href="/products/hx-1200t"><img
src="//www.aofar.com/cdn/shop/files/1200T_28342dfb-f921-446b-a564-f328df745c98.png?v=1742136111&width=300"
alt="HX-1200T Hunting Archery Rangefinder"
class="mega-menu-image"
loading="lazy"
>
</a>
</div>
<h3 class="mega-menu-title">
<a href="/products/hx-1200t">HX-1200T Hunting Archery Rangefinder</a>
</h3>
</div>
<div class="mega-menu-item" >
<div class="mega-menu-image-wrapper">
<a href="/products/aofar-hx1000-laser-rangefinder"><img
src="//www.aofar.com/cdn/shop/files/HX-1000i_fe18ef57-93d3-424d-a32b-cd94ce09ff45.png?v=1742136177&width=300"
alt="HX1000 Rangefinder"
class="mega-menu-image"
loading="lazy"
>
</a>
</div>
<h3 class="mega-menu-title">
<a href="/products/aofar-hx1000-laser-rangefinder">HX1000 Rangefinder</a>
</h3>
</div>
<div class="mega-menu-item" >
<div class="mega-menu-image-wrapper">
<a href="/products/aofar-hx1600-huntiing-rangefinder"><img
src="//www.aofar.com/cdn/shop/files/HX-1600_f5bfdf40-9276-49b0-aff3-8a0bc31c368a.png?v=1743125886&width=300"
alt="HX1600 Rangefinder for Hunting Archery"
class="mega-menu-image"
loading="lazy"
>
</a>
</div>
<h3 class="mega-menu-title">
<a href="/products/aofar-hx1600-huntiing-rangefinder">HX1600 Rangefinder for Hunting Archery</a>
</h3>
</div>
</div>
</div>
<div class="mega-menu-learn-more" >
<a href="/collections/hunting-rangefinder">learn more</a>
</div>
</div>
</details>
</header-menu></li><li><a
id="HeaderMenu-accessories"
href="/collections/accessories"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Accessories</span>
</a></li></ul>
</nav>
<script>
// 超级菜单修复脚本 - 优化鼠标交互
(function() {
// 等待DOM加载完成
document.addEventListener('DOMContentLoaded', function() {
// 立即修复超级菜单
fixMegaMenu();
// 每100毫秒检查一次，确保样式始终正确
setInterval(fixMegaMenu, 100);
// 确保搜索框在超级菜单上方
const searchModal = document.querySelector('.search-modal');
if (searchModal) {
searchModal.style.zIndex = '9999';
}
});
// 修复超级菜单的函数
function fixMegaMenu() {
// 修复header-wrapper样式
const headerWrapper = document.querySelector('.header-wrapper');
if (headerWrapper) {
headerWrapper.setAttribute('style', 'position: relative !important; z-index: 990 !important;');
}
// 修复header__inline-menu样式
const headerMenu = document.querySelector('.header__inline-menu');
if (headerMenu) {
headerMenu.setAttribute('style', 'position: static !important;');
}
// 获取所有超级菜单
const megaMenus = document.querySelectorAll('.mega-menu');
// 设置所有超级菜单的样式
megaMenus.forEach(menu => {
menu.setAttribute('style', 'position: static !important;');
const summary = menu.querySelector('summary');
if (summary) {
summary.setAttribute('style', 'position: relative !important; z-index: 991 !important;');
}
const content = menu.querySelector('.mega-menu__content');
if (content) {
if (menu.hasAttribute('open')) {
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: block !important;');
} else {
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;');
}
}
});
// 确保搜索框在超级菜单上方
const searchModal = document.querySelector('.search-modal');
if (searchModal) {
searchModal.style.zIndex = '9999';
}
}
// 当前打开的菜单
let currentOpenMenu = null;
// 用于跟踪鼠标是否在菜单或内容区域内
let isMouseInMenu = false;
let isMouseInContent = false;
// 延迟关闭的计时器
let closeTimer = null;
// 为每个菜单添加事件监听器
document.querySelectorAll('.mega-menu').forEach(menu => {
const summary = menu.querySelector('summary');
const content = menu.querySelector('.mega-menu__content');
if (summary && content) {
// 移除原有的事件监听器
const newSummary = summary.cloneNode(true);
if (summary.parentNode) {
summary.parentNode.replaceChild(newSummary, summary);
}
// 鼠标进入菜单项时
newSummary.addEventListener('mouseenter', function() {
clearTimeout(closeTimer); // 清除任何关闭计时器
isMouseInMenu = true;
// 关闭其他菜单
if (currentOpenMenu && currentOpenMenu !== menu) {
currentOpenMenu.removeAttribute('open');
const otherContent = currentOpenMenu.querySelector('.mega-menu__content');
if (otherContent) {
otherContent.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;');
}
}
// 打开当前菜单
menu.setAttribute('open', '');
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: block !important;');
currentOpenMenu = menu;
});
// 鼠标离开菜单项时
newSummary.addEventListener('mouseleave', function() {
isMouseInMenu = false;
// 使用延迟关闭，给用户时间移动到内容区域
closeTimer = setTimeout(function() {
if (!isMouseInContent && !isMouseInMenu) {
menu.removeAttribute('open');
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;');
if (currentOpenMenu === menu) {
currentOpenMenu = null;
}
}
}, 100); // 100毫秒的延迟，可以根据需要调整
});
// 鼠标进入内容区域时
content.addEventListener('mouseenter', function() {
clearTimeout(closeTimer); // 清除关闭计时器
isMouseInContent = true;
menu.setAttribute('open', '');
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: block !important;');
currentOpenMenu = menu;
});
// 鼠标离开内容区域时
content.addEventListener('mouseleave', function() {
isMouseInContent = false;
// 使用延迟关闭，给用户时间移动回菜单项
closeTimer = setTimeout(function() {
if (!isMouseInContent && !isMouseInMenu) {
menu.removeAttribute('open');
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;');
if (currentOpenMenu === menu) {
currentOpenMenu = null;
}
}
}, 100); // 100毫秒的延迟，可以根据需要调整
});
// 点击菜单项时
newSummary.addEventListener('click', function(e) {
if (window.innerWidth >= 990) {
e.preventDefault();
e.stopPropagation();
if (menu.hasAttribute('open')) {
menu.removeAttribute('open');
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;');
if (currentOpenMenu === menu) {
currentOpenMenu = null;
}
} else {
// 关闭其他菜单
if (currentOpenMenu && currentOpenMenu !== menu) {
currentOpenMenu.removeAttribute('open');
const otherContent = currentOpenMenu.querySelector('.mega-menu__content');
if (otherContent) {
otherContent.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;');
}
}
// 打开当前菜单
menu.setAttribute('open', '');
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: block !important;');
currentOpenMenu = menu;
}
}
});
// 修复点击菜单项中的链接
const linkSpan = newSummary.querySelector('span[onclick]');
if (linkSpan) {
linkSpan.addEventListener('click', function(e) {
e.stopPropagation();
});
}
}
});
// 点击页面其他区域关闭菜单
document.addEventListener('click', function(e) {
if (currentOpenMenu && !currentOpenMenu.contains(e.target)) {
currentOpenMenu.removeAttribute('open');
const content = currentOpenMenu.querySelector('.mega-menu__content');
if (content) {
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;');
}
currentOpenMenu = null;
}
});
// 当搜索框打开时，关闭所有菜单
document.querySelector('.header__icon--search')?.addEventListener('click', function() {
if (currentOpenMenu) {
currentOpenMenu.removeAttribute('open');
const content = currentOpenMenu.querySelector('.mega-menu__content');
if (content) {
content.setAttribute('style', 'position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100vw !important; z-index: 999 !important; background-color: #000 !important; display: none !important;');
}
currentOpenMenu = null;
}
});
})();
function totheurl(url) {
window.location.href = url;
}
</script>
<div class="header__icons header__icons--localization header-localization">
<!-- 语言+ 货币 选择器 -->
<div class="desktop-localization-wrapper" style="display:none"><localization-form class="small-hide medium-hide" data-prevent-hide><form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderCountryLabel">Country/region</h2>
<div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderCountry-country-results"
aria-describedby="HeaderCountryLabel"
>
<span>United States |
USD
$</span>
<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Search"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Search</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Clear search term"
><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Close"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="HeaderCountry-country-results"
>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AU"
id="Australia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Australia</span>
<span class="localization-form__currency motion-reduce">
AUD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Austria"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Austria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgium"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Belgium</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgaria"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Bulgaria</span>
<span class="localization-form__currency motion-reduce">
BGN
лв.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CA"
id="Canada"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Canada</span>
<span class="localization-form__currency motion-reduce">
CAD
$</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Croatia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CY"
id="Cyprus"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Cyprus</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Czechia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Czechia</span>
<span class="localization-form__currency motion-reduce">
CZK
Kč</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Denmark"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Denmark</span>
<span class="localization-form__currency motion-reduce">
DKK
kr.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Estonia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Finland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FR"
id="France"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Germany"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Germany</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Greece"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Greece</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hungary"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hungary</span>
<span class="localization-form__currency motion-reduce">
HUF
Ft</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Ireland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Ireland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italy"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Italy</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Latvia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Latvia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lithuania"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lithuania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malta"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malta</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NL"
id="Netherlands"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Netherlands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Poland"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Poland</span>
<span class="localization-form__currency motion-reduce">
PLN
zł</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Romania"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Romania</span>
<span class="localization-form__currency motion-reduce">
RON
Lei</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovakia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovakia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovenia"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovenia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Spain"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Spain</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Sweden"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Sweden</span>
<span class="localization-form__currency motion-reduce">
SEK
kr</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GB"
id="United Kingdom"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United Kingdom</span>
<span class="localization-form__currency motion-reduce">
GBP
£</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="US"
id="United States"
>
<span
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">United States</span>
<span class="localization-form__currency motion-reduce">
USD
$</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="US">
</div></form></localization-form>
</div>
<details-modal class="header__search">
<details>
<summary
class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
aria-haspopup="dialog"
aria-label="Search"
style="position: relative; z-index: 9997;"
>
<span>
<span class="svg-wrapper">
<img src="//www.aofar.com/cdn/shop/files/07ba29b4372524f89bd3b060ad8b129f_d7e26ef6-bfa6-4180-b694-6ad47c510050.png?v=1745983730&width=128" alt="search" srcset="//www.aofar.com/cdn/shop/files/07ba29b4372524f89bd3b060ad8b129f_d7e26ef6-bfa6-4180-b694-6ad47c510050.png?v=1745983730&width=128 128w" width="128" height="128" loading="lazy" class="search-icon header-icon">
</span>
<span class="svg-wrapper header__icon-close">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</span>
</summary>
<div
class="search-modal modal__content gradient"
role="dialog"
aria-modal="true"
aria-label="Search"
style="z-index: 9999 !important;"
>
<div class="modal-overlay" style="z-index: 9998 !important;"></div>
<div
class="search-modal__content search-modal__content-bottom"
tabindex="-1"
style="position: relative; z-index: 9999 !important;"
><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<input
class="search__input field__input"
id="Search-In-Modal"
type="search"
name="q"
value=""
placeholder="Search"role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false">
<label class="field__label" for="Search-In-Modal">Search</label>
<input type="hidden" name="options[prefix]" value="last">
<button
type="reset"
class="reset__button field__button hidden"
aria-label="Clear search term"
>
<span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</span>
</button>
<button class="search__button field__button" aria-label="Search">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
<div class="predictive-search__loading-state">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
type="button"
class="search-modal__close-button modal__close-button link link--text focus-inset"
aria-label="Close"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
</div>
</details>
</details-modal>
<style>
/* 确保搜索框在超级菜单上方 */
.search-modal {
z-index: 9999 !important;
}
.modal-overlay {
z-index: 9998 !important;
}
.header__search details[open] {
z-index: 9997 !important;
}
.search-modal__content {
position: relative;
z-index: 9999 !important;
}
</style>
<script>
// 当搜索框打开时，关闭所有超级菜单
document.querySelector('.header__icon--search')?.addEventListener('click', function() {
const megaMenus = document.querySelectorAll('.mega-menu[open]');
megaMenus.forEach(menu => {
menu.removeAttribute('open');
const content = menu.querySelector('.mega-menu__content');
if (content) {
content.style.display = 'none';
}
});
});
</script>
<a
href="/account/login"
class="header__icon header__icon--account link focus-inset small-hide-custom"
rel="nofollow"
><account-icon>
<img src="//www.aofar.com/cdn/shop/files/168b5e889a4c3871a4ac216959bea872_08949669-e147-4e5b-8838-226b70241551.png?v=1745983646&width=128" alt="account" srcset="//www.aofar.com/cdn/shop/files/168b5e889a4c3871a4ac216959bea872_08949669-e147-4e5b-8838-226b70241551.png?v=1745983646&width=128 128w" width="128" height="128" loading="lazy" class="account-icon header-icon">
</account-icon><span class="visually-hidden">Log in</span>
</a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
<img src="//www.aofar.com/cdn/shop/files/a5c42190378df235c9654d7921c90f51_941ce81f-9fcc-4f42-becd-069ceb5d95c9.png?v=1745981860&width=128" alt="cart" srcset="//www.aofar.com/cdn/shop/files/a5c42190378df235c9654d7921c90f51_941ce81f-9fcc-4f42-becd-069ceb5d95c9.png?v=1745981860&width=128 128w" width="128" height="128" loading="lazy" class="cart-icon header-icon">
<span class="visually-hidden">Cart</span></a>
</div>
</header>
</sticky-header>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "AOFAR.COM",
"logo": "https:\/\/www.aofar.com\/cdn\/shop\/files\/20250315122750.png?v=1742012888\u0026width=500",
"sameAs": [
"https:\/\/x.com\/aofar_official",
"https:\/\/www.facebook.com\/AofarOffical\/",
"https:\/\/www.pinterest.com\/aofar_official\/",
"https:\/\/www.instagram.com\/aofar.official",
"https:\/\/www.tiktok.com\/@aofar.official",
"",
"",
"https:\/\/www.youtube.com\/@aofar_official",
""
],
"url": "https:\/\/www.aofar.com"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "AOFAR.COM",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/www.aofar.com\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/www.aofar.com"
}
</script>
</div><div id="shopify-section-sections--18021584732336__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//www.aofar.com/cdn/shop/t/35/assets/component-slideshow.css?v=117539595313693664241745862820" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-slider.css?v=21840287052048443391745862820" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-list-social.css?v=66903733460233742851745862821" rel="stylesheet" type="text/css" media="all" />
<div
style="background: rgba(234, 85, 33, 1);"
class="utility-bar color-scheme-3 gradient utility-bar--bottom-border"
>
<div class="page-width utility-bar__grid"><div
class="announcement-bar"
role="region"
aria-label="Announcement"
><p class="announcement-bar__message h5">
<span>Enjoy 30% OFF sitewide with code SPRING30 + Free Shipping on orders over $49!</span></p></div><div class="localization-wrapper">
</div>
</div>
</div>
</div>
<!-- END sections: header-group -->
<div style="width: 100%;height: 100%;overFlow: hidden;">
<section id="shopify-section-template--18021585944752__swiperbanner_Lp3ffj" class="shopify-section section"><link href="//www.aofar.com/cdn/shop/t/35/assets/swiper-bundle.min.css?17066" rel="stylesheet" type="text/css" media="all" />
<style>
.swiper-banner {
position: relative;
width: 100%;
overflow: hidden;
}
.swiper-banner .swiper-slide {
position: relative;
overflow: hidden;
/* height: 700px; */
}
.swiper-banner .swiper-slide a {
display: block;
width: 100%;
height: 100%;
}
.swiper-banner .swiper-slide img {
width: 100%;
height: auto;
/* height: 100%; */
display: block;
}
/* 隐藏移动端图片在PC上的显示 */
.swiper-banner .swiper-slide .mobile-image {
display: none;
}
/* 分页器样式 */
.swiper-banner .pagination-container {
position: relative;
bottom: auto;
left: auto;
right: auto;
padding: 15px 0;
z-index: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;
}
.swiper-banner .swiper-pagination {
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 auto;
position: static;
width: auto;
}
.swiper-banner .swiper-pagination-bullet {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
margin: 0 15px;
opacity: 1;
cursor: pointer;
transition: all 0.3s ease;
}
.swiper-banner .swiper-pagination-bullet-active {
background: #fff;
}
/* 导航按钮样式 */
.swiper-banner .swiper-button-prev,
.swiper-banner .swiper-button-next {
color: white;
width: 44px;
height: 44px;
margin-top: -22px;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 50%;
transition: all 0.3s ease;
}
.swiper-banner .swiper-button-prev:hover,
.swiper-banner .swiper-button-next:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.swiper-banner .swiper-button-prev:after,
.swiper-banner .swiper-button-next:after {
font-size: 18px;
}
.swiper-banner .swiper-button-prev {
left: 20px;
}
.swiper-banner .swiper-button-next {
right: 20px;
}
#shopify-section-template--18021585944752__swiperbanner_Lp3ffj .pagination-container {
display: none;
}
/* 移动端样式 */
@media screen and (max-width: 768px) {
/* 在移动端显示移动端图片，隐藏PC端图片 */
.swiper-banner .swiper-slide .desktop-image {
display: none;
}
.swiper-banner .swiper-slide .mobile-image {
display: block;
}
.swiper-banner .pagination-container {
padding: 10px 0;
}
.swiper-banner .swiper-slide {
position: relative;
overflow: hidden;
/* height: 375px; */
}
.swiper-banner .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 8px;
}
.swiper-banner .swiper-button-prev,
.swiper-banner .swiper-button-next {
width: 36px;
height: 36px;
margin-top: -18px;
}
.swiper-banner .swiper-button-prev {
left: 10px;
}
.swiper-banner .swiper-button-next {
right: 10px;
}
}
</style>
<div class="swiper-banner section-template--18021585944752__swiperbanner_Lp3ffj">
<div class="swiper-container" id="banner-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide" >
<a
href=""
>
<img
src="//www.aofar.com/cdn/shop/files/Aofar_0423.webp?v=1745416906"
alt=""
class="desktop-image"
loading="lazy"
width="1347"
height="480"
>
<img
src="//www.aofar.com/cdn/shop/files/Aofar_0423.webp?v=1745416906"
alt=""
class="mobile-image"
loading="lazy"
width="1347"
height="480"
>
</a>
</div>
<div class="swiper-slide" >
<a
href="/collections/golf-rangefinder"
>
<img
src="//www.aofar.com/cdn/shop/files/20250430-170719.jpg?v=1746004677"
alt=""
class="desktop-image"
loading="lazy"
width="2694"
height="960"
>
<img
src="//www.aofar.com/cdn/shop/files/20250430-170719_5d598993-7be6-4897-8e92-5c413eec0e12.jpg?v=1746004681"
alt=""
class="mobile-image"
loading="lazy"
width="2694"
height="960"
>
</a>
</div>
<div class="swiper-slide" >
<a
href=""
>
<img
src="//www.aofar.com/cdn/shop/files/20250517-180247.jpg?v=1747476185"
alt=""
class="desktop-image"
loading="lazy"
width="2694"
height="960"
>
<img
src="//www.aofar.com/cdn/shop/files/20250517-180247.jpg?v=1747476185"
alt=""
class="mobile-image"
loading="lazy"
width="2694"
height="960"
>
</a>
</div>
<div class="swiper-slide" >
<a
href=""
>
<img
src="//www.aofar.com/cdn/shop/files/20250430-125645.jpg?v=1745989113"
alt=""
class="desktop-image"
loading="lazy"
width="2694"
height="960"
>
<img
src="//www.aofar.com/cdn/shop/files/20250430-125645.jpg?v=1745989113"
alt=""
class="mobile-image"
loading="lazy"
width="2694"
height="960"
>
</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<!-- 分页器容器 - 移到轮播图外部 -->
<div class="pagination-container">
<div class="swiper-pagination"></div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
// 获取轮播图幻灯片数量
var slideCount = document.querySelectorAll('#banner-swiper .swiper-slide').length;
if (typeof Swiper === 'undefined') {
// 如果Swiper未加载，动态加载
var script = document.createElement('script');
script.src = "//www.aofar.com/cdn/shop/t/35/assets/swiper-bundle.min.js?17066";
script.onload = function() {
initSwiper(slideCount);
};
document.head.appendChild(script);
} else {
initSwiper(slideCount);
}
function initSwiper(slideCount) {
// 基本配置
var swiperOptions = {
effect: 'slide',
speed: 500,
lazy: {
loadPrevNext: true,
},
breakpoints: {
768: {
// 桌面端配置
}
}
};
// 如果只有一张幻灯片，禁用循环和自动播放
if (slideCount <= 1) {
swiperOptions.loop = false;
swiperOptions.autoplay = false;
// 隐藏分页器和导航按钮
var paginationContainer = document.querySelector('.pagination-container');
var prevButton = document.querySelector('.swiper-button-prev');
var nextButton = document.querySelector('.swiper-button-next');
if (paginationContainer) paginationContainer.style.display = 'none';
if (prevButton) prevButton.style.display = 'none';
if (nextButton) nextButton.style.display = 'none';
} else {
// 多张幻灯片时启用循环和自动播放
swiperOptions.loop = true;
swiperOptions.autoplay = {
delay: 5000,
disableOnInteraction: false,
};
swiperOptions.pagination = {
el: '.swiper-pagination',
clickable: true,
};
swiperOptions.navigation = {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
};
}
// 初始化Swiper
new Swiper('#banner-swiper', swiperOptions);
}
});
</script>
</section><section id="shopify-section-template--18021585944752__auto_slider_new_CxFf88" class="shopify-section slideshow-autoplay">
<div class="slideshow-autoplay-head fullscreen-container overflow-hidden">
<div class="slideshow-autoplay-title">
<h1 class="h3"></h1>
<div class="slideshow-autoplay-sub-title mission__text text-align-right"></div>
</div>
</div>
<div class="slideshow-container swiper-template--18021585944752__auto_slider_new_CxFf88 hidden">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="//www.aofar.com/cdn/shop/files/CNET_Networks_idN_Z80MfW_0.svg?v=1742054745&width=800" alt="" srcset="//www.aofar.com/cdn/shop/files/CNET_Networks_idN_Z80MfW_0.svg?v=1742054745&width=352 352w, //www.aofar.com/cdn/shop/files/CNET_Networks_idN_Z80MfW_0.svg?v=1742054745&width=800 800w" width="800" height="184" loading="lazy" class="new_slide_image"></div>
<div class="swiper-slide"><img src="//www.aofar.com/cdn/shop/files/Outdoor_Life_idov1HoLc-_1.svg?v=1742054797&width=800" alt="" srcset="//www.aofar.com/cdn/shop/files/Outdoor_Life_idov1HoLc-_1.svg?v=1742054797&width=352 352w, //www.aofar.com/cdn/shop/files/Outdoor_Life_idov1HoLc-_1.svg?v=1742054797&width=800 800w" width="800" height="163" loading="lazy" class="new_slide_image"></div>
<div class="swiper-slide"><img src="//www.aofar.com/cdn/shop/files/TechRadar_idRWF3m7-Y_1_c3f93c66-26e7-43ec-85fe-d87eab4771ec.svg?v=1742054807&width=800" alt="" srcset="//www.aofar.com/cdn/shop/files/TechRadar_idRWF3m7-Y_1_c3f93c66-26e7-43ec-85fe-d87eab4771ec.svg?v=1742054807&width=352 352w, //www.aofar.com/cdn/shop/files/TechRadar_idRWF3m7-Y_1_c3f93c66-26e7-43ec-85fe-d87eab4771ec.svg?v=1742054807&width=800 800w" width="800" height="130" loading="lazy" class="new_slide_image"></div>
<div class="swiper-slide"><img src="//www.aofar.com/cdn/shop/files/The_Verge_id5Q79D1J3_0.svg?v=1742054819&width=800" alt="" srcset="//www.aofar.com/cdn/shop/files/The_Verge_id5Q79D1J3_0.svg?v=1742054819&width=352 352w, //www.aofar.com/cdn/shop/files/The_Verge_id5Q79D1J3_0.svg?v=1742054819&width=800 800w" width="800" height="178" loading="lazy" class="new_slide_image"></div>
<div class="swiper-slide"><img src="//www.aofar.com/cdn/shop/files/Tom_s_Guide_idM4Z6JXjn_1.svg?v=1742054834&width=800" alt="" srcset="//www.aofar.com/cdn/shop/files/Tom_s_Guide_idM4Z6JXjn_1.svg?v=1742054834&width=352 352w, //www.aofar.com/cdn/shop/files/Tom_s_Guide_idM4Z6JXjn_1.svg?v=1742054834&width=800 800w" width="800" height="142" loading="lazy" class="new_slide_image"></div>
</div>
</div>
<style>
#shopify-section-template--18021585944752__auto_slider_new_CxFf88.slideshow-autoplay{
background-color:#121212;
}
.slideshow-autoplay-title h1{
color:;
}
.slideshow-autoplay-sub-title a{
color:!important;
}
#shopify-section-template--18021585944752__auto_slider_new_CxFf88 .swiper {
max-width:100vw;
width: 100%;
height: 100%;
}
.slideshow-autoplay{
overflow:hidden;
}
#shopify-section-template--18021585944752__auto_slider_new_CxFf88 .swiper-slide {
text-align: center;
font-size: 18px;
/* background: #fff; */
display: flex;
justify-content: center;
align-items: center;
}
#shopify-section-template--18021585944752__auto_slider_new_CxFf88 .swiper-wrapper{
-webkit-transition-timing-function: linear; /*之前是ease-out*/
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
#shopify-section-template--18021585944752__auto_slider_new_CxFf88 .swiper-slide img {
display: block;
width: 150px;
height: auto;
object-fit: cover;
}
.slideshow-autoplay-title {
display: flex;
justify-content: space-between;
align-items: center;
}
#shopify-section-template--18021585944752__auto_slider_new_CxFf88 .slideshow-container{
margin:30px auto;
max-width:1200px;
overflow: hidden;
}
.slideshow-autoplay-sub-title{
margin-top:0!important;
}
#shopify-section-template--18021585944752__auto_slider_new_CxFf88 .mission__text a:after{
background-color: #fff;
}
#shopify-section-template--18021585944752__auto_slider_new_CxFf88 .mission__text a{
font-size:18px;
}
/* comment css */
.bold{
font-weight: 600;
}
.slideshow-collection a{
text-decoration: none;
}
.block{
display: block;
}
.flex{
display: flex;
}
.grid{
display:grid;
}
.align-items-center{
align-items: center;
}
.relative{
position: relative;
}
.white{
color:white
}
.black{
color:black;
}
.grey{
color:grey;
}
.color-primary{
color:#522e6c;
}
.hidden{
display: none;
}
.overflow-hidden{
overflow:hidden;
}
.underline{
text-decoration-line: underline;
}
.width-100{
width:100%!important;
}
.justify-content-space-between{
justify-content:space-between;
}
.cursor-pointer{
cursor:pointer;
}
.text-align-right{
text-align:right;
}
@media(max-width:767px){
#shopify-section-template--18021585944752__auto_slider_new_CxFf88 .swiper-slide img {
width: 100px;
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", (event) => {
document.querySelector("#shopify-section-template--18021585944752__auto_slider_new_CxFf88").style.width = window.innerWidth;
document.querySelector(".swiper-template--18021585944752__auto_slider_new_CxFf88").classList.remove("hidden");
var swiper_autoplay = new Swiper(".swiper-template--18021585944752__auto_slider_new_CxFf88", {
lazy: { loadPrevNext: true},
watchSlidesVisibility:true,
preloadImages: false,
spaceBetween: 50,
touchRatio: 0.2,
centeredSlides: false,
autoplay: {
delay:0,
stopOnLastSlide: false,
disableOnInteraction: false,
},
freeMode:{
enabled:true
},
speed: 10000,
loop: true,
breakpoints: {
1024: {
slidesPerView: 5
},
768: {
slidesPerView: 5
},
320: {
slidesPerView: 3,
spaceBetween: 10
}
}
});
})
</script>
</section><div id="shopify-section-template--18021585944752__two_banner_k9Jw33" class="shopify-section">
<style>
#shopify-section-template--18021585944752__two_banner_k9Jw33 .two-banner {
width: 100%;
max-width: 100%;
/* position:relative;
z-index:10; */
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .two-banner__container {
display: flex;
gap: 20px;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .banner-item {
position: relative;
z-index:0;
width: 50%;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .banner-item__image {
width: 100%;
height: 300px;
object-fit: cover;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .banner-item__content {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: white;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .banner-item__heading {
font-size: 24px;
margin-bottom: 15px;
color: white;
margin: 0 auto 10px;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .banner-item__subtitle {
font-size: 14px;
margin-bottom: 8px;
color: white;
text-transform: uppercase;
letter-spacing: 1px;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .banner-item__button {
display: inline-block;
padding: 10px 20px;
background: #000000;
color: #ffffff;
text-decoration: none;
border-radius: 4px;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .all-products-link {
display: block;
text-align: center;
padding: 20px 0;
text-decoration: none;
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .all-products-link::after {
content: '';
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
width: 130px;
height: 1px;
background-color: #ffffff;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .mobile-image {
display: none;
}
@media screen and (max-width: 768px) {
#shopify-section-template--18021585944752__two_banner_k9Jw33 .two-banner__container {
flex-direction: column;
gap: 10px;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .banner-item {
width: 100%;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .all-products-link {
font-size:2.6vw;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .all-products-link::after {
width: 80px;
bottom: 10px;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .desktop-image {
display: none;
}
#shopify-section-template--18021585944752__two_banner_k9Jw33 .mobile-image {
display: block;
width: 90vw;
height: 73vw;
}
}
</style>
<div class="two-banner page-width">
<div class="two-banner__container">
<div class="banner-item">
<a href="/collections/golf-rangefinder">
<img
src="//www.aofar.com/cdn/shop/files/7CBAA58E-88C7-4FBB-8F0D-01BA47228C00-612-0000001152E43985.jpg?v=1747898930"
alt="Golf Series"
class="banner-item__image desktop-image"
loading="lazy"
>
<img
src="//www.aofar.com/cdn/shop/files/7CBAA58E-88C7-4FBB-8F0D-01BA47228C00-612-0000001152E43985.jpg?v=1747898930"
alt="Golf Series"
class="banner-item__image mobile-image"
loading="lazy"
>
<div class="banner-item__content">
<p class="banner-item__subtitle">Shop by Activity</p>
<h2 class="banner-item__heading">Golf Series</h2>
<span class="banner-item__button">Shop Now</span>
</div>
</a>
</div>
<div class="banner-item">
<a href="/collections/hunting-rangefinder">
<img
src="//www.aofar.com/cdn/shop/files/9DD91EDB-746D-4160-B3EA-0BAA0449B0FE-612-000000114AA34D37.jpg?v=1747898938"
alt="Hunting Series"
class="banner-item__image desktop-image"
loading="lazy"
>
<img
src="//www.aofar.com/cdn/shop/files/9DD91EDB-746D-4160-B3EA-0BAA0449B0FE-612-000000114AA34D37.jpg?v=1747898938"
alt="Hunting Series"
class="banner-item__image mobile-image"
loading="lazy"
>
<div class="banner-item__content">
<p class="banner-item__subtitle">Shop by Activity</p>
<h2 class="banner-item__heading">Hunting Series</h2>
<span class="banner-item__button">Shop Now</span>
</div>
</a>
</div>
</div>
<a href="/collections/all-products" class="all-products-link">
ALL PRODUCTS
</a>
</div>
</div><div id="shopify-section-template--18021585944752__four_img_mq4q7j" class="shopify-section"><style data-shopify>.section-template--18021585944752__four_img_mq4q7j {
/* background-color: ; */
padding: 36px 20px 36px 20px;
/* position:relative;
z-index:10; */
/* background: black; */
}
.section-template--18021585944752__four_img_mq4q7j .section-header {
text-align: center;
margin-bottom: 40px;
position: relative;
}
.section-template--18021585944752__four_img_mq4q7j .section-title {
color:#ffffff;
font-size: 32px;
font-weight: 600;
margin: 0 0 20px;
}
.section-template--18021585944752__four_img_mq4q7j .section-description {
color: #ffffff;
font-size: 18px;
max-width: 800px;
margin: 0 auto 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.section-template--18021585944752__four_img_mq4q7j .swiper-container {
max-width: 1320px;
margin: 0 auto;
padding: 0 15px;
}
.section-template--18021585944752__four_img_mq4q7j .swiper-button-next,
.section-template--18021585944752__four_img_mq4q7j .swiper-button-prev {
color: white;
background-color: rgba(255, 255, 255, 0.2);
width: 40px;
height: 40px;
border-radius: 50%;
display: none; /* 默认隐藏 */
}
.section-template--18021585944752__four_img_mq4q7j .swiper-button-next.swiper-button-disabled,
.section-template--18021585944752__four_img_mq4q7j .swiper-button-prev.swiper-button-disabled {
display: none !important; /* 禁用状态强制隐藏 */
}
.section-template--18021585944752__four_img_mq4q7j .swiper-button-next:not(.swiper-button-disabled),
.section-template--18021585944752__four_img_mq4q7j .swiper-button-prev:not(.swiper-button-disabled) {
display: flex; /* 非禁用状态显示 */
}
.section-template--18021585944752__four_img_mq4q7j .swiper-button-next:after,
.section-template--18021585944752__four_img_mq4q7j .swiper-button-prev:after {
font-size: 20px;
}
.section-template--18021585944752__four_img_mq4q7j .swiper-pagination-bullet {
background: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.section-template--18021585944752__four_img_mq4q7j .swiper-pagination-bullet-active {
background: white;
}
.section-template--18021585944752__four_img_mq4q7j .image-card {
background: rgba(22, 22, 22, 0.8);
border-radius: 8px;
overflow: hidden;
transition: transform 0.3s ease;
position: relative;
height: 100%;
}
.section-template--18021585944752__four_img_mq4q7j .image-card:hover {
transform: translateY(-5px);
}
.section-template--18021585944752__four_img_mq4q7j .image-wrapper {
position: relative;
padding-top: 100%; /* 1:1 宽高比 */
overflow: hidden;
}
.section-template--18021585944752__four_img_mq4q7j .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
/* padding: 30px 30px; */
}
.section-template--18021585944752__four_img_mq4q7j .image-card:hover .image-wrapper img {
transform: scale(1.05);
}
.section-template--18021585944752__four_img_mq4q7j .image-content {
padding: 15px;
text-align: center;
}
.section-template--18021585944752__four_img_mq4q7j .image-title {
font-size: 15px;
margin: 0 0 10px;
line-height: 1.4;
text-align: left;
color: rgba(102, 102, 102, 1);
font-weight: 400;
}
.section-template--18021585944752__four_img_mq4q7j .image-description {
color:#ffffff;
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.section-template--18021585944752__four_img_mq4q7j .image-price {
display: flex;
justify-content: left;
align-items: center;
gap: 10px;
margin: 15px 0;
}
.section-template--18021585944752__four_img_mq4q7j .current-price {
color: #ffffff;
font-weight: 600;
font-size: 16px;
}
.section-template--18021585944752__four_img_mq4q7j .compare-price {
color: #999;
text-decoration: line-through;
font-size: 14px;
}
.section-template--18021585944752__four_img_mq4q7j .sale-tag {
background-color: #ff0003;
color: #ffffff;
font-size: 12px;
padding: 2px 6px;
border-radius: 3px;
font-weight: 600;
display: inline-block;
margin-left: 5px;
text-transform: uppercase;
}
.section-template--18021585944752__four_img_mq4q7j .image-button {
border: 1px solid #ff6b00;
color: #ffffff;
border-radius: 4px;
padding: 10px 0px;
font-size: 14px;
cursor: pointer;
transition: opacity 0.3s ease;
width: 100%;
text-decoration: none;
display: inline-block;
margin-top: 10px;
background-color: #ea5520;
}
.section-template--18021585944752__four_img_mq4q7j .image-button:hover {
opacity: 0.9;
background-color: #ff6b00;
border-color: #ff6b00;
}
.section-template--18021585944752__four_img_mq4q7j .image-link {
display: block;
text-decoration: none;
color: inherit;
}
@media screen and (max-width: 768px) {
.section-template--18021585944752__four_img_mq4q7j {
padding: 40px 15px;
}
.section-template--18021585944752__four_img_mq4q7j .section-title {
color:#ffffff;
font-size: 4.26vw;
font-weight: 600;
margin: 0 0 20px;
}
.section-template--18021585944752__four_img_mq4q7j .swiper-container {
padding: 0 10px;
max-width: 100%;
overflow: hidden;
margin: 0 auto;
}
.section-template--18021585944752__four_img_mq4q7j .image-content {
padding: 12px;
}
.section-template--18021585944752__four_img_mq4q7j .image-title {
font-size:14px;
}
.section-template--18021585944752__four_img_mq4q7j .image-description {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.section-template--18021585944752__four_img_mq4q7j .image-wrapper img {
/* padding: 20px 30px; */
}
.section-template--18021585944752__four_img_mq4q7j .current-price {
font-size: 10px;
}
.section-template--18021585944752__four_img_mq4q7j .compare-price {
font-size: 10px;
}
}</style><div class="section-template--18021585944752__four_img_mq4q7j">
<div class="section-header">
<h2 class="section-title">Golf Rangefinder</h2>
</div>
<div class="swiper-container swiper-template--18021585944752__four_img_mq4q7j"
data-slides-per-view-desktop="4"
data-slides-per-view-mobile="2"
data-show-navigation="true"
data-show-pagination="false"
data-autoplay="false"
data-autoplay-speed="3"
data-loop="false">
<div class="swiper-wrapper">
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/gx-6f-pro-white" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/image_3_07dcc54f-80c4-47a7-a0dc-dd5a1bfc96cf.png?v=1742013531&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/image_3_07dcc54f-80c4-47a7-a0dc-dd5a1bfc96cf.png?v=1742013531&width=352 352w, //www.aofar.com/cdn/shop/files/image_3_07dcc54f-80c4-47a7-a0dc-dd5a1bfc96cf.png?v=1742013531&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">GX-6F PRO Golf Rangefinder</div>
<div class="image-price">
<span class="current-price">$58.99</span>
</div>
<a href="/products/gx-6f-pro-white" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/gx-2s" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/image_1_9e894840-7032-4aaf-b90c-9ca30b5a5e6d.png?v=1742013531&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/image_1_9e894840-7032-4aaf-b90c-9ca30b5a5e6d.png?v=1742013531&width=352 352w, //www.aofar.com/cdn/shop/files/image_1_9e894840-7032-4aaf-b90c-9ca30b5a5e6d.png?v=1742013531&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">GX-2S Golf Rangefinder</div>
<div class="image-price">
<span class="current-price">$72.99</span>
</div>
<a href="/products/gx-2s" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/gx-10w" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/GX-10W.png?v=1745995333&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/GX-10W.png?v=1745995333&width=352 352w, //www.aofar.com/cdn/shop/files/GX-10W.png?v=1745995333&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">GX-10W Rangefinder</div>
<div class="image-price">
<span class="current-price">$99.99</span>
</div>
<a href="/products/gx-10w" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/gx-2s-pro" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/cec4c8e35a07b695b6eb340d263bc10c.png?v=1745996253&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/cec4c8e35a07b695b6eb340d263bc10c.png?v=1745996253&width=352 352w, //www.aofar.com/cdn/shop/files/cec4c8e35a07b695b6eb340d263bc10c.png?v=1745996253&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">GX-2S PRO golf&hunting rangefinder</div>
<div class="image-price">
<span class="current-price">$79.99</span>
</div>
<a href="/products/gx-2s-pro" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-button-next">
</div>
<div class="swiper-button-prev">
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const swiperContainer = document.querySelector('.swiper-template--18021585944752__four_img_mq4q7j');
if (!swiperContainer) return;
const slidesPerViewDesktop = parseInt(swiperContainer.dataset.slidesPerViewDesktop);
const slidesPerViewMobile = parseInt(swiperContainer.dataset.slidesPerViewMobile);
const showNavigation = swiperContainer.dataset.showNavigation === 'true';
const showPagination = swiperContainer.dataset.showPagination === 'true';
const autoplay = swiperContainer.dataset.autoplay === 'true';
const autoplaySpeed = parseInt(swiperContainer.dataset.autoplaySpeed) * 1000;
const loop = swiperContainer.dataset.loop === 'true';
const swiper = new Swiper(swiperContainer, {
slidesPerView: slidesPerViewDesktop,
spaceBetween: 40,
loop: loop,
navigation: showNavigation ? {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
hideOnClick: true,
hideOnDisabled: true,
disabledClass: 'swiper-button-disabled'
} : false,
pagination: showPagination ? {
el: '.swiper-pagination',
clickable: true,
} : false,
autoplay: autoplay ? {
delay: autoplaySpeed,
disableOnInteraction: false,
} : false,
breakpoints: {
320: {
slidesPerView: slidesPerViewMobile,
},
768: {
slidesPerView: slidesPerViewDesktop,
}
},
on: {
init: function() {
// 初始化时检查是否需要显示导航按钮
this.navigation.update();
},
slideChange: function() {
// 滑动后更新导航按钮状态
this.navigation.update();
}
}
});
});
</script>
</div><div id="shopify-section-template--18021585944752__four_img_tWPiQr" class="shopify-section"><style data-shopify>.section-template--18021585944752__four_img_tWPiQr {
/* background-color: ; */
padding: 36px 20px 36px 20px;
/* position:relative;
z-index:10; */
/* background: black; */
}
.section-template--18021585944752__four_img_tWPiQr .section-header {
text-align: center;
margin-bottom: 40px;
position: relative;
}
.section-template--18021585944752__four_img_tWPiQr .section-title {
color:#ffffff;
font-size: 32px;
font-weight: 600;
margin: 0 0 20px;
}
.section-template--18021585944752__four_img_tWPiQr .section-description {
color: #ffffff;
font-size: 18px;
max-width: 800px;
margin: 0 auto 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.section-template--18021585944752__four_img_tWPiQr .swiper-container {
max-width: 1320px;
margin: 0 auto;
padding: 0 15px;
}
.section-template--18021585944752__four_img_tWPiQr .swiper-button-next,
.section-template--18021585944752__four_img_tWPiQr .swiper-button-prev {
color: white;
background-color: rgba(255, 255, 255, 0.2);
width: 40px;
height: 40px;
border-radius: 50%;
display: none; /* 默认隐藏 */
}
.section-template--18021585944752__four_img_tWPiQr .swiper-button-next.swiper-button-disabled,
.section-template--18021585944752__four_img_tWPiQr .swiper-button-prev.swiper-button-disabled {
display: none !important; /* 禁用状态强制隐藏 */
}
.section-template--18021585944752__four_img_tWPiQr .swiper-button-next:not(.swiper-button-disabled),
.section-template--18021585944752__four_img_tWPiQr .swiper-button-prev:not(.swiper-button-disabled) {
display: flex; /* 非禁用状态显示 */
}
.section-template--18021585944752__four_img_tWPiQr .swiper-button-next:after,
.section-template--18021585944752__four_img_tWPiQr .swiper-button-prev:after {
font-size: 20px;
}
.section-template--18021585944752__four_img_tWPiQr .swiper-pagination-bullet {
background: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.section-template--18021585944752__four_img_tWPiQr .swiper-pagination-bullet-active {
background: white;
}
.section-template--18021585944752__four_img_tWPiQr .image-card {
background: rgba(22, 22, 22, 0.8);
border-radius: 8px;
overflow: hidden;
transition: transform 0.3s ease;
position: relative;
height: 100%;
}
.section-template--18021585944752__four_img_tWPiQr .image-card:hover {
transform: translateY(-5px);
}
.section-template--18021585944752__four_img_tWPiQr .image-wrapper {
position: relative;
padding-top: 100%; /* 1:1 宽高比 */
overflow: hidden;
}
.section-template--18021585944752__four_img_tWPiQr .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
/* padding: 30px 30px; */
}
.section-template--18021585944752__four_img_tWPiQr .image-card:hover .image-wrapper img {
transform: scale(1.05);
}
.section-template--18021585944752__four_img_tWPiQr .image-content {
padding: 15px;
text-align: center;
}
.section-template--18021585944752__four_img_tWPiQr .image-title {
font-size: 15px;
margin: 0 0 10px;
line-height: 1.4;
text-align: left;
color: rgba(102, 102, 102, 1);
font-weight: 400;
}
.section-template--18021585944752__four_img_tWPiQr .image-description {
color:#ffffff;
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.section-template--18021585944752__four_img_tWPiQr .image-price {
display: flex;
justify-content: left;
align-items: center;
gap: 10px;
margin: 15px 0;
}
.section-template--18021585944752__four_img_tWPiQr .current-price {
color: #ffffff;
font-weight: 600;
font-size: 16px;
}
.section-template--18021585944752__four_img_tWPiQr .compare-price {
color: #999;
text-decoration: line-through;
font-size: 14px;
}
.section-template--18021585944752__four_img_tWPiQr .sale-tag {
background-color: #ff0004;
color: #ffffff;
font-size: 12px;
padding: 2px 6px;
border-radius: 3px;
font-weight: 600;
display: inline-block;
margin-left: 5px;
text-transform: uppercase;
}
.section-template--18021585944752__four_img_tWPiQr .image-button {
border: 1px solid #ff6b00;
color: #ffffff;
border-radius: 4px;
padding: 10px 0px;
font-size: 14px;
cursor: pointer;
transition: opacity 0.3s ease;
width: 100%;
text-decoration: none;
display: inline-block;
margin-top: 10px;
background-color: #ea5520;
}
.section-template--18021585944752__four_img_tWPiQr .image-button:hover {
opacity: 0.9;
background-color: #ff6b00;
border-color: #ff6b00;
}
.section-template--18021585944752__four_img_tWPiQr .image-link {
display: block;
text-decoration: none;
color: inherit;
}
@media screen and (max-width: 768px) {
.section-template--18021585944752__four_img_tWPiQr {
padding: 40px 15px;
}
.section-template--18021585944752__four_img_tWPiQr .section-title {
color:#ffffff;
font-size: 4.26vw;
font-weight: 600;
margin: 0 0 20px;
}
.section-template--18021585944752__four_img_tWPiQr .swiper-container {
padding: 0 10px;
max-width: 100%;
overflow: hidden;
margin: 0 auto;
}
.section-template--18021585944752__four_img_tWPiQr .image-content {
padding: 12px;
}
.section-template--18021585944752__four_img_tWPiQr .image-title {
font-size:14px;
}
.section-template--18021585944752__four_img_tWPiQr .image-description {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.section-template--18021585944752__four_img_tWPiQr .image-wrapper img {
/* padding: 20px 30px; */
}
.section-template--18021585944752__four_img_tWPiQr .current-price {
font-size: 10px;
}
.section-template--18021585944752__four_img_tWPiQr .compare-price {
font-size: 10px;
}
}</style><div class="section-template--18021585944752__four_img_tWPiQr">
<div class="section-header">
<h2 class="section-title">Hunting Rangefinder</h2>
</div>
<div class="swiper-container swiper-template--18021585944752__four_img_tWPiQr"
data-slides-per-view-desktop="4"
data-slides-per-view-mobile="2"
data-show-navigation="true"
data-show-pagination="false"
data-autoplay="false"
data-autoplay-speed="3"
data-loop="false">
<div class="swiper-wrapper">
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/aofar-hx-700n-hunting-archery-rangefinder" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/700n_d65802c4-803a-448a-8f5b-84ee9de5133d.png?v=1745996700&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/700n_d65802c4-803a-448a-8f5b-84ee9de5133d.png?v=1745996700&width=352 352w, //www.aofar.com/cdn/shop/files/700n_d65802c4-803a-448a-8f5b-84ee9de5133d.png?v=1745996700&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">HX-700N Hunting Archery Rangefinder</div>
<div class="image-price">
<span class="current-price">$50.99</span>
<span class="compare-price">$72.99</span>
<span class="sale-tag">Sale</span>
</div>
<a href="/products/aofar-hx-700n-hunting-archery-rangefinder" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/aofar-hx1000-laser-rangefinder" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/HX1000.png?v=1743125295&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/HX1000.png?v=1743125295&width=352 352w, //www.aofar.com/cdn/shop/files/HX1000.png?v=1743125295&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">HX1000 Rangefinder</div>
<div class="image-price">
<span class="current-price">$64.99</span>
<span class="compare-price">$84.49</span>
<span class="sale-tag">Sale</span>
</div>
<a href="/products/aofar-hx1000-laser-rangefinder" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/aofar-hx1600-huntiing-rangefinder" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/HX-1600.png?v=1743061158&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/HX-1600.png?v=1743061158&width=352 352w, //www.aofar.com/cdn/shop/files/HX-1600.png?v=1743061158&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">HX1600 Rangefinder</div>
<div class="image-price">
<span class="current-price">$163.99</span>
</div>
<a href="/products/aofar-hx1600-huntiing-rangefinder" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/hx-1200t" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/1200T_1.png?v=1742146727&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/1200T_1.png?v=1742146727&width=352 352w, //www.aofar.com/cdn/shop/files/1200T_1.png?v=1742146727&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">HX-1200T Hunting Archery Rangefinder</div>
<div class="image-price">
<span class="current-price">$104.99</span>
</div>
<a href="/products/hx-1200t" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-button-next">
</div>
<div class="swiper-button-prev">
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const swiperContainer = document.querySelector('.swiper-template--18021585944752__four_img_tWPiQr');
if (!swiperContainer) return;
const slidesPerViewDesktop = parseInt(swiperContainer.dataset.slidesPerViewDesktop);
const slidesPerViewMobile = parseInt(swiperContainer.dataset.slidesPerViewMobile);
const showNavigation = swiperContainer.dataset.showNavigation === 'true';
const showPagination = swiperContainer.dataset.showPagination === 'true';
const autoplay = swiperContainer.dataset.autoplay === 'true';
const autoplaySpeed = parseInt(swiperContainer.dataset.autoplaySpeed) * 1000;
const loop = swiperContainer.dataset.loop === 'true';
const swiper = new Swiper(swiperContainer, {
slidesPerView: slidesPerViewDesktop,
spaceBetween: 30,
loop: loop,
navigation: showNavigation ? {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
hideOnClick: true,
hideOnDisabled: true,
disabledClass: 'swiper-button-disabled'
} : false,
pagination: showPagination ? {
el: '.swiper-pagination',
clickable: true,
} : false,
autoplay: autoplay ? {
delay: autoplaySpeed,
disableOnInteraction: false,
} : false,
breakpoints: {
320: {
slidesPerView: slidesPerViewMobile,
},
768: {
slidesPerView: slidesPerViewDesktop,
}
},
on: {
init: function() {
// 初始化时检查是否需要显示导航按钮
this.navigation.update();
},
slideChange: function() {
// 滑动后更新导航按钮状态
this.navigation.update();
}
}
});
});
</script>
</div><div id="shopify-section-template--18021585944752__four_img_wtVWbP" class="shopify-section"><style data-shopify>.section-template--18021585944752__four_img_wtVWbP {
/* background-color: ; */
padding: 36px 20px 36px 20px;
/* position:relative;
z-index:10; */
/* background: black; */
}
.section-template--18021585944752__four_img_wtVWbP .section-header {
text-align: center;
margin-bottom: 40px;
position: relative;
}
.section-template--18021585944752__four_img_wtVWbP .section-title {
color:#ffffff;
font-size: 32px;
font-weight: 600;
margin: 0 0 20px;
}
.section-template--18021585944752__four_img_wtVWbP .section-description {
color: #ffffff;
font-size: 18px;
max-width: 800px;
margin: 0 auto 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.section-template--18021585944752__four_img_wtVWbP .swiper-container {
max-width: 1320px;
margin: 0 auto;
padding: 0 15px;
}
.section-template--18021585944752__four_img_wtVWbP .swiper-button-next,
.section-template--18021585944752__four_img_wtVWbP .swiper-button-prev {
color: white;
background-color: rgba(255, 255, 255, 0.2);
width: 40px;
height: 40px;
border-radius: 50%;
display: none; /* 默认隐藏 */
}
.section-template--18021585944752__four_img_wtVWbP .swiper-button-next.swiper-button-disabled,
.section-template--18021585944752__four_img_wtVWbP .swiper-button-prev.swiper-button-disabled {
display: none !important; /* 禁用状态强制隐藏 */
}
.section-template--18021585944752__four_img_wtVWbP .swiper-button-next:not(.swiper-button-disabled),
.section-template--18021585944752__four_img_wtVWbP .swiper-button-prev:not(.swiper-button-disabled) {
display: flex; /* 非禁用状态显示 */
}
.section-template--18021585944752__four_img_wtVWbP .swiper-button-next:after,
.section-template--18021585944752__four_img_wtVWbP .swiper-button-prev:after {
font-size: 20px;
}
.section-template--18021585944752__four_img_wtVWbP .swiper-pagination-bullet {
background: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.section-template--18021585944752__four_img_wtVWbP .swiper-pagination-bullet-active {
background: white;
}
.section-template--18021585944752__four_img_wtVWbP .image-card {
background: rgba(22, 22, 22, 0.8);
border-radius: 8px;
overflow: hidden;
transition: transform 0.3s ease;
position: relative;
height: 100%;
}
.section-template--18021585944752__four_img_wtVWbP .image-card:hover {
transform: translateY(-5px);
}
.section-template--18021585944752__four_img_wtVWbP .image-wrapper {
position: relative;
padding-top: 100%; /* 1:1 宽高比 */
overflow: hidden;
}
.section-template--18021585944752__four_img_wtVWbP .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
/* padding: 30px 30px; */
}
.section-template--18021585944752__four_img_wtVWbP .image-card:hover .image-wrapper img {
transform: scale(1.05);
}
.section-template--18021585944752__four_img_wtVWbP .image-content {
padding: 15px;
text-align: center;
}
.section-template--18021585944752__four_img_wtVWbP .image-title {
font-size: 15px;
margin: 0 0 10px;
line-height: 1.4;
text-align: left;
color: rgba(102, 102, 102, 1);
font-weight: 400;
}
.section-template--18021585944752__four_img_wtVWbP .image-description {
color:#ffffff;
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.section-template--18021585944752__four_img_wtVWbP .image-price {
display: flex;
justify-content: left;
align-items: center;
gap: 10px;
margin: 15px 0;
}
.section-template--18021585944752__four_img_wtVWbP .current-price {
color: #ffffff;
font-weight: 600;
font-size: 16px;
}
.section-template--18021585944752__four_img_wtVWbP .compare-price {
color: #999;
text-decoration: line-through;
font-size: 14px;
}
.section-template--18021585944752__four_img_wtVWbP .sale-tag {
background-color: #ff0004;
color: #ffffff;
font-size: 12px;
padding: 2px 6px;
border-radius: 3px;
font-weight: 600;
display: inline-block;
margin-left: 5px;
text-transform: uppercase;
}
.section-template--18021585944752__four_img_wtVWbP .image-button {
border: 1px solid #ff6b00;
color: #ffffff;
border-radius: 4px;
padding: 10px 0px;
font-size: 14px;
cursor: pointer;
transition: opacity 0.3s ease;
width: 100%;
text-decoration: none;
display: inline-block;
margin-top: 10px;
background-color: #ea5520;
}
.section-template--18021585944752__four_img_wtVWbP .image-button:hover {
opacity: 0.9;
background-color: #ff6b00;
border-color: #ff6b00;
}
.section-template--18021585944752__four_img_wtVWbP .image-link {
display: block;
text-decoration: none;
color: inherit;
}
@media screen and (max-width: 768px) {
.section-template--18021585944752__four_img_wtVWbP {
padding: 40px 15px;
}
.section-template--18021585944752__four_img_wtVWbP .section-title {
color:#ffffff;
font-size: 4.26vw;
font-weight: 600;
margin: 0 0 20px;
}
.section-template--18021585944752__four_img_wtVWbP .swiper-container {
padding: 0 10px;
max-width: 100%;
overflow: hidden;
margin: 0 auto;
}
.section-template--18021585944752__four_img_wtVWbP .image-content {
padding: 12px;
}
.section-template--18021585944752__four_img_wtVWbP .image-title {
font-size:14px;
}
.section-template--18021585944752__four_img_wtVWbP .image-description {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.section-template--18021585944752__four_img_wtVWbP .image-wrapper img {
/* padding: 20px 30px; */
}
.section-template--18021585944752__four_img_wtVWbP .current-price {
font-size: 10px;
}
.section-template--18021585944752__four_img_wtVWbP .compare-price {
font-size: 10px;
}
}</style><div class="section-template--18021585944752__four_img_wtVWbP">
<div class="section-header">
<h2 class="section-title">Compass</h2>
</div>
<div class="swiper-container swiper-template--18021585944752__four_img_wtVWbP"
data-slides-per-view-desktop="4"
data-slides-per-view-mobile="2"
data-show-navigation="true"
data-show-pagination="true"
data-autoplay="false"
data-autoplay-speed="3"
data-loop="false">
<div class="swiper-wrapper">
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/af-4580" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/20250425-181743.png?v=1745576311&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/20250425-181743.png?v=1745576311&width=352 352w, //www.aofar.com/cdn/shop/files/20250425-181743.png?v=1745576311&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">AF-4580 Compass</div>
<div class="image-price">
<span class="current-price">$13.59</span>
<span class="compare-price">$15.59</span>
<span class="sale-tag">SALE</span>
</div>
<a href="/products/af-4580" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/af-4074" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/20250425-181731.png?v=1745576302&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/20250425-181731.png?v=1745576302&width=352 352w, //www.aofar.com/cdn/shop/files/20250425-181731.png?v=1745576302&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">AF-4074 Compass</div>
<div class="image-price">
<span class="current-price">$17.99</span>
<span class="compare-price">$27.99</span>
<span class="sale-tag">Sale</span>
</div>
<a href="/products/af-4074" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/af-4090" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/20250425-182956.png?v=1745577114&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/20250425-182956.png?v=1745577114&width=352 352w, //www.aofar.com/cdn/shop/files/20250425-182956.png?v=1745577114&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">AF-4090 Multifunctional Compass</div>
<div class="image-price">
<span class="current-price">$10.99</span>
<span class="compare-price">$12.99</span>
<span class="sale-tag">Sale</span>
</div>
<a href="/products/af-4090" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
<div class="swiper-slide" >
<div class="image-card">
<a href="/products/af-362-compass" class="image-link">
<div class="image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/20250425-181717_b6d33b6b-eb13-4723-a2a2-1b3656f6d615.png?v=1745577082&width=600" alt="" srcset="//www.aofar.com/cdn/shop/files/20250425-181717_b6d33b6b-eb13-4723-a2a2-1b3656f6d615.png?v=1745577082&width=352 352w, //www.aofar.com/cdn/shop/files/20250425-181717_b6d33b6b-eb13-4723-a2a2-1b3656f6d615.png?v=1745577082&width=600 600w" width="600" height="600" loading="lazy">
</div>
<div class="image-content">
<div class="image-description">AF-362 Compass</div>
<div class="image-price">
<span class="current-price">$8.99</span>
<span class="compare-price">$10.99</span>
<span class="sale-tag">Sale</span>
</div>
<a href="/products/af-362-compass" class="image-button">
Buy now
</a>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-button-next">
</div>
<div class="swiper-button-prev">
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const swiperContainer = document.querySelector('.swiper-template--18021585944752__four_img_wtVWbP');
if (!swiperContainer) return;
const slidesPerViewDesktop = parseInt(swiperContainer.dataset.slidesPerViewDesktop);
const slidesPerViewMobile = parseInt(swiperContainer.dataset.slidesPerViewMobile);
const showNavigation = swiperContainer.dataset.showNavigation === 'true';
const showPagination = swiperContainer.dataset.showPagination === 'true';
const autoplay = swiperContainer.dataset.autoplay === 'true';
const autoplaySpeed = parseInt(swiperContainer.dataset.autoplaySpeed) * 1000;
const loop = swiperContainer.dataset.loop === 'true';
const swiper = new Swiper(swiperContainer, {
slidesPerView: slidesPerViewDesktop,
spaceBetween: 30,
loop: loop,
navigation: showNavigation ? {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
hideOnClick: true,
hideOnDisabled: true,
disabledClass: 'swiper-button-disabled'
} : false,
pagination: showPagination ? {
el: '.swiper-pagination',
clickable: true,
} : false,
autoplay: autoplay ? {
delay: autoplaySpeed,
disableOnInteraction: false,
} : false,
breakpoints: {
320: {
slidesPerView: slidesPerViewMobile,
},
768: {
slidesPerView: slidesPerViewDesktop,
}
},
on: {
init: function() {
// 初始化时检查是否需要显示导航按钮
this.navigation.update();
},
slideChange: function() {
// 滑动后更新导航按钮状态
this.navigation.update();
}
}
});
});
</script>
</div><div id="shopify-section-template--18021585944752__four_show_jbt9Pd" class="shopify-section"><style data-shopify>.section-template--18021585944752__four_show_jbt9Pd {
background-color: #121212;
background-image: none;
background-size: cover;
background-position: center;
padding: 30px 20px;
}
.section-template--18021585944752__four_show_jbt9Pd .container {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
border-bottom: 1px solid #444444;
}
.section-template--18021585944752__four_show_jbt9Pd .section-header {
text-align: center;
margin-bottom: 50px;
}
.section-template--18021585944752__four_show_jbt9Pd .section-title {
color: #ffffff;
font-size: 32px;
font-size: 32px;
font-weight: 600;
margin: 0 0 20px;
}
.section-template--18021585944752__four_show_jbt9Pd .stats-grid {
display: flex;
overflow: hidden;
position: relative;
width: 100%;
max-width: 1320px;
margin: auto;
justify-content: center;
}
.section-template--18021585944752__four_show_jbt9Pd .stats-track {
display: flex;
width: 200%;
animation: slideTrack 12s linear infinite;
}
@keyframes slideTrack {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.section-template--18021585944752__four_show_jbt9Pd .stats-track:hover {
animation-play-state: paused;
}
.section-template--18021585944752__four_show_jbt9Pd .stat-item {
text-align: left;
padding: 20px;
flex: 0 0 calc(100% / 6);
min-width: calc(100% / 6);
box-sizing: border-box;
}
.section-template--18021585944752__four_show_jbt9Pd .stat-number {
color: #b0b0b0;
font-size: 28px;
font-weight: 400;
margin: 0 0 10px;
line-height: 1.2;
}
.section-template--18021585944752__four_show_jbt9Pd .stat-title {
color: #ffffff;
font-size: 18px;
font-weight: 500;
margin: 0 0 10px;
}
.section-template--18021585944752__four_show_jbt9Pd .stat-description {
color: #e3e3e3;
font-size: 14px;
line-height: 1.5;
}
@media screen and (max-width: 1024px) {
.section-template--18021585944752__four_show_jbt9Pd .stat-item {
flex: 0 0 calc(100% / 3);
min-width: calc(100% / 3);
}
}
@media screen and (max-width: 768px) {
.section-template--18021585944752__four_show_jbt9Pd {
padding: 20px;
}
.section-template--18021585944752__four_show_jbt9Pd .container {
overflow: hidden;
width: 100%;
padding: 0;
}
.section-template--18021585944752__four_show_jbt9Pd .section-header {
padding: 0 15px;
margin-bottom: 4vw;
}
.section-template--18021585944752__four_show_jbt9Pd .stats-grid {
display: flex;
overflow: hidden;
width: 100%;
flex-wrap: nowrap;
padding: 0 15px 20px;
margin: 0;
}
.section-template--18021585944752__four_show_jbt9Pd .stats-track {
width: 400%;
animation: slideTrack 24s linear infinite;
}
.section-template--18021585944752__four_show_jbt9Pd .stat-item {
flex: 0 0 calc(100% / 6);
min-width: calc(100% / 6);
padding: 15px;
}
.section-template--18021585944752__four_show_jbt9Pd .section-title {
font-size: 4.26vw;
}
.section-template--18021585944752__four_show_jbt9Pd .stat-number {
font-size: 4.26vw;
}
.section-template--18021585944752__four_show_jbt9Pd .stat-title {
font-size: max(16px, 16px);
}
.section-template--18021585944752__four_show_jbt9Pd .stat-description {
font-size: 2.4vw;
}
}</style><div class="section-template--18021585944752__four_show_jbt9Pd">
<div class="container">
<div class="section-header">
<h2 class="section-title">Shop With Confidence at AOFAR</h2>
</div>
<div class="stats-grid">
<div class="stats-track">
<div class="stat-item" >
<div class="stat-number">99.8%</div>
<div class="stat-description">Rated 4.9/5 with 99.8% Positive Reviews</div>
</div>
<div class="stat-item" >
<div class="stat-number">80 Million+</div>
<div class="stat-description">Over 80 million products sold worldwide</div>
</div>
<div class="stat-item" >
<div class="stat-number">55%</div>
<div class="stat-description">55% of Our Team Dedicated to Research & Development</div>
</div>
<div class="stat-item" >
<div class="stat-number">12 Years</div>
<div class="stat-description">12 Years of Photoelectric Technology Research and Development Experience</div>
</div>
<div class="stat-item" >
<div class="stat-number">50+ Countries</div>
<div class="stat-description">Business in 50+ Countries</div>
</div>
<div class="stat-item" >
<div class="stat-number">129 Intellectual</div>
<div class="stat-description">129 Intellectual Property Applications</div>
</div>
<div class="stat-item" >
<div class="stat-number">6000 m²</div>
<div class="stat-description">6000 m² Manufacturing Center</div>
</div>
<div class="stat-item" >
<div class="stat-number">99.8%</div>
<div class="stat-description">Rated 4.9/5 with 99.8% Positive Reviews</div>
</div>
<div class="stat-item" >
<div class="stat-number">80 Million+</div>
<div class="stat-description">Over 80 million products sold worldwide</div>
</div>
<div class="stat-item" >
<div class="stat-number">55%</div>
<div class="stat-description">55% of Our Team Dedicated to Research & Development</div>
</div>
<div class="stat-item" >
<div class="stat-number">12 Years</div>
<div class="stat-description">12 Years of Photoelectric Technology Research and Development Experience</div>
</div>
<div class="stat-item" >
<div class="stat-number">50+ Countries</div>
<div class="stat-description">Business in 50+ Countries</div>
</div>
<div class="stat-item" >
<div class="stat-number">129 Intellectual</div>
<div class="stat-description">129 Intellectual Property Applications</div>
</div>
<div class="stat-item" >
<div class="stat-number">6000 m²</div>
<div class="stat-description">6000 m² Manufacturing Center</div>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", (event) => {
const track = document.querySelector(".stats-track");
const items = track.querySelectorAll(".stat-item");
const itemWidth = items[0].offsetWidth;
// 确保有足够的内容进行无缝滚动
if (items.length < 4) {
const originalItems = Array.from(items);
originalItems.forEach(item => {
const clone = item.cloneNode(true);
track.appendChild(clone);
});
}
// 设置动画速度
const speed = 6;
track.style.animationDuration = `${speed * 2}s`;
});
</script>
</div><section id="shopify-section-template--18021585944752__rich_text_gFPLjL" class="shopify-section section"><link href="//www.aofar.com/cdn/shop/t/35/assets/section-rich-text.css?v=152918319125873383341745862825" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--18021585944752__rich_text_gFPLjL-padding {
padding-top: 0px;
padding-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-template--18021585944752__rich_text_gFPLjL-padding {
padding-top: 0px;
padding-bottom: 0px;
}
}</style><div class="isolate">
<div class="rich-text content-container color-scheme-a2f13f03-87df-4d79-9300-d4b27de2e23b gradient rich-text--full-width content-container--full-width section-template--18021585944752__rich_text_gFPLjL-padding">
<div class="rich-text__wrapper rich-text__wrapper--center page-width">
<div class="rich-text__blocks center"></div>
</div>
</div>
</div>
<style> @media screen and (max-width: 750px) {#shopify-section-template--18021585944752__rich_text_gFPLjL h2 {font-size: 4.26vw; font-weight: 600; }} @media screen and (min-width: 750px) {#shopify-section-template--18021585944752__rich_text_gFPLjL h2 {font-size: 32px; font-weight: 600; }} </style></section><section id="shopify-section-template--18021585944752__174205270678c7a3c9" class="shopify-section section"><div class="page-width scroll-trigger animate--slide-in"></div>
</section><div id="shopify-section-template--18021585944752__img_following_jpaNHy" class="shopify-section"><style data-shopify>.section-template--18021585944752__img_following_jpaNHy {
background-color: #121212;
padding: 60px 20px;
/* z-index: 10;
position: relative; */
}
.section-template--18021585944752__img_following_jpaNHy .section-header {
text-align: center;
margin-bottom: 30px;
position: relative;
}
.section-template--18021585944752__img_following_jpaNHy .section-title {
color: #ffffff;
font-size: 24px;
font-weight: 600;
margin: 0;
font-size: 32px;
font-weight:600;
}
.section-template--18021585944752__img_following_jpaNHy .following-slider {
max-width: 1200px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.section-template--18021585944752__img_following_jpaNHy .following-grid {
display: flex;
gap: 10px;
width: max-content;
}
.section-template--18021585944752__img_following_jpaNHy .following-item {
position: relative;
overflow: hidden;
width: calc((100vw - 40px) / 5);
max-width: 230px;
}
.section-template--18021585944752__img_following_jpaNHy .following-image-wrapper {
position: relative;
padding-top: 100%; /* 1:1 宽高比 */
overflow: hidden;
}
.section-template--18021585944752__img_following_jpaNHy .following-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.section-template--18021585944752__img_following_jpaNHy .following-item:hover .following-image {
transform: scale(1.05);
}
.section-template--18021585944752__img_following_jpaNHy .following-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.section-template--18021585944752__img_following_jpaNHy .following-item:hover .following-overlay {
opacity: 1;
}
.section-template--18021585944752__img_following_jpaNHy .following-icon {
color: #fff;
font-size: 24px;
}
.section-template--18021585944752__img_following_jpaNHy .following-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
/* Swiper 导航箭头样式 */
.section-template--18021585944752__img_following_jpaNHy .swiper-button-next,
.section-template--18021585944752__img_following_jpaNHy .swiper-button-prev {
color: #b0b0b0;
background: #000000;
width: 40px;
height: 40px;
border-radius: 50%;
opacity: 0.7;
transition: opacity 0.3s;
--swiper-navigation-size: 20px;
display:inline-flex;
}
.section-template--18021585944752__img_following_jpaNHy .swiper-button-next:hover,
.section-template--18021585944752__img_following_jpaNHy .swiper-button-prev:hover {
opacity: 1;
}
.section-template--18021585944752__img_following_jpaNHy .swiper-pagination-bullet {
background: #ffffff;
opacity: 0.5;
}
.section-template--18021585944752__img_following_jpaNHy .swiper-pagination-bullet-active {
opacity: 1;
}
@media screen and (max-width: 768px) {
.section-template--18021585944752__img_following_jpaNHy {
padding: 40px 15px;
}
.section-template--18021585944752__img_following_jpaNHy .following-item {
width: calc((100vw - 30px) / 2);
max-width: none;
}
.section-template--18021585944752__img_following_jpaNHy .section-title{
font-size: 4.26vw;
}
}</style><div class="section-template--18021585944752__img_following_jpaNHy">
<div class="section-header">
<h2 class="section-title">Join Our Community</h2>
</div>
<div class="following-slider swiper-container">
<div class="following-grid swiper-wrapper" id="slider-template--18021585944752__img_following_jpaNHy">
<div class="following-item swiper-slide" >
<div class="following-image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/440451150_1130630034918398_5734211878405356705_n.jpg?v=1742134677&width=400" alt="instagram" srcset="//www.aofar.com/cdn/shop/files/440451150_1130630034918398_5734211878405356705_n.jpg?v=1742134677&width=352 352w, //www.aofar.com/cdn/shop/files/440451150_1130630034918398_5734211878405356705_n.jpg?v=1742134677&width=400 400w" width="400" height="400" loading="lazy" class="following-image">
<div class="following-overlay">
<span class="following-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</span>
</div>
</div>
<a
href="https://www.instagram.com/usaofar/"
class="following-link"
target="_blank"
rel="noopener"
aria-label="instagram"
></a>
</div>
<div class="following-item swiper-slide" >
<div class="following-image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/20250427-142450.png?v=1745735278&width=400" alt="instagram" srcset="//www.aofar.com/cdn/shop/files/20250427-142450.png?v=1745735278&width=352 352w, //www.aofar.com/cdn/shop/files/20250427-142450.png?v=1745735278&width=400 400w" width="400" height="400" loading="lazy" class="following-image">
<div class="following-overlay">
<span class="following-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</span>
</div>
</div>
</div>
<div class="following-item swiper-slide" >
<div class="following-image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/20250427-142441.jpg?v=1745735279&width=400" alt="instagram" srcset="//www.aofar.com/cdn/shop/files/20250427-142441.jpg?v=1745735279&width=352 352w, //www.aofar.com/cdn/shop/files/20250427-142441.jpg?v=1745735279&width=400 400w" width="400" height="400" loading="lazy" class="following-image">
<div class="following-overlay">
<span class="following-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</span>
</div>
</div>
</div>
<div class="following-item swiper-slide" >
<div class="following-image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/20250427-142417.jpg?v=1745735282&width=400" alt="instagram" srcset="//www.aofar.com/cdn/shop/files/20250427-142417.jpg?v=1745735282&width=352 352w, //www.aofar.com/cdn/shop/files/20250427-142417.jpg?v=1745735282&width=400 400w" width="400" height="400" loading="lazy" class="following-image">
<div class="following-overlay">
<span class="following-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</span>
</div>
</div>
</div>
<div class="following-item swiper-slide" >
<div class="following-image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/440436480_750934990527335_831749782035231348_n.jpg?v=1742134682&width=400" alt="instagram" srcset="//www.aofar.com/cdn/shop/files/440436480_750934990527335_831749782035231348_n.jpg?v=1742134682&width=352 352w, //www.aofar.com/cdn/shop/files/440436480_750934990527335_831749782035231348_n.jpg?v=1742134682&width=400 400w" width="400" height="400" loading="lazy" class="following-image">
<div class="following-overlay">
<span class="following-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</span>
</div>
</div>
<a
href="https://www.instagram.com/usaofar/"
class="following-link"
target="_blank"
rel="noopener"
aria-label="instagram"
></a>
</div>
<div class="following-item swiper-slide" >
<div class="following-image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/452617458_473250992086327_2338374001359005931_n.jpg?v=1742134678&width=400" alt="instagram" srcset="//www.aofar.com/cdn/shop/files/452617458_473250992086327_2338374001359005931_n.jpg?v=1742134678&width=352 352w, //www.aofar.com/cdn/shop/files/452617458_473250992086327_2338374001359005931_n.jpg?v=1742134678&width=400 400w" width="400" height="500" loading="lazy" class="following-image">
<div class="following-overlay">
<span class="following-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</span>
</div>
</div>
<a
href="https://www.instagram.com/usaofar/"
class="following-link"
target="_blank"
rel="noopener"
aria-label="instagram"
></a>
</div>
<div class="following-item swiper-slide" >
<div class="following-image-wrapper">
<img src="//www.aofar.com/cdn/shop/files/450579734_18446586478027626_2076636304652263122_n.jpg?v=1742134717&width=400" alt="instagram" srcset="//www.aofar.com/cdn/shop/files/450579734_18446586478027626_2076636304652263122_n.jpg?v=1742134717&width=352 352w, //www.aofar.com/cdn/shop/files/450579734_18446586478027626_2076636304652263122_n.jpg?v=1742134717&width=400 400w" width="400" height="395" loading="lazy" class="following-image">
<div class="following-overlay">
<span class="following-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
</svg>
</span>
</div>
</div>
<a
href="https://www.instagram.com/usaofar/"
class="following-link"
target="_blank"
rel="noopener"
aria-label="instagram"
></a>
</div>
</div>
<!-- 直接添加导航箭头和分页器 -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const sliderContainer = document.querySelector('.section-template--18021585944752__img_following_jpaNHy .following-slider');
// 初始化Swiper
new Swiper(sliderContainer, {
slidesPerView: 5,
spaceBetween: 10,
loop: true,
autoplay:
{
delay: 1000,
disableOnInteraction: true
}
,
speed: 500,
effect: 'slide',
pagination: {
el: '.section-template--18021585944752__img_following_jpaNHy .swiper-pagination',
clickable: true
},
navigation: {
nextEl: '.section-template--18021585944752__img_following_jpaNHy .swiper-button-next',
prevEl: '.section-template--18021585944752__img_following_jpaNHy .swiper-button-prev'
},
breakpoints: {
320: {
slidesPerView: 2
},
768: {
slidesPerView: 3
},
1024: {
slidesPerView: 5
}
}
});
});
</script>
</div>
</div>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--18021584699568__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//www.aofar.com/cdn/shop/t/35/assets/section-footer.css?v=1510596518286755331745862825" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-newsletter.css?v=39530467877924636201745862823" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-list-menu.css?v=80983440341589551251745862821" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-list-payment.css?v=50137142326171693671745862820" rel="stylesheet" type="text/css" media="all" />
<link href="//www.aofar.com/cdn/shop/t/35/assets/component-list-social.css?v=66903733460233742851745862821" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.footer {
margin-top: 0px;
/* margin-top:0px; */
}
footer .grid {
display: flex;
}
.section-sections--18021584699568__footer-padding {
padding-top: 24px;
padding-bottom: 27px;
}
.footer__content-top {
display: flex;
justify-content: space-between;
align-items: baseline;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer__blocks-wrapper{
width: 55%;
}
.footer-block--newsletter{
width: 35%;
display: flex;
flex-direction: column;
text-align: left;
}
/* 订阅按钮样式 */
.newsletter-form__field-wrapper {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.newsletter-form__field-wrapper .field {
flex: 1;
width: auto;
}
.newsletter-form__field-wrapper .field__input {
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: transparent;
color: white;
height: 40px;
padding: 0 15px;
border-radius: 0;
}
.newsletter-form__button {
background-color: #e95520;
color: white;
border: none;
padding: 0 20px;
height: 40px;
cursor: pointer;
font-weight: 500;
text-transform: uppercase;
min-width: 120px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
font-family: Poppins, sans-serif;
font-size: 14px;
flex-shrink: 0;
}
.newsletter-form__button:hover {
background-color: #d44a18;
}
.newsletter-form__button .svg-wrapper {
display: none;
}
@media screen and (min-width: 750px) {
.footer {
margin-top: 0px;
/* margin-top:0px; */
}
.section-sections--18021584699568__footer-padding {
padding-top: 32px;
padding-bottom: 36px;
}
}
@media screen and (max-width: 749px) {
.footer-block--newsletter{
width: 100%;
gap:0;
margin-bottom: 20px;
}
.footer-block__heading {
text-align: left;
}
footer .login-input .login-btn {
height: 30px;
border: 1px solid #e95520;
font-family: poppins;
}
.footer-block__newsletter{
text-align: left;
margin-bottom: 20px;
}
.footer__column--info{
padding:0;
align-items: flex-start;
}
footer .list-payment{
margin: 0;
padding: 0;
justify-content: left;
gap: 3px;
}
footer .list-payment .list-payment__item{
padding:0;
}
/* 移动端订阅按钮样式 */
.newsletter-form__field-wrapper {
flex-direction: row !important;
gap: 5px !important;
}
.newsletter-form__button {
min-width: 100px !important;
font-size: 12px !important;
}
}</style><footer class="footer color-scheme-a2f13f03-87df-4d79-9300-d4b27de2e23b gradient section-sections--18021584699568__footer-padding"><div class="footer__content-top page-width"><div
class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-trigger animate--slide-in"
data-cascade
><div
class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
><h2 class="footer-block__heading inline-richtext">Company</h2><ul class="footer-block__details-content list-unstyled"><li>
<a
href="/pages/aofar-about"
class="link link--text list-menu__item list-menu__item--link"
>
About US
</a>
</li><li>
<a
href="/pages/contact-us"
class="link link--text list-menu__item list-menu__item--link"
>
Contact US
</a>
</li><li>
<a
href="/pages/aofar-warranty"
class="link link--text list-menu__item list-menu__item--link"
>
Warranty
</a>
</li><li>
<a
href="/pages/review"
class="link link--text list-menu__item list-menu__item--link"
>
Review
</a>
</li><li>
<a
href="/pages/affiliate"
class="link link--text list-menu__item list-menu__item--link"
>
Affiliate
</a>
</li><li>
<a
href="/blogs/news"
class="link link--text list-menu__item list-menu__item--link"
>
Blogs
</a>
</li></ul></div><div
class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 2;"
><h2 class="footer-block__heading inline-richtext">Product</h2><ul class="footer-block__details-content list-unstyled"><li>
<a
href="/collections/golf-rangefinder"
class="link link--text list-menu__item list-menu__item--link"
>
Golf Rangefinder
</a>
</li><li>
<a
href="/collections/hunting-rangefinder"
class="link link--text list-menu__item list-menu__item--link"
>
Hunting Rangefinder
</a>
</li><li>
<a
href="/collections/accessories"
class="link link--text list-menu__item list-menu__item--link"
>
Accessories
</a>
</li></ul></div><div
class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 3;"
><h2 class="footer-block__heading inline-richtext">Support</h2><ul class="footer-block__details-content list-unstyled"><li>
<a
href="/pages/faq"
class="link link--text list-menu__item list-menu__item--link"
>
Product FAQ's
</a>
</li><li>
<a
href="/pages/aofar-manual"
class="link link--text list-menu__item list-menu__item--link"
>
Product Manuals
</a>
</li><li>
<a
href="/pages/return-policy"
class="link link--text list-menu__item list-menu__item--link"
>
Return & Refund Policy
</a>
</li><li>
<a
href="/pages/privacy-policy"
class="link link--text list-menu__item list-menu__item--link"
>
Privacy Policy
</a>
</li><li>
<a
href="/pages/shipping-policy"
class="link link--text list-menu__item list-menu__item--link"
>
Shipping Policy
</a>
</li><li>
<a
href="/pages/terms-of-service"
class="link link--text list-menu__item list-menu__item--link"
>
Terms of Service
</a>
</li></ul></div></div><!-- 订阅 -->
<div
class="footer-block--newsletter scroll-trigger animate--slide-in"
data-cascade
><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">Subscribe to our emails</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
<div
class="newsletter-form__field-wrapper"
style="display: flex; flex-direction: row; align-items: center; gap: 10px;"
>
<div class="field" style="flex: 1; width: auto;">
<input
id="NewsletterForm--sections--18021584699568__footer"
type="email"
name="contact[email]"
class="field__input"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Email"
required
style="width: 100%; border: 1px solid rgba(255, 255, 255, 0.2); background-color: transparent; color: white; height: 40px; padding: 0 15px; border-radius: 0;"
>
<label class="field__label" for="NewsletterForm--sections--18021584699568__footer">
Email
</label>
</div>
<button
type="submit"
class="newsletter-form__button"
name="commit"
id="Subscribe"
aria-label="Subscribe"
style="background-color: #e95520; color: white; border: none; padding: 0 20px; height: 40px; cursor: pointer; font-weight: 500; text-transform: uppercase; min-width: 120px; display: flex; align-items: center; justify-content: center; border-radius: 0; font-family: Poppins, sans-serif; font-size: 14px; flex-shrink: 0;"
>
Subscribe
</button></div></form></div>
<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
<a href="https://www.facebook.com/AofarOffical/" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
</span>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a href="https://www.instagram.com/aofar.official" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
<span class="visually-hidden">Instagram</span>
</a>
</li><li class="list-social__item">
<a href="https://www.youtube.com/@aofar_official" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
</span>
<span class="visually-hidden">YouTube</span>
</a>
</li><li class="list-social__item">
<a href="https://www.tiktok.com/@aofar.official" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
</span>
<span class="visually-hidden">TikTok</span>
</a>
</li><li class="list-social__item">
<a href="https://x.com/aofar_official" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
</span>
<span class="visually-hidden">X (Twitter)</span>
</a>
</li><li class="list-social__item">
<a href="https://www.pinterest.com/aofar_official/" class="link list-social__link">
<span class="svg-wrapper"><svg class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.01a8.1 8.1 0 0 1 5.666 2.353 8.09 8.09 0 0 1 1.277 9.68A7.95 7.95 0 0 1 10 18.04a8.2 8.2 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297q1.254 0 2.248-.72a4.7 4.7 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.06 5.06 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.02 5.02 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.26 2.26 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228a6.8 6.8 0 0 1-.317 2.122 3.8 3.8 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085q.22-.77.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.07 8.07 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.72 7.72 0 0 1 10 2.001z"/></svg>
</span>
<span class="visually-hidden">Pinterest</span>
</a>
</li></ul>
<!-- 支付方式 -->
<div class="footer__column footer__column--info">
<!-- 媒体icon -->
<div class="social" style="display:none;">
<div class="part">
<div class="part-title">follow us</div>
<div class="part-list1">
<div class="item">
<a href="https://www.tiktok.com/@aofar" target="_blank"
><img src="//www.aofar.com/cdn/shop/t/35/assets/s5-1.png?v=122904293350153100431745862824" alt=""
></a>
</div>
<div class="item">
<a href="https://www.youtube.com/channel/UCR9qG8aCx2dmewDacmKsXbw" target="_blank"
><img src="//www.aofar.com/cdn/shop/t/35/assets/s5-2.png?v=57787876743294241191745862825" alt=""
></a>
</div>
<div class="item">
<a href="https://www.youtube.com/channel/UCR9qG8aCx2dmewDacmKsXbw" target="_blank"
><img src="//www.aofar.com/cdn/shop/t/35/assets/s5-3.png?v=161245160126864674761745862825" alt=""
></a>
</div>
<div class="item">
<a href="" target="_blank"
><img src="//www.aofar.com/cdn/shop/t/35/assets/s5-4.png?v=86837425197820262271745862825" alt=""
></a>
</div>
<div class="item">
<a href="https://www.facebook.com/AOFAR-275331896741800" target="_blank"
><img src="//www.aofar.com/cdn/shop/t/35/assets/s5-5.png?v=123169001216289139591745862826" alt=""
></a>
</div>
</div>
</div>
</div><div class="footer__payment">
<span class="visually-hidden">Payment methods</span>
<ul class="list list-payment" role="list"><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg>
</li><li class="list-payment__item">
<svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
</li></ul>
</div></div>
<!-- 支付方式 end -->
</div>
</div><div
class="footer__content-bottom scroll-trigger animate--slide-in"
data-cascade
>
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__column footer__localization isolate"></div>
</div>
<div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center">
<div class="footer__copyright caption">
<small class="copyright__content"
>© 2025, <a href="/" title="">AOFAR.COM</a></small>
<small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></small></div>
</div>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
const subscribeButton = document.getElementById('Subscribe');
if (subscribeButton) {
subscribeButton.addEventListener('mouseover', function() {
this.style.backgroundColor = '#d44a18';
});
subscribeButton.addEventListener('mouseout', function() {
this.style.backgroundColor = '#e95520';
});
}
});
</script>
<style>
@media screen and (max-width: 749px) {
.newsletter-form__field-wrapper {
flex-direction: row !important;
gap: 5px !important;
}
.newsletter-form__button {
min-width: 100px !important;
font-size: 12px !important;
}
}
</style>
</div>
<!-- END sections: footer-group -->
<ul hidden>
<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
<li id="a11y-new-window-message">Opens in a new window.</li>
</ul>
<script>
window.shopUrl = 'https://www.aofar.com';
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
};
window.cartStrings = {
error: `There was an error while updating your cart. Please try again.`,
quantityError: `You can only add [quantity] of this item to your cart.`,
};
window.variantStrings = {
addToCart: `Add to cart`,
soldOut: `Sold out`,
unavailable: `Unavailable`,
unavailable_with_option: `[value] - Unavailable`,
};
window.quickOrderListStrings = {
itemsAdded: `[quantity] items added`,
itemAdded: `[quantity] item added`,
itemsRemoved: `[quantity] items removed`,
itemRemoved: `[quantity] item removed`,
viewCart: `View cart`,
each: `[money]/ea`,
min_error: `This item has a minimum of [min]`,
max_error: `This item has a maximum of [max]`,
step_error: `You can only add this item in increments of [step]`,
};
window.accessibilityStrings = {
imageAvailable: `Image [index] is now available in gallery view`,
shareSuccess: `Link copied to clipboard`,
pauseSlideshow: `Pause slideshow`,
playSlideshow: `Play slideshow`,
recipientFormExpanded: `Gift card recipient form expanded`,
recipientFormCollapsed: `Gift card recipient form collapsed`,
countrySelectorSearchCount: `[count] countries/regions found`,
};
</script><script src="//www.aofar.com/cdn/shop/t/35/assets/predictive-search.js?v=139070733263575356061745862825" defer="defer"></script><script src="//www.aofar.com/cdn/shop/t/35/assets/cart-drawer.js?v=181452074923969273231745862823" defer="defer"></script><style> .article-template__content ul,.article-template__content ol {list-style: revert !important;} </style>
<div id="shopify-block-AakNoTzR0N0NkN3Z2W__11532412952436166569" class="shopify-block shopify-app-block"><script async src="https://loox.io/widget/4y-dOI71n3/loox.1658206039416.js?shop=hank-stuff.myshopify.com"></script>
<script>var loox_global_hash = '1747762409607';</script><style>.loox-reviews-default { max-width: 1200px; margin: 0 auto; }.loox-rating .loox-icon { color:#ec6120; }
:root { --lxs-rating-icon-color: #ec6120; }</style>
</div><div id="shopify-block-ANmlaSzFnQm1nNzdjc__266489613607320606" class="shopify-block shopify-app-block">
<script src="https://accounts.google.com/gsi/client" async defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/style.css">
<script src="https://code.jquery.com/jquery-3.6.4.js" integrity="sha256-a9jBBRygX1Bh5lt8GZjXDzyOB+bWve9EiO7tROUtj/E=" crossorigin="anonymous"></script>
<script>
var app_url = 'https://googleonetap.magecomp.net';
window.data = {"shop":"hank-stuff.myshopify.com","plan_id":null,"is_free":0,"used_impression":30,"total_impression":100,"btn_shape":"Rectangle","google_client":"1088591705944-s8vaa51q370f8laulaqrpd1165vqfttn.apps.googleusercontent.com","onetap":1,"google_status":1,"apple_client":null,"apple_redirect":null,"apple_btn_color":null,"apple_status":0,"facebook_app_id":null,"facebook_status":0,"linkedin_client":null,"linkedin_secret":null,"linkedin_redirect":null,"linkedin_status":0,"twitter_client":null,"twitter_secret":null,"twitter_redirect":null,"twitter_status":0};
var data = window.data;
window.googleIconRect = "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/google.png";
window.googleIconRound = "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/Google.png";
window.facebookIconRect = "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/facebook.png";
window.facebookIconRound = "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/Facebook.png";
window.linkedinIconRect = "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/linkedin.png";
window.linkedinIconRound = "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/Linkedin.png";
window.twitterIconRect = "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/x.png";
window.twitterIconRound = "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/X.png";
window.appleIconRect = window.appleBtnColor === 'black' ? "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/apple.png" : "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/apple_white.png";
window.appleIconRound = window.appleBtnColor === 'black' ? "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/Apple.png" : "https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/Apple_white.png.png";
window.app_url = app_url;
if (data?.plan_id || data?.is_free || (data?.total_impression > data?.used_impression)) {
var btnShape = data.btn_shape || 'Round';
if (btnShape === 'Rectangle') {
if (jQuery("#magecomp-login-btns").length > 0) {
jQuery("#magecomp-login-btns").append("<div class='magecomp-rectangle-btns'></div>");
} else {
jQuery("form[action*='/account']").append("<div class='magecomp-rectangle-btns'></div>");
}
} else {
if (jQuery("#magecomp-login-btns").length > 0) {
jQuery("#magecomp-login-btns").append("<div class='magecomp-round-btns'></div>");
} else {
jQuery("form[action*='/account']").append("<div class='magecomp-round-btns'></div>");
}
}
if (data.google_status) {
document.write('<script src="https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/google.js"><\/script>');
}
if (data.apple_status) {
document.write('<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"><\/script>');
document.write('<script src="https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/apple.js"><\/script>');
}
if (data.facebook_status) {
document.write('<script src="https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/facebook.js"><\/script>');
}
if (data.linkedin_status) {
document.write('<script src="https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/linkedin.js"><\/script>');
}
if (data.twitter_status) {
document.write('<script src="https://cdn.shopify.com/extensions/556e9575-b064-48ab-9a61-1323dfe68d85/hook-one-tap-social-login-219/assets/twitter.js"><\/script>');
}
}
else{
console.log("you have no plan selected or out of credits");
}
</script>
</div></body>
</html>
Alan adının whois bilgisi
Domain Name: AOFAR.COM
Registry Domain ID: 1889944847_DOMAIN_COM-VRSN
Registrar WHOIS Server: grs-whois.hichina.com
Registrar URL: http://www.net.cn
Updated Date: 2023-06-01T09:48:54Z
Creation Date: 2014-12-12T07:17:00Z
Registry Expiry Date: 2026-12-12T07:17:00Z
Registrar: Alibaba Cloud Computing (Beijing) Co., Ltd.
Registrar IANA ID: 420
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +86.95187
Domain Status: ok https://icann.org/epp#ok
Name Server: DNS10.HICHINA.COM
Name Server: DNS9.HICHINA.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-23T23:48:15Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass