PageSourceSearch

https://systerp.com/collections/bastsaljare

html systerp.com collected 2026-09-25 18:46:27 UTC 842,695 bytes, 12,138 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="sv">
3  <head>
4
5    
6
7<script>
8  // Used to pass the isB2B variable to the frontend, to block GTM/GA scripts
9  window.isB2B = false;
10
11  // Used to pass the isB2B variable to Google Tag Manager, to block FB & TikTok pixels
12  window.dataLayer = window.dataLayer || [];
13  dataLayer.push({ isB2B: window.isB2B });
14</script>
14
15
16
17    <meta charset="utf-8">
18    <meta http-equiv="X-UA-Compatible" content="IE=edge">
19    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
20    <link rel="canonical" href="https://systerp.com/collections/bastsaljare">
21
22    <link
23      rel="apple-touch-icon"
24      sizes="180x180"
25      href="//systerp.com/cdn/shop/t/296/assets/apple-touch-icon.png?v=90198161249269794641785741842"
26    >
27    <link
28      rel="icon"
29      type="image/png"
30      sizes="32x32"
31      href="//systerp.com/cdn/shop/t/296/assets/favicon-32x32.png?v=105526833325803975961785741938"
32    >
33    <link
34      rel="icon"
35      type="image/png"
36      sizes="16x16"
37      href="//systerp.com/cdn/shop/t/296/assets/favicon-16x16.png?v=135235019770788353621785741937"
38    >
39    <link rel="manifest" href="//systerp.com/cdn/shop/t/296/assets/site.webmanifest?v=35029222618339941851785742078">
40    <meta name="theme-color" content="#ffffff">
41
42    <title>
43      Bästsäljare
44
45        &ndash; Syster P</title>
46
47    
48      <meta name="description" content="Vill du veta vad som trendar just nu? Upptäck våra mest populära smycken!">
49    
50
51    
51<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
51<meta name="google-site-verification" content="7zF9nvIEcqtH4N53c_1mQoCBWebUi611y6POv7qOEn4">
52<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55833591883/digital_wallets/dialog">
53<meta id="in-context-paypal-metadata" data-shop-id="55833591883" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="SEK">
54<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/bastsaljare.atom" />
55<link rel="next" href="/collections/bastsaljare?page=2">
56<link rel="alternate" hreflang="x-default" href="https://systerp.com/collections/bastsaljare">
57<link rel="alternate" hreflang="sv" href="https://systerp.com/collections/bastsaljare">
58<link rel="alternate" hreflang="en" href="https://systerp.com/en/collections/best-sellers">
59<link rel="alternate" hreflang="de-AT" href="https://systerp.com/de-de/collections/best-sellers">
60<link rel="alternate" hreflang="en-AT" href="https://systerp.com/en-de/collections/best-sellers">
61<link rel="alternate" hreflang="en-BE" href="https://systerp.com/en-eu/collections/best-sellers">
62<link rel="alternate" hreflang="en-BG" href="https://systerp.com/en-eu/collections/best-sellers">
63<link rel="alternate" hreflang="en-HR" href="https://systerp.com/en-eu/collections/best-sellers">
64<link rel="alternate" hreflang="en-CY" href="https://systerp.com/en-eu/collections/best-sellers">
65<link rel="alternate" hreflang="en-CZ" href="https://systerp.com/en-eu/collections/best-sellers">
66<link rel="alternate" hreflang="de-DE" href="https://systerp.com/de-de/collections/best-sellers">
67<link rel="alternate" hreflang="en-DE" href="https://systerp.com/en-de/collections/best-sellers">
68<link rel="alternate" hreflang="en-DK" href="https://systerp.com/en-dk/collections/best-sellers">
69<link rel="alternate" hreflang="en-EE" href="https://systerp.com/en-eu/collections/best-sellers">
70<link rel="alternate" hreflang="en-FI" href="https://systerp.com/en-eu/collections/best-sellers">
71<link rel="alternate" hreflang="en-FR" href="https://systerp.com/en-eu/collections/best-sellers">
72<link rel="alternate" hreflang="en-GR" href="https://systerp.com/en-eu/collections/best-sellers">
73<link rel="alternate" hreflang="en-HU" href="https://systerp.com/en-eu/collections/best-sellers">
74<link rel="alternate" hreflang="en-IE" href="https://systerp.com/en-eu/collections/best-sellers">
75<link rel="alternate" hreflang="en-IT" href="https://systerp.com/en-eu/collections/best-sellers">
76<link rel="alternate" hreflang="en-LV" href="https://systerp.com/en-eu/collections/best-sellers">
77<link rel="alternate" hreflang="en-LT" href="https://systerp.com/en-eu/collections/best-sellers">
78<link rel="alternate" hreflang="en-LU" href="https://systerp.com/en-eu/collections/best-sellers">
79<link rel="alternate" hreflang="en-MT" href="https://systerp.com/en-eu/collections/best-sellers">
80<link rel="alternate" hreflang="en-NL" href="https://systerp.com/en-eu/collections/best-sellers">
81<link rel="alternate" hreflang="en-PL" href="https://systerp.com/en-eu/collections/best-sellers">
82<link rel="alternate" hreflang="en-PT" href="https://systerp.com/en-eu/collections/best-sellers">
83<link rel="alternate" hreflang="en-RO" href="https://systerp.com/en-eu/collections/best-sellers">
84<link rel="alternate" hreflang="en-SK" href="https://systerp.com/en-eu/collections/best-sellers">
85<link rel="alternate" hreflang="en-SI" href="https://systerp.com/en-eu/collections/best-sellers">
86<link rel="alternate" hreflang="en-ES" href="https://systerp.com/en-eu/collections/best-sellers">
87<link rel="alternate" hreflang="en-AE" href="https://systerp.com/en-gl/collections/best-sellers">
88<link rel="alternate" hreflang="en-AU" href="https://systerp.com/en-gl/collections/best-sellers">
89<link rel="alternate" hreflang="en-HK" href="https://systerp.com/en-gl/collections/best-sellers">
90<link rel="alternate" hreflang="en-IL" href="https://systerp.com/en-gl/collections/best-sellers">
91<link rel="alternate" hreflang="en-JP" href="https://systerp.com/en-gl/collections/best-sellers">
92<link rel="alternate" hreflang="en-KR" href="https://systerp.com/en-gl/collections/best-sellers">
93<link rel="alternate" hreflang="en-MY" href="https://systerp.com/en-gl/collections/best-sellers">
94<link rel="alternate" hreflang="no-NO" href="https://systerp.com/no-no/collections/bestselgere">
95<link rel="alternate" hreflang="en-NO" href="https://systerp.com/en-no/collections/best-sellers">
96<link rel="alternate" hreflang="en-NZ" href="https://systerp.com/en-gl/collections/best-sellers">
97<link rel="alternate" hreflang="en-SG" href="https://systerp.com/en-gl/collections/best-sellers">
98<link rel="alternate" hreflang="en-AX" href="https://systerp.com/en-gl/collections/best-sellers">
99<link rel="alternate" hreflang="en-AD" href="https://systerp.com/en-eu/collections/best-sellers">
100<link rel="alternate" hreflang="en-BY" href="https://systerp.com/en-eu/collections/best-sellers">
101<link rel="alternate" hreflang="en-BA" href="https://systerp.com/en-eu/collections/best-sellers">
102<link rel="alternate" hreflang="en-FO" href="https://systerp.com/en-eu/collections/best-sellers">
103<link rel="alternate" hreflang="en-GI" href="https://systerp.com/en-eu/collections/best-sellers">
104<link rel="alternate" hreflang="en-IS" href="https://systerp.com/en-eu/collections/best-sellers">
105<link rel="alternate" hreflang="en-LI" href="https://systerp.com/en-eu/collections/best-sellers">
106<link rel="alternate" hreflang="en-MC" href="https://systerp.com/en-eu/collections/best-sellers">
107<link rel="alternate" hreflang="en-SM" href="https://systerp.com/en-eu/collections/best-sellers">
108<link rel="alternate" hreflang="en-JO" href="https://systerp.com/en-gl/collections/best-sellers">
109<link rel="alternate" hreflang="en-LB" href="https://systerp.com/en-gl/collections/best-sellers">
110<link rel="alternate" hreflang="en-QA" href="https://systerp.com/en-gl/collections/best-sellers">
111<link rel="alternate" hreflang="en-SA" href="https://systerp.com/en-gl/collections/best-sellers">
112<link rel="alternate" hreflang="en-TH" href="https://systerp.com/en-gl/collections/best-sellers">
113<link rel="alternate" hreflang="en-TW" href="https://systerp.com/en-gl/collections/best-sellers">
114<link rel="alternate" hreflang="en-XK" href="https://systerp.com/en-gl/collections/best-sellers">
115<link rel="alternate" hreflang="en-TR" href="https://systerp.com/en-gl/collections/best-sellers">
116<link rel="alternate" type="application/json+oembed" href="https://systerp.com/collections/bastsaljare.oembed">
117<script async="async" src="/checkouts/internal/preloads.js?locale=sv-SE&default_configuration_id=15990859"></script>
117
118<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
119<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=sv-SE&default_configuration_id=15990859&shop_id=55833591883" crossorigin="anonymous"></script>
vendor: 1 bytes, line 119
119
120<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55833591883,"countryCode":"SE","currencyCode":"SEK","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55833591883","merchantName":"Syster P","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"Syster P","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 120
120
121<script id="shopify-features" type="application/json">{"accessToken":"1e20c9daf27c64d9b09ce5a5f9ff336e","betas":["rich-media-storefront-analytics"],"domain":"systerp.com","predictiveSearch":true,"shopId":55833591883,"locale":"sv"}</script>
vendor: 1 bytes, line 121
121
122<script>var Shopify = Shopify || {};
123Shopify.shop = "systerp.myshopify.com";
124Shopify.locale = "sv";
125Shopify.currency = {"active":"SEK","rate":"1.0"};
126Shopify.country = "SE";
127Shopify.theme = {"name":"Syster P | 06\/10 | Back to","id":195210379646,"schema_name":"Syster P","schema_version":"1.0.0","theme_store_id":null,"role":"main"};
128Shopify.theme.handle = "null";
129Shopify.theme.style = {"id":null,"handle":null};
130Shopify.cdnHost = "systerp.com/cdn";
131Shopify.routes = Shopify.routes || {};
132Shopify.routes.root = "/";
133Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
134Shopify.SignInWithShop = Shopify.SignInWithShop || {};
135Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
136Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 136
136
137<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 137
137
138<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>
vendor: 1 bytes, line 138
138
139<script>
140  window.ShopifyPay = window.ShopifyPay || {};
141  window.ShopifyPay.apiHost = "shop.app\/pay";
142  window.ShopifyPay.redirectState = null;
143</script>
vendor: 1 bytes, line 143
143
144<script>
145  window.Shopify = window.Shopify || {};
146  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
147  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
148  window.Shopify.SignInWithShop.eligible = true;
149</script>
vendor: 1 bytes, line 149
149
150<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 150
150
151<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.sv.esm.js"></script>
vendor: 1 bytes, line 151
151
152<script type="module">
153  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.sv.esm.js");
154
155  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
156
157</script>
vendor: 1 bytes, line 157
157
158<script>
159  window.Shopify = window.Shopify || {};
160  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
161  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.sv.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.sv.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.sv.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.sv.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.sv.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.sv.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.sv.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.sv.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.sv.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.sv.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.sv.esm.js"],"listener":["modules/v2/loader.listener.sv.esm.js"],"pay-button":["modules/v2/loader.pay-button.sv.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.sv.esm.js"],"shop-button":["modules/v2/loader.shop-button.sv.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.sv.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.sv.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.sv.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.sv.esm.js"],"shop-login":["modules/v2/loader.shop-login.sv.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.sv.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.sv.esm.js"]};
162</script>
vendor: 1 bytes, line 162
162
163<script>(function() {
164  var isLoaded = false;
165  function asyncLoad() {
166    if (isLoaded) return;
167    isLoaded = true;
168    var urls = ["https:\/\/config.gorgias.chat\/bundle-loader\/01HSZD2XMGVCKADQKTBBJ35RN5?source=shopify1click\u0026shop=systerp.myshopify.com","\/\/staticw2.yotpo.com\/GZ2qqsaZT7unbED5p68pykptYq9wWMEA2oKb9Yvc\/widget.js?shop=systerp.myshopify.com","https:\/\/media.9gtb.com\/loader.js?g_cvt_id=35003c19-f3f2-4db3-9360-744c51e1c2a5\u0026shop=systerp.myshopify.com"];
169    for (var i = 0; i < urls.length; i++) {
170      var s = document.createElement('script');
171      s.type = 'text/javascript';
172      s.async = true;
173      s.src = urls[i];
174      var x = document.getElementsByTagName('script')[0];
175      x.parentNode.insertBefore(s, x);
176    }
177  };
178  if(window.attachEvent) {
179    window.attachEvent('onload', asyncLoad);
180  } else {
181    window.addEventListener('load', asyncLoad, false);
182  }
183})();</script>
vendor: 1 bytes, line 183
183
184<script id="__st">var __st={"a":55833591883,"offset":7200,"reqid":"d9778c82-454f-4ac2-851b-6509211573ee-1790361986","pageurl":"systerp.com\/collections\/bastsaljare","u":"6a4fd76e0de8","p":"collection","rtyp":"collection","rid":271313698891};</script>
vendor: 1 bytes, line 184
184
185<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 185
185
186<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Skyddas av hCaptcha',privacyText:'Integritet',termsText:'Villkor'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(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){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 186
186
187<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//systerp.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 187
187
188<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//systerp.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
188<script crossorigin="anonymous" defer="defer" src="//systerp.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 188
188
189<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 189
189
190<script>
191  window.Shopify = window.Shopify || {};
192  window.Shopify.MCP = window.Shopify.MCP || {};
193  window.Shopify.MCP.enabled = true;
194  window.Shopify.MCP.shop = "systerp.myshopify.com";
195  window.Shopify.MCP.mcpEndpoint = "https:\/\/systerp.com\/api\/mcp";
196  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
197</script>
vendor: 1 bytes, line 197
197
198<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/systerp.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
199</script>
vendor: 1 bytes, line 199
199
200<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://systerp.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.sv.js",t.type="module",document.head.appendChild(t)}};
201</script>
vendor: 1 bytes, line 201
201
202<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
203  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);
204</script>
vendor: 1 bytes, line 204
204
205<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})}}));
206</script>
vendor: 1 bytes, line 206
206
207<script id='scb4127' type='text/javascript' async='' src='https://systerp.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
207<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://systerp.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
208<style id="shopify-accelerated-checkout-cart">
209        #shopify-buyer-consent {
210  margin-top: 1em;
211  display: inline-block;
212  width: 100%;
213}
214
215#shopify-buyer-consent.hidden {
216  display: none;
217}
218
219#shopify-subscription-policy-button {
220  background: none;
221  border: none;
222  padding: 0;
223  text-decoration: underline;
224  font-size: inherit;
225  cursor: pointer;
226}
227
228#shopify-subscription-policy-button::before {
229  box-shadow: none;
230}
231
232      </style>
233
234<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
234
235
236    
237
238<meta property="og:site_name" content="Syster P">
239<meta property="og:url" content="https://systerp.com/collections/bastsaljare">
240<meta property="og:title" content="Bästsäljare">
241<meta property="og:type" content="website">
242<meta property="og:description" content="Vill du veta vad som trendar just nu? Upptäck våra mest populära smycken!"><meta property="og:image" content="http://systerp.com/cdn/shop/collections/Juno_Long_Single_Earring_Gold.jpg?v=1787061024">
243  <meta property="og:image:secure_url" content="https://systerp.com/cdn/shop/collections/Juno_Long_Single_Earring_Gold.jpg?v=1787061024">
244  <meta property="og:image:width" content="2048">
245  <meta property="og:image:height" content="2730"><meta name="twitter:card" content="summary_large_image">
246<meta name="twitter:title" content="Bästsäljare">
247<meta name="twitter:description" content="Vill du veta vad som trendar just nu? Upptäck våra mest populära smycken!">
248
249
250    <link href="//systerp.com/cdn/shop/t/296/assets/SuisseIntl-Regular-WebS.woff2?v=54268344130039410541785742340" as="font" format="woff2" crossorigin="anonymous" rel="preload">
251    <link href="//systerp.com/cdn/shop/t/296/assets/SuisseIntl-Medium-WebS.woff2?v=6068205844424255131785742338" as="font" format="woff2" crossorigin="anonymous" rel="preload">
252    <link href="//systerp.com/cdn/shop/t/296/assets/PPEiko-Regular.woff2?v=69253529650297513821785742009" as="font" format="woff2" crossorigin="anonymous" rel="preload">
253    <link href="//systerp.com/cdn/shop/t/296/assets/PPEiko-RegularItalic.woff2?v=45949466733711268131785742012" as="font" format="woff2" crossorigin="anonymous" rel="preload">
254
255    <style type="text/css">
256      :root {
257        --header-top: 0px;
258        --header-height: 56px;
259      }
260    </style>
261    
261<script src="//systerp.com/cdn/shop/t/296/assets/global.js?v=118928499782203290601785741939" defer></script>
261
262
263    <style type="text/css">
264  @font-face {
265    font-family: 'Suisse Intl';
266    src: url(//systerp.com/cdn/shop/t/296/assets/SuisseIntl-Regular-WebS.woff2?v=54268344130039410541785742340) format('woff2'),
267      url(//systerp.com/cdn/shop/t/296/assets/SuisseIntl-Regular-WebS.woff?v=159950451209265869131785742339) format('woff');
268    font-weight: normal;
269    font-style: normal;
270    font-display: swap;
271  }
272
273  @font-face {
274    font-family: 'Suisse Intl';
275    src: url(//systerp.com/cdn/shop/t/296/assets/SuisseIntl-Medium-WebS.woff2?v=6068205844424255131785742338) format('woff2'),
276      url(//systerp.com/cdn/shop/t/296/assets/SuisseIntl-Medium-WebS.woff?v=57246281477107136491785742337) format('woff');
277    font-weight: 500;
278    font-style: normal;
279    font-display: swap;
280  }
281
282  @font-face {
283    font-family: 'PP Eiko';
284    src: url(//systerp.com/cdn/shop/t/296/assets/PPEiko-Regular.woff2?v=69253529650297513821785742009) format('woff2'),
285      url(//systerp.com/cdn/shop/t/296/assets/PPEiko-Regular.woff?v=156284289952183244721785742008) format('woff');
286    font-weight: normal;
287    font-style: normal;
288    font-display: swap;
289  }
290
291  @font-face {
292    font-family: 'PP Eiko';
293    src: url(//systerp.com/cdn/shop/t/296/assets/PPEiko-RegularItalic.woff2?v=45949466733711268131785742012) format('woff2'),
294      url(//systerp.com/cdn/shop/t/296/assets/PPEiko-RegularItalic.woff?v=152061926599356692391785742011) format('woff');
295    font-weight: normal;
296    font-style: italic;
297    font-display: swap;
298  }
299</style>
300
301    <link href="//systerp.com/cdn/shop/t/296/assets/base.css?v=78759029818500698271785741844" rel="stylesheet" type="text/css" media="all" />
302    <link href="//systerp.com/cdn/shop/t/296/assets/app.css?v=84283549417924648121785741840" rel="stylesheet" type="text/css" media="all" />
303
304    
304<script>
305      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
306      if (Shopify.designMode) {
307        document.documentElement.classList.add('shopify-design-mode');
308      }
309    </script>
309
310
311    
311<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
311
312    
312<script>
313      var klaviyo = klaviyo || [];
314      klaviyo.init({
315        account: 'UR4tAQ',
316        platform: 'shopify',
317        collection_urls: ["/collections/"]
318
319      });
320      klaviyo.enable('backinstock', {
321        trigger: {
322          product_page_text: 'Notify Me When Available',
323          product_page_class: 'btn',
324          product_page_text_align: 'center',
325          product_page_margin: '0px',
326          replace_anchor: false,
327          collection_page_class: 'btn',
328          collection_page_text_align: 'center',
329          product_page_margin: '0px',
330          collection_page_text: 'Notify Me When Available',
331        },
332        modal: {
333          headline: '{product_name}',
334          body_content: 'Registrera dig för att få mejl om när produkten är tillbaka i lager',
335          email_field_label: 'Email',
336          button_label: 'Meddela mig',
337          subscription_success_label: 'You&#39;re in! Vi meddelar dig när produkten är tillbaka.',
338          footer_content: '',
339          drop_background_color: '#000',
340          background_color: '#fff',
341          text_color: '#222',
342          font_weight: '500',
343          button_text_color: '#fff',
344          button_background_color: '#000',
345          close_button_color: '#000',
346          error_background_color: '#fcd6d7',
347          error_text_color: '#C72E2F',
348          success_background_color: '#fff',
349          success_text_color: '#222',
350        },
351      });
352    </script>
352
353    
353<script>
354  // Store the last consent state to avoid redundant updates
355  let lastConsentState = null;
356
357  // Function to handle consent updates
358  const handleConsentUpdate = (consent) => {
359    // Avoid redundant updates
360    if (JSON.stringify(consent) === JSON.stringify(lastConsentState)) {
361      return;
362    }
363
364    // Map true/false to 'yes'/'denied'
365    const normalizedConsent = {
366      marketing: consent.marketing ? 'yes' : 'denied',
367      analytics: consent.analytics ? 'yes' : 'denied',
368      preferences: consent.preferences ? 'yes' : 'denied',
369    };
370
371    // Update Google Consent Mode based on Shopify consent
372    const updatedConsent = {
373      ad_storage: normalizedConsent.marketing === 'yes' ? 'granted' : 'denied',
374      analytics_storage: normalizedConsent.analytics === 'yes' ? 'granted' : 'denied',
375      ad_user_data: normalizedConsent.marketing === 'yes' ? 'granted' : 'denied',
376      ad_personalization: normalizedConsent.marketing === 'yes' ? 'granted' : 'denied',
377      functionality_storage: 'granted',
378      security_storage: 'granted',
379    };
380
381    // Send the updated consent state to Shopify's analytics API
382    Shopify.analytics.publish('consent_update', updatedConsent);
383
384    // Update the last consent state
385    lastConsentState = consent;
386  };
387
388  // Function to initialize consent tracking
389  const initializeConsentTracking = () => {
390    // Retrieve the current visitor consent state
391    const consent = window.Shopify.customerPrivacy.currentVisitorConsent();
392    if (consent) {
393      handleConsentUpdate(consent);
394    } else {
395      console.warn('No consent state available from currentVisitorConsent');
396    }
397  };
398
399  // Listen for consent updates via the visitorConsentCollected event
400  document.addEventListener('visitorConsentCollected', (event) => {
401    // Extract only the relevant fields from the consent object
402    const filteredConsent = {
403      marketing: event.detail.marketingAllowed || false,
404      analytics: event.detail.analyticsAllowed || false,
405      preferences: event.detail.preferencesAllowed || false,
406    };
407
408    // Pass the full consent object to the handler for processing
409    handleConsentUpdate(filteredConsent);
410  });
411
412  // Load Shopify's Consent Tracking API
413  window.Shopify.loadFeatures(
414    [
415      {
416        name: 'consent-tracking-api',
417        version: '0.1',
418      },
419    ],
420    (error) => {
421      if (error) {
422        console.error('Error loading Shopify Consent Tracking API:', error);
423        return;
424      }
425      initializeConsentTracking();
426    }
427  );
428</script>
428
429
430  <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
431
432
433
434
435
436
437
438
439
440
441
442
443  
443<script async src="https://static.klaviyo.com/onsite/js/UR4tAQ/klaviyo.js?company_id=UR4tAQ"></script>
443
444  
444<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
444
445
446  
447
448
449
450
451  
451<script>
452    window.klaviyoReviewsProductDesignMode = false
453  </script>
453
454
455
456
457
458
459
460
461
462
463<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
464
465
466  
466<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/GZ2qqsaZT7unbED5p68pykptYq9wWMEA2oKb9Yvc?languageCode=sv" async></script>
466
467
468
469
470  
471<!-- END app block --><!-- BEGIN app block: shopify://apps/klevu-ai-search-filter/blocks/global-configuration/3fd783f0-6a26-4856-8c5b-59083a014991 -->
472
473
474
475
476    
476<script>
477        if (typeof klevu_lang === "undefined") {
478            var klevu_lang = "sv";
479        }
480    </script>
480
481    
482        
482<script src="https://js.klevu.com/core/v2/klevu.js" defer></script>
482
483    
484
485    <!-- BEGIN app snippet: metadata -->
485<script>
486    
487            var klevu_page_meta = {
488                pageType: "category",
489                categoryName: "Bästsäljare",
490                categoryUrl: "https://systerp.com/collections/bastsaljare",
491            };
492
493            
494
495        
496</script>
496
497<!-- END app snippet -->
498    <!-- BEGIN app snippet: init-klevu-settings -->
499<script>
500    if (typeof klevuSettings === "undefined") {
501        var klevuSettings = {};
502    }
503
504    (() => {
505        let klevuSettingsMerge = function(target, overrides) {
506            switch (true) {
507                case typeof target !== typeof overrides:
508                    return target;
509
510                case Array.isArray(target):
511                    return target.concat(overrides);
512
513                case typeof target === "object":
514                    Object.keys(overrides).forEach(function (overrideKey) {
515                        switch (true) {
516                            case typeof target[overrideKey] === "undefined":
517                            case typeof target[overrideKey] !== typeof overrides[overrideKey]:
518                            case typeof target[overrideKey] !== "object":
519                                target[overrideKey] = overrides[overrideKey];
520                                break;
521
522                            default:
523                                target[overrideKey] = klevuSettingsMerge(target[overrideKey], overrides[overrideKey]);
524                                break;
525                        }
526                    });
527                    return target;
528
529                default:
530                    throw new Error("Invalid target or overrides type");
531            }
532        };
533
534        let defaultKlevuSettings = {
535            global: {
536                apiKey: "klevu-173081870887317632"
537            },
538            search: {
539                minChars: 0,
540                searchBoxSelector: "input[name=q]"
541            },
542            url: {
543                search: "https://eucs34v2.ksearchnet.com/cs/v2/search",
544                landing: "/search"
545            },
546            powerUp: {}
547        };
548        
549
550        
551
552        let documentClickPreventSelectors = [];
553        if (document.querySelector('.modal-overlay')) {
554            documentClickPreventSelectors.push('.modal-overlay');
555        }
556        if (document.querySelector('.modal__toggle-open')) {
557            documentClickPreventSelectors.push('.modal__toggle-open');
558        }
559        if (documentClickPreventSelectors.length > 0) {
560            defaultKlevuSettings.search.documentClickPreventSelector = documentClickPreventSelectors.join(',');
561        }
562
563        klevuSettings = klevuSettingsMerge(defaultKlevuSettings, klevuSettings);
564    })();
565
566    
567        document.addEventListener('DOMContentLoaded', () => klevu(klevuSettings));
568    
569</script>
569<!-- END app snippet -->
570
571    
572        
572<script src="https://js.klevu.com/theme/default/v2/quick-search-theme.js" defer></script>
572
573    
574    
575    
576    
577    
578
579
580<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
581<script type="text/javascript">
582  (function (c, l, a, r, i, t, y) {
583    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
584    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
585    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
586
587    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
588      if (error) {
589        console.error("Error loading Shopify features:", error);
590        return;
591      }
592
593      c[a]('consentv2', {
594        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
595        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
596        source: 101,
597      });
598    });
599
600    l.addEventListener("visitorConsentCollected", function (e) {
601      c[a]('consentv2', {
602        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
603        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
604        source: 101,
605      });
606    });
607  })(window, document, "clarity", "script", "u8zbn8grxv");
608</script>
608
609
610
611
612<!-- END app block -->
612<script src="https://cdn.shopify.com/extensions/01998017-f5c1-7f30-b82d-976b48571f05/klevu-search-7/assets/functions.js" type="text/javascript" defer="defer"></script>
612
613<link href="https://cdn.shopify.com/extensions/01998017-f5c1-7f30-b82d-976b48571f05/klevu-search-7/assets/quick-search.css" rel="stylesheet" type="text/css" media="all">
614<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
615<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 55833591883,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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>
vendor: 1 bytes, line 615
615
616<script>
617  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
618</script>
vendor: 1 bytes, line 618
618
619<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
619).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 55833591883,storefrontBaseUrl: "https://systerp.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://systerp.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"3963453822","configuration":"{\"pixelId\":\"36b5b466-4285-4798-a6f3-c8e864bb0ea8\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
619,"dataSharingState":"unrestricted"},{"id":"2847375742","configuration":"{\"projectId\":\"u8zbn8grxv\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2530410878","configuration":"{\"accountID\":\"UR4tAQ\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"899678590","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-995112752\\\",\\\"GT-KD2WP2DM\\\"],\\\"target_country\\\":\\\"SE\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-995112752\\\/asXdCOyLjKoZELDuwNoD\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-995112752\\\/nmZWCICOjKoZELDuwNoD\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-995112752\\\/IEyoCOmLjKoZELDuwNoD\\\",\\\"MC-4XBQT3PRCK\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-995112752\\\/7HbbCOOLjKoZELDuwNoD\\\",\\\"MC-4XBQT3PRCK\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-995112752\\\/yQ-KCOaLjKoZELDuwNoD\\\",\\\"MC-4XBQT3PRCK\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-995112752\\\/yDAdCIOOjKoZELDuwNoD\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-995112752\\\/p1qzCO-LjKoZELDuwNoD\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"226689099","configuration":"{\"pixelCode\":\"CD8GVN3C77U5U64QDUC0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"95289419","configuration":"{\"pixel_id\":\"1781939775375092\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"47710283","configuration":"{\"tagID\":\"2612907185282\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
619,{"id":"11272267","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"73","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"GTM"},{"id":"296124798","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Reaktion Pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Syster P","paymentSettings":{"currencyCode":"SEK"},"myshopifyDomain":"systerp.myshopify.com","countryCode":"SE","storefrontUrl":"https:\/\/systerp.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15828039860606","handle":"beloved-mini-letter-gold-a","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57128552464766","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7079686406219","handle":"sheer-station-necklace-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40682525786187","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933954953291","handle":"beloved-heart-pendant-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40296309194827","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933958393931","handle":"treasure-pearl-hoops-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40296312635467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933963374667","handle":"santa-monica-necklace-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40296317550667","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6949875875915","handle":"bolded-ring-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40347003486283","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15827995984254","handle":"sheer-mirror-necklace-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57128433123710","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15364361716094","handle":"herringbone-twisted-bracelet-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55570103959934","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15951195603326","handle":"beloved-heart-pendant-gold-pink-quartz","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57540352803198","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15368595210622","handle":"lunetta-earrings-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55581749215614","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15828253245822","handle":"treasure-multi-pearl-bracelet-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57130010837374","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933967241291","handle":"north-star-necklace-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40296321351755","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
619,{"id":"15828136984958","handle":"treasure-pearl-hoops-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57129315598718","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933954265163","handle":"santa-monica-bracelet-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40296308047947","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15828017873278","handle":"treasure-single-pearl-necklace-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57128474280318","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933957804107","handle":"beloved-heart-pendant-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40296312045643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14842082460030","handle":"santa-monica-necklace-gold-green-onyx","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54800693690750","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933956100171","handle":"bolded-little-sis-earrings-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40296310341707","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14842082558334","handle":"beloved-heart-pendant-silver-green-aventurine","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56220159345022","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15828016890238","handle":"treasure-multi-pearl-necklace-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57128472969598","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933954461771","handle":"minimalistica-solo-nova-bracelet-silver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40296308211787","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15827981304190","handle":"solea-necklace-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57128356905342","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933965471819","handle":"beloved-mini-letter-silver-a","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40344897978443","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15828098580862","handle":"lunetta-earrings-gold","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57128902689150","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://systerp.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"195210379646","themePublished":"true","eventMetadataId":"78d81e3d-7f67-4089-be05-fad82299c7f1","pageType":"collection","resourceId":"271313698891","shopId":"55833591883","storefrontBaseUrl":"https:\/\/systerp.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"271313698891\",\"title\":\"Bästsäljare\",\"productVariants\":[{\"price\":{\"amount\":399.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Beloved Mini Letter Gold\",\"vendor\":\"Pink City\",\"id\":\"15828039860606\",\"untranslatedTitle\":\"Beloved Mini Letter Gold\",\"url\":\"\/products\/beloved-mini-letter-gold-a\",\"type\":\"Berlock\"},\"id\":\"57128552464766\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419\"},\"sku\":\"NGB1230\",\"title\":\"A\",\"untranslatedTitle\":\"A\"},{\"price\":{\"amount\":899.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Sheer Station Necklace Silver\",\"vendor\":\"KARIZIA\",\"id\":\"7079686406219\",\"untranslatedTitle\":\"Sheer Station Necklace Silver\",\"url\":\"\/products\/sheer-station-necklace-silver\",\"type\":\"Necklace\"},\"id\":\"40682525786187\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NS13941bSheerstationnecklacesilver.jpg?v=1774947866\"},\"sku\":\"NS1394\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":249.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Beloved Heart Pendant Gold\",\"vendor\":\"Pink City\",\"id\":\"6933954953291\",\"untranslatedTitle\":\"Beloved Heart Pendant Gold\",\"url\":\"\/products\/beloved-heart-pendant-gold\",\"type\":\"Berlock\"},\"id\":\"40296309194827\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/EG10761BelovedHeartPendantGold.jpg?v=1716897234\"}
619,\"sku\":\"EG1076\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":799.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Treasure Pearl Hoops Silver\",\"vendor\":\"Pink City\",\"id\":\"6933958393931\",\"untranslatedTitle\":\"Treasure Pearl Hoops Silver\",\"url\":\"\/products\/treasure-pearl-hoops-silver\",\"type\":\"Örhängen\"},\"id\":\"40296312635467\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648\"},\"sku\":\"ES1210\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":799.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Santa Monica Necklace Gold\",\"vendor\":\"MALYA JEWEL CRAFTS\",\"id\":\"6933963374667\",\"untranslatedTitle\":\"Santa Monica Necklace Gold\",\"url\":\"\/products\/santa-monica-necklace-gold\",\"type\":\"Halsband\"},\"id\":\"40296317550667\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077\"},\"sku\":\"NG1351\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":1499.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Bolded Ring Silver\",\"vendor\":\"MALYA JEWEL CRAFTS\",\"id\":\"6949875875915\",\"untranslatedTitle\":\"Bolded Ring Silver\",\"url\":\"\/products\/bolded-ring-silver\",\"type\":\"Ring\"},\"id\":\"40347003486283\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/RS1129BoldedRingSilver.jpg?v=1755515642\"},\"sku\":\"RS1129\",\"title\":\"6\",\"untranslatedTitle\":\"6\"},{\"price\":{\"amount\":899.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Sheer Mirror Necklace Gold\",\"vendor\":\"KARIZIA\",\"id\":\"15827995984254\",\"untranslatedTitle\":\"Sheer Mirror Necklace Gold\",\"url\":\"\/products\/sheer-mirror-necklace-gold\",\"type\":\"Necklace\"},\"id\":\"57128433123710\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NG13951bSheermirrornecklacegold.jpg?v=1761569121\"},\"sku\":\"NGB1395\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":699.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Herringbone Twisted Bracelet Silver\",\"vendor\":\"KARIZIA\",\"id\":\"15364361716094\",\"untranslatedTitle\":\"Herringbone Twisted Bracelet Silver\",\"url\":\"\/products\/herringbone-twisted-bracelet-silver\",\"type\":\"Armband\"},\"id\":\"55570103959934\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311\"},\"sku\":\"BS1271AC\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":349.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Beloved Heart Pendant Gold\",\"vendor\":\"VAIBHAV GLOBAL LTD\",\"id\":\"15951195603326\",\"untranslatedTitle\":\"Beloved Heart Pendant Gold\",\"url\":\"\/products\/beloved-heart-pendant-gold-pink-quartz\",\"type\":\"Pendant\"},\"id\":\"57540352803198\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929\"},\"sku\":\"NGB1402PQ\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":799.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Lunetta Earrings Silver\",\"vendor\":\"MALYA JEWEL CRAFTS\",\"id\":\"15368595210622\",\"untranslatedTitle\":\"Lunetta Earrings Silver\",\"url\":\"\/products\/lunetta-earrings-silver\",\"type\":\"Earrings\"},\"id\":\"55581749215614\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/Lunetta_Earrings_Silver1.jpg?v=1773928190\"},\"sku\":\"ES1302\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":699.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Treasure Multi Pearl Bracelet Gold\",\"vendor\":\"Pink City\",\"id\":\"15828253245822\",\"untranslatedTitle\":\"Treasure Multi Pearl Bracelet Gold\",\"url\":\"\/products\/treasure-multi-pearl-bracelet-gold\",\"type\":\"Armband\"},\"id\":\"57130010837374\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173\"},\"sku\":\"BGB1256\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":799.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"North Star Necklace Silver\",\"vendor\":\"Pink City\",\"id\":\"6933967241291\",\"untranslatedTitle\":\"North Star Necklace Silver\",\"url\":\"\/products\/north-star-necklace-silver\",\"type\":\"Halsband\"},\"id\":\"40296321351755\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013\"},\"sku\":\"NS1357\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":799.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Treasure Pearl Hoops Gold\",\"vendor\":\"Pink City\",\"id\":\"15828136984958\",\"untranslatedTitle\":\"Treasure Pearl Hoops Gold\",\"url\":\"\/products\/treasure-pearl-hoops-gold\",\"type\":\"Örhängen\"},\"id\":\"57129315598718\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/EG12104TreasurePearlHoopsGold.jpg?v=1761924817\"}
619,\"sku\":\"EGB1210\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":549.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Santa Monica Bracelet Silver\",\"vendor\":\"MALYA JEWEL CRAFTS\",\"id\":\"6933954265163\",\"untranslatedTitle\":\"Santa Monica Bracelet Silver\",\"url\":\"\/products\/santa-monica-bracelet-silver\",\"type\":\"Armband\"},\"id\":\"40296308047947\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866\"},\"sku\":\"BS1253\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":1099.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Treasure Single Pearl Necklace Gold\",\"vendor\":\"Pink City\",\"id\":\"15828017873278\",\"untranslatedTitle\":\"Treasure Single Pearl Necklace Gold\",\"url\":\"\/products\/treasure-single-pearl-necklace-gold\",\"type\":\"Halsband\"},\"id\":\"57128474280318\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075\"},\"sku\":\"NGB1353\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":249.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Beloved Heart Pendant Silver\",\"vendor\":\"Pink City\",\"id\":\"6933957804107\",\"untranslatedTitle\":\"Beloved Heart Pendant Silver\",\"url\":\"\/products\/beloved-heart-pendant-silver\",\"type\":\"Berlock\"},\"id\":\"40296312045643\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/ES10761BelovedHeartPendantSilver.jpg?v=1716897253\"},\"sku\":\"ES1076\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":799.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Santa Monica Necklace Gold\",\"vendor\":\"MALYA JEWEL CRAFTS\",\"id\":\"14842082460030\",\"untranslatedTitle\":\"Santa Monica Necklace Gold\",\"url\":\"\/products\/santa-monica-necklace-gold-green-onyx\",\"type\":\"Necklace\"},\"id\":\"54800693690750\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329\"},\"sku\":\"NG1351GO\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":1399.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Bolded Little Sis Earrings Gold\",\"vendor\":\"Pink City\",\"id\":\"6933956100171\",\"untranslatedTitle\":\"Bolded Little Sis Earrings Gold\",\"url\":\"\/products\/bolded-little-sis-earrings-gold\",\"type\":\"Örhängen\"},\"id\":\"40296310341707\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230\"},\"sku\":\"EG1236\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":349.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Beloved Heart Pendant Silver\",\"vendor\":\"VAIBHAV GLOBAL LTD\",\"id\":\"14842082558334\",\"untranslatedTitle\":\"Beloved Heart Pendant Silver\",\"url\":\"\/products\/beloved-heart-pendant-silver-green-aventurine\",\"type\":\"Pendant\"},\"id\":\"56220159345022\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308\"},\"sku\":\"NS1402GA\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":899.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Treasure Multi Pearl Necklace Gold\",\"vendor\":\"Pink City\",\"id\":\"15828016890238\",\"untranslatedTitle\":\"Treasure Multi Pearl Necklace Gold\",\"url\":\"\/products\/treasure-multi-pearl-necklace-gold\",\"type\":\"Halsband\"},\"id\":\"57128472969598\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888\"},\"sku\":\"NGB1354\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":699.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Minimalistica Solo Nova Bracelet Silver\",\"vendor\":\"Pink City\",\"id\":\"6933954461771\",\"untranslatedTitle\":\"Minimalistica Solo Nova Bracelet Silver\",\"url\":\"\/products\/minimalistica-solo-nova-bracelet-silver\",\"type\":\"Armband\"},\"id\":\"40296308211787\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348\"}
619,\"sku\":\"BS1261\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":899.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Solea Necklace Gold\",\"vendor\":\"MALYA JEWEL CRAFTS\",\"id\":\"15827981304190\",\"untranslatedTitle\":\"Solea Necklace Gold\",\"url\":\"\/products\/solea-necklace-gold\",\"type\":\"Necklace\"},\"id\":\"57128356905342\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NG1412_1_Solea_necklace_gold.jpg?v=1773320537\"},\"sku\":\"NGB1412\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":399.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Beloved Mini Letter Silver\",\"vendor\":\"Pink City\",\"id\":\"6933965471819\",\"untranslatedTitle\":\"Beloved Mini Letter Silver\",\"url\":\"\/products\/beloved-mini-letter-silver-a\",\"type\":\"Berlock\"},\"id\":\"40344897978443\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511\"},\"sku\":\"NS1230\",\"title\":\"A\",\"untranslatedTitle\":\"A\"},{\"price\":{\"amount\":799.0,\"currencyCode\":\"SEK\"},\"product\":{\"title\":\"Lunetta Earrings Gold\",\"vendor\":\"MALYA JEWEL CRAFTS\",\"id\":\"15828098580862\",\"untranslatedTitle\":\"Lunetta Earrings Gold\",\"url\":\"\/products\/lunetta-earrings-gold\",\"type\":\"Earrings\"},\"id\":\"57128902689150\",\"image\":{\"src\":\"\/\/systerp.com\/cdn\/shop\/files\/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550\"},\"sku\":\"EGB1302\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
619<script>
620  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
621  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
622  window.ShopifyAnalytics.meta.currency = 'SEK';
623  var meta = {"products":[{"id":15828039860606,"gid":"gid:\/\/shopify\/Product\/15828039860606","vendor":"Pink City","type":"Berlock","handle":"beloved-mini-letter-gold-a","variants":[{"id":57128552464766,"price":39900,"name":"Beloved Mini Letter Gold - A","public_title":"A","sku":"NGB1230"},{"id":57128552497534,"price":39900,"name":"Beloved Mini Letter Gold - B","public_title":"B","sku":"NGB1230"},{"id":57128552530302,"price":39900,"name":"Beloved Mini Letter Gold - C","public_title":"C","sku":"NGB1230"},{"id":57128552563070,"price":39900,"name":"Beloved Mini Letter Gold - D","public_title":"D","sku":"NGB1230"},{"id":57128552595838,"price":39900,"name":"Beloved Mini Letter Gold - E","public_title":"E","sku":"NGB1230"},{"id":57128552628606,"price":39900,"name":"Beloved Mini Letter Gold - F","public_title":"F","sku":"NGB1230"},{"id":57128552661374,"price":39900,"name":"Beloved Mini Letter Gold - G","public_title":"G","sku":"NGB1230"},{"id":57128552694142,"price":39900,"name":"Beloved Mini Letter Gold - H","public_title":"H","sku":"NGB1230"},{"id":57128552726910,"price":39900,"name":"Beloved Mini Letter Gold - I","public_title":"I","sku":"NGB1230"},{"id":57128552759678,"price":39900,"name":"Beloved Mini Letter Gold - J","public_title":"J","sku":"NGB1230"},{"id":57128552792446,"price":39900,"name":"Beloved Mini Letter Gold - K","public_title":"K","sku":"NGB1230"},{"id":57128552825214,"price":39900,"name":"Beloved Mini Letter Gold - L","public_title":"L","sku":"NGB1230"},{"id":57128552857982,"price":39900,"name":"Beloved Mini Letter Gold - M","public_title":"M","sku":"NGB1230"},{"id":57128552890750,"price":39900,"name":"Beloved Mini Letter Gold - N","public_title":"N","sku":"NGB1230"},{"id":57128552923518,"price":39900,"name":"Beloved Mini Letter Gold - O","public_title":"O","sku":"NGB1230"},{"id":57128552956286,"price":39900,"name":"Beloved Mini Letter Gold - P","public_title":"P","sku":"NGB1230"},{"id":57128552989054,"price":39900,"name":"Beloved Mini Letter Gold - R","public_title":"R","sku":"NGB1230"},{"id":57128553021822,"price":39900,"name":"Beloved Mini Letter Gold - S","public_title":"S","sku":"NGB1230"},{"id":57128553054590,"price":39900,"name":"Beloved Mini Letter Gold - T","public_title":"T","sku":"NGB1230"},{"id":57128553087358,"price":39900,"name":"Beloved Mini Letter Gold - U","public_title":"U","sku":"NGB1230"},{"id":57128553120126,"price":39900,"name":"Beloved Mini Letter Gold - V","public_title":"V","sku":"NGB1230"},{"id":57128553152894,"price":39900,"name":"Beloved Mini Letter Gold - W","public_title":"W","sku":"NGB1230"},{"id":57128553185662,"price":39900,"name":"Beloved Mini Letter Gold - Y","public_title":"Y","sku":"NGB1230"},{"id":57128553218430,"price":39900,"name":"Beloved Mini Letter Gold - Z","public_title":"Z","sku":"NGB1230"},{"id":57128553251198,"price":39900,"name":"Beloved Mini Letter Gold - Å","public_title":"Å","sku":"NGB1230"},{"id":57128553283966,"price":39900,"name":"Beloved Mini Letter Gold - Ø","public_title":"Ø","sku":"NGB1230"}],"remote":false},{"id":7079686406219,"gid":"gid:\/\/shopify\/Product\/7079686406219","vendor":"KARIZIA","type":"Necklace","handle":"sheer-station-necklace-silver","variants":[{"id":40682525786187,"price":89900,"name":"Sheer Station Necklace Silver","public_title":null,"sku":"NS1394"}],"remote":false},{"id":6933954953291,"gid":"gid:\/\/shopify\/Product\/6933954953291","vendor":"Pink City","type":"Berlock","handle":"beloved-heart-pendant-gold","variants":[{"id":40296309194827,"price":24900,"name":"Beloved Heart Pendant Gold","public_title":null,"sku":"EG1076"}],"remote":false},{"id":6933958393931,"gid":"gid:\/\/shopify\/Product\/6933958393931","vendor":"Pink City","type":"Örhängen","handle":"treasure-pearl-hoops-silver","variants":[{"id":40296312635467,"price":79900,"name":"Treasure Pearl Hoops Silver","public_title":null,"sku":"ES1210"}],"remote":false},{"id":6933963374667,"gid":"gid:\/\/shopify\/Product\/6933963374667","vendor":"MALYA JEWEL CRAFTS","type":"Halsband","handle":"santa-monica-necklace-gold","variants":[{"id":40296317550667,"price":79900,"name":"Santa Monica Necklace Gold","public_title":null,"sku":"NG1351"}],"remote":false},{"id":6949875875915,"gid":"gid:\/\/shopify\/Product\/6949875875915","vendor":"MALYA JEWEL CRAFTS","type":"Ring","handle":"bolded-ring-silver","variants":[{"id":40347003486283,"price":149900,"name":"Bolded Ring Silver - 6","public_title":"6","sku":"RS1129"},{"id":40347003519051,"price":149900,"name":"Bolded Ring Silver - 7","public_title":"7","sku":"RS1129"},{"id":40347003551819,"price":149900,"name":"Bolded Ring Silver - 8","public_title":"8","sku":"RS1129"},{"id":40347003584587,"price":149900,"name":"Bolded Ring Silver - 9","public_title":"9","sku":"RS1129"},{"id":54878755160446,"price":149900,"name":"Bolded Ring Silver - 10","public_title":"10","sku":"RS1129"},{"id":56420512596350,"price":149900,"name":"Bolded Ring Silver - 11","public_title":"11","sku":"RS1129"}],"remote":false},{"id":15827995984254,"gid":"gid:\/\/shopify\/Product\/15827995984254","vendor":"KARIZIA","type":"Necklace","handle":"sheer-mirror-necklace-gold","variants":[{"id":57128433123710,"price":89900,"name":"Sheer Mirror Necklace Gold","public_title":null,"sku":"NGB1395"}],"remote":false},{"id":15364361716094,"gid":"gid:\/\/shopify\/Product\/15364361716094","vendor":"KARIZIA","type":"Armband","handle":"herringbone-twisted-bracelet-silver","variants":[{"id":55570103959934,"price":69900,"name":"Herringbone Twisted Bracelet Silver","public_title":null,"sku":"BS1271AC"}],"remote":false},{"id":15951195603326,"gid":"gid:\/\/shopify\/Product\/15951195603326","vendor":"VAIBHAV GLOBAL LTD","type":"Pendant","handle":"beloved-heart-pendant-gold-pink-quartz","variants":[{"id":57540352803198,"price":34900,"name":"Beloved Heart Pendant Gold","public_title":null,"sku":"NGB1402PQ"}],"remote":false},{"id":15368595210622,"gid":"gid:\/\/shopify\/Product\/15368595210622","vendor":"MALYA JEWEL CRAFTS","type":"Earrings","handle":"lunetta-earrings-silver","variants":[{"id":55581749215614,"price":79900,"name":"Lunetta Earrings Silver","public_title":null,"sku":"ES1302"}],"remote":false},{"id":15828253245822,"gid":"gid:\/\/shopify\/Product\/15828253245822","vendor":"Pink City","type":"Armband","handle":"treasure-multi-pearl-bracelet-gold","variants":[{"id":57130010837374,"price":69900,"name":"Treasure Multi Pearl Bracelet Gold","public_title":null,"sku":"BGB1256"}],"remote":false},{"id":6933967241291,"gid":"gid:\/\/shopify\/Product\/6933967241291","vendor":"Pink City","type":"Halsband","handle":"north-star-necklace-silver","variants":[{"id":40296321351755,"price":79900,"name":"North Star Necklace Silver","public_title":null,"sku":"NS1357"}],"remote":false},{"id":15828136984958,"gid":"gid:\/\/shopify\/Product\/15828136984958","vendor":"Pink City","type":"Örhängen","handle":"treasure-pearl-hoops-gold","variants":[{"id":57129315598718,"price":79900,"name":"Treasure Pearl Hoops Gold","public_title":null,"sku":"EGB1210"}],"remote":false},{"id":6933954265163,"gid":"gid:\/\/shopify\/Product\/6933954265163","vendor":"MALYA JEWEL CRAFTS","type":"Armband","handle":"santa-monica-bracelet-silver","variants":[{"id":40296308047947,"price":54900,"name":"Santa Monica Bracelet Silver","public_title":null,"sku":"BS1253"}],"remote":false},{"id":15828017873278,"gid":"gid:\/\/shopify\/Product\/15828017873278","vendor":"Pink City","type":"Halsband","handle":"treasure-single-pearl-necklace-gold","variants":[{"id":57128474280318,"price":109900,"name":"Treasure Single Pearl Necklace Gold","public_title":null,"sku":"NGB1353"}],"remote":false},{"id":6933957804107,"gid":"gid:\/\/shopify\/Product\/6933957804107","vendor":"Pink City","type":"Berlock","handle":"beloved-heart-pendant-silver","variants":[{"id":40296312045643,"price":24900,"name":"Beloved Heart Pendant Silver","public_title":null,"sku":"ES1076"}],"remote":false},{"id":14842082460030,"gid":"gid:\/\/shopify\/Product\/14842082460030","vendor":"MALYA JEWEL CRAFTS","type":"Necklace","handle":"santa-monica-necklace-gold-green-onyx","variants":[{"id":54800693690750,"price":79900,"name":"Santa Monica Necklace Gold","public_title":null,"sku":"NG1351GO"}],"remote":false},{"id":6933956100171,"gid":"gid:\/\/shopify\/Product\/6933956100171","vendor":"Pink City","type":"Örhängen","handle":"bolded-little-sis-earrings-gold","variants":[{"id":40296310341707,"price":139900,"name":"Bolded Little Sis Earrings Gold","public_title":null,"sku":"EG1236"}],"remote":false},{"id":14842082558334,"gid":"gid:\/\/shopify\/Product\/14842082558334","vendor":"VAIBHAV GLOBAL LTD","type":"Pendant","handle":"beloved-heart-pendant-silver-green-aventurine","variants":[{"id":56220159345022,"price":34900,"name":"Beloved Heart Pendant Silver","public_title":null,"sku":"NS1402GA"}],"remote":false},{"id":15828016890238,"gid":"gid:\/\/shopify\/Product\/15828016890238","vendor":"Pink City","type":"Halsband","handle":"treasure-multi-pearl-necklace-gold","variants":[{"id":57128472969598,"price":89900,"name":"Treasure Multi Pearl Necklace Gold","public_title":null,"sku":"NGB1354"}],"remote":false},{"id":6933954461771,"gid":"gid:\/\/shopify\/Product\/6933954461771","vendor":"Pink City","type":"Armband","handle":"minimalistica-solo-nova-bracelet-silver","variants":[{"id":40296308211787,"price":69900,"name":"Minimalistica Solo Nova Bracelet Silver","public_title":null,"sku":"BS1261"}],"remote":false},{"id":15827981304190,"gid":"gid:\/\/shopify\/Product\/15827981304190","vendor":"MALYA JEWEL CRAFTS","type":"Necklace","handle":"solea-necklace-gold","variants":[{"id":57128356905342,"price":89900,"name":"Solea Necklace Gold","public_title":null,"sku":"NGB1412"}],"remote":false},{"id":6933965471819,"gid":"gid:\/\/shopify\/Product\/6933965471819","vendor":"Pink City","type":"Berlock","handle":"beloved-mini-letter-silver-a","variants":[{"id":40344897978443,"price":39900,"name":"Beloved Mini Letter Silver - A","public_title":"A","sku":"NS1230"},{"id":40344898011211,"price":39900,"name":"Beloved Mini Letter Silver - B","public_title":"B","sku":"NS1230"},{"id":40344898043979,"price":39900,"name":"Beloved Mini Letter Silver - C","public_title":"C","sku":"NS1230"},{"id":40344898076747,"price":39900,"name":"Beloved Mini Letter Silver - D","public_title":"D","sku":"NS1230"},{"id":40344898109515,"price":39900,"name":"Beloved Mini Letter Silver - E","public_title":"E","sku":"NS1230"},{"id":40344898142283,"price":39900,"name":"Beloved Mini Letter Silver - F","public_title":"F","sku":"NS1230"},{"id":40344898175051,"price":39900,"name":"Beloved Mini Letter Silver - G","public_title":"G","sku":"NS1230"},{"id":40344898207819,"price":39900,"name":"Beloved Mini Letter Silver - H","public_title":"H","sku":"NS1230"},{"id":40344920358987,"price":39900,"name":"Beloved Mini Letter Silver - I","public_title":"I","sku":"NS1230"},{"id":40344898240587,"price":39900,"name":"Beloved Mini Letter Silver - J","public_title":"J","sku":"NS1230"},{"id":40344898273355,"price":39900,"name":"Beloved Mini Letter Silver - K","public_title":"K","sku":"NS1230"},{"id":40344898306123,"price":39900,"name":"Beloved Mini Letter Silver - L","public_title":"L","sku":"NS1230"},{"id":40344898338891,"price":39900,"name":"Beloved Mini Letter Silver - M","public_title":"M","sku":"NS1230"},{"id":40344898371659,"price":39900,"name":"Beloved Mini Letter Silver - N","public_title":"N","sku":"NS1230"},{"id":40344898404427,"price":39900,"name":"Beloved Mini Letter Silver - O","public_title":"O","sku":"NS1230"},{"id":40344898437195,"price":39900,"name":"Beloved Mini Letter Silver - P","public_title":"P","sku":"NS1230"},{"id":40344898469963,"price":39900,"name":"Beloved Mini Letter Silver - R","public_title":"R","sku":"NS1230"},{"id":40344898502731,"price":39900,"name":"Beloved Mini Letter Silver - 
623S","public_title":"S","sku":"NS1230"},{"id":40344898535499,"price":39900,"name":"Beloved Mini Letter Silver - T","public_title":"T","sku":"NS1230"},{"id":40344898568267,"price":39900,"name":"Beloved Mini Letter Silver - U","public_title":"U","sku":"NS1230"},{"id":40344898601035,"price":39900,"name":"Beloved Mini Letter Silver - V","public_title":"V","sku":"NS1230"},{"id":40344898633803,"price":39900,"name":"Beloved Mini Letter Silver - W","public_title":"W","sku":"NS1230"},{"id":40344898666571,"price":39900,"name":"Beloved Mini Letter Silver - Y","public_title":"Y","sku":"NS1230"},{"id":40344898699339,"price":39900,"name":"Beloved Mini Letter Silver - Z","public_title":"Z","sku":"NS1230"},{"id":40843764465739,"price":39900,"name":"Beloved Mini Letter Silver - Å","public_title":"Å","sku":"NS1230"},{"id":40843764498507,"price":39900,"name":"Beloved Mini Letter Silver - Ø","public_title":"Ø","sku":"NS1230"}],"remote":false},{"id":15828098580862,"gid":"gid:\/\/shopify\/Product\/15828098580862","vendor":"MALYA JEWEL CRAFTS","type":"Earrings","handle":"lunetta-earrings-gold","variants":[{"id":57128902689150,"price":79900,"name":"Lunetta Earrings Gold","public_title":null,"sku":"EGB1302"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":271313698891,"requestId":"d9778c82-454f-4ac2-851b-6509211573ee-1790361986"}};
624  for (var attr in meta) {
625    window.ShopifyAnalytics.meta[attr] = meta[attr];
626  }
627</script>
vendor: 1 bytes, line 627
627
628<script class="analytics">
629  (function () {
630    var customDocumentWrite = function(content) {
631      var jquery = null;
632
633      if (window.jQuery) {
634        jquery = window.jQuery;
635      } else if (window.Checkout && window.Checkout.$) {
636        jquery = window.Checkout.$;
637      }
638
639      if (jquery) {
640        jquery('body').append(content);
641      }
642    };
643
644    var hasLoggedConversion = function(token) {
645      if (token) {
646        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
647      }
648      return false;
649    }
650
651    var setCookieIfConversion = function(token) {
652      if (token) {
653        var twoMonthsFromNow = new Date(Date.now());
654        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
655
656        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
657      }
658    }
659
660    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
661    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
662    if (trekkie.integrations) {
663      return;
664    }
665    trekkie.methods = [
666      'identify',
667      'page',
668      'ready',
669      'track',
670      'trackForm',
671      'trackLink'
672    ];
673    trekkie.factory = function(method) {
674      return function() {
675        var args = Array.prototype.slice.call(arguments);
676        args.unshift(method);
677        trekkie.push(args);
678        if (method == 'track' || method == 'page') {
679          var pageUrl;
680          try {
681            pageUrl = window.location.href;
682          } catch (e) {}
683          var pageReferrer;
684          try {
685            pageReferrer = document.referrer;
686          } catch (e) {}
687          try {
688            if (window.__TREKKIE_SHIM_QUEUE == null) {
689              window.__TREKKIE_SHIM_QUEUE = [];
690            }
691            window.__TREKKIE_SHIM_QUEUE.push({
692              from: 'trekkie-stub',
693              method: method,
694              args: args.slice(1),
695              pageContext: {
696                url: pageUrl,
697                referrer: pageReferrer
698              }
699            });
700          } catch (e) {
701            // no-op
702          }
703        }
704        return trekkie;
705      };
706    };
707    for (var i = 0; i < trekkie.methods.length; i++) {
708      var key = trekkie.methods[i];
709      trekkie[key] = trekkie.factory(key);
710    }
711    trekkie.load = function(config) {
712      trekkie.config = config || {};
713      trekkie.config.initialDocumentCookie = document.cookie;
714      var first = document.getElementsByTagName('script')[0];
715var script = document.createElement('script');
716script.type = 'text/javascript';
717script.onerror = function(e) {
718  var scriptFallback = document.createElement('script');
719  scriptFallback.type = 'text/javascript';
720  scriptFallback.onerror = function(error) {
721          var Monorail = {
722      produce: function produce(monorailDomain, schemaId, payload) {
723        var currentMs = new Date().getTime();
724        var event = {
725          schema_id: schemaId,
726          payload: payload,
727          metadata: {
728            event_created_at_ms: currentMs,
729            event_sent_at_ms: currentMs
730          }
731        };
732        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
733      },
734      sendRequest: function sendRequest(endpointUrl, payload) {
735        // Try the sendBeacon API
736        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
737          var blobData = new window.Blob([payload], {
738            type: 'text/plain'
739          });
740
741          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
742            return true;
743          } // sendBeacon was not successful
744
745        } // XHR beacon
746
747        var xhr = new XMLHttpRequest();
748
749        try {
750          xhr.open('POST', endpointUrl);
751          xhr.setRequestHeader('Content-Type', 'text/plain');
752          xhr.send(payload);
753        } catch (e) {
754          console.log(e);
755        }
756
757        return false;
758      },
759      isIos12: function isIos12() {
760        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
761      }
762    };
763    Monorail.produce('monorail-edge.shopifysvc.com',
764      'trekkie_storefront_load_errors/1.1',
765      {shop_id: 55833591883,
766      theme_id: 195210379646,
767      app_name: "storefront",
768      context_url: window.location.href,
769      source_url: "//systerp.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
770
771  };
772  scriptFallback.async = true;
773  scriptFallback.src = '//systerp.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
774  first.parentNode.insertBefore(scriptFallback, first);
775};
776script.async = true;
777script.src = '//systerp.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
778first.parentNode.insertBefore(script, first);
779
780    };
781    trekkie.load(
782      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55833591883,"isMerchantRequest":null,"themeId":195210379646,"themeCityHash":"4064976797715804494","contentLanguage":"sv","currency":"SEK","eventMetadataId":"78d81e3d-7f67-4089-be05-fad82299c7f1"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
783    );
784
785    var loaded = false;
786    trekkie.ready(function() {
787      if (loaded) return;
788      loaded = true;
789
790      window.ShopifyAnalytics.lib = window.trekkie;
791
792      var originalDocumentWrite = document.write;
793      document.write = customDocumentWrite;
794      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
795      document.write = originalDocumentWrite;
796
797      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
798      var token = match? match[1]: undefined;
799      if (!hasLoggedConversion(token)) {
800        setCookieIfConversion(token);
801        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"SEK","category":"Collection: bastsaljare","collectionName":"bastsaljare","collectionId":271313698891,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
802      }
803    });
804
805    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":271313698891,"requestId":"d9778c82-454f-4ac2-851b-6509211573ee-1790361986","shopifyEmitted":true});
806
807    var eventsListenerScript = document.createElement('script');
808    eventsListenerScript.async = true;
809    eventsListenerScript.src = "//systerp.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
810    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
811})();</script>
vendor: 1 bytes, line 811
811
812<script
813  defer
814  src="https://systerp.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
815  data-application="storefront-renderer"
816  data-shop-id="55833591883"
817  data-render-region="gcp-us-west1"
818  data-page-type="collection"
819  data-theme-instance-id="195210379646"
820  data-theme-name="Syster P"
821  data-theme-version="1.0.0"
822  data-monorail-region="shop_domain"
823  data-resource-timing-sampling-rate="10"
824  data-shs="true"
825  data-shs-beacon="true"
826  data-shs-export-with-fetch="true"
827  data-shs-logs-sample-rate="1"
828  data-shs-beacon-endpoint="https://systerp.com/api/collect"
829></script>
829
830<meta name="shopify-y" content="fb39217b-453f-4a9d-a945-c006c12f3455" data-expiration="1821919586000"><meta name="shopify-s" content="7d7ca7eb-d002-4d7f-b66d-5a65a1285619" data-expiration="1790363786000"><meta name="new-cookie-storage-activated" content="t">
831</head>
832  <body class="collection.best-sellers ">
833    <a class="skip-to-content-link sr-only" href="#main-content">
834      Hoppa till innehåll
835    </a><!-- BEGIN sections: header-group -->
836<div id="shopify-section-sections--28929187840382__announcement_bar_9D9gVL" class="shopify-section shopify-section-group-header-group announcement-bar-section">  <style type="text/css">
837    :root {
838      --header-top: 31px;
839      --header-height: 56px;
840    }
841  </style>  
842  <div
843    class="bg-offwhite text-black text-center flex justify-center px-gutter py-8">
844    
845<div
846        x-ignore
847        ax-load
848        x-data="announcementBar(2.5, 2)"
849        class="announcement-bar"
850        role="region"
851        aria-roledescription="Karusell"
852        aria-label="Meddelandestapel"
853      >
854        <div class="announcement-bar-slider slider-buttons">
855          <div
856            class="grid grid--1-col slider slider--everywhere"
857            id="Slider-sections--28929187840382__announcement_bar_9D9gVL"
858            aria-live="polite"
859            aria-atomic="true"
860          ><div
861                id="Slide-sections--28929187840382__announcement_bar_9D9gVL-1"
862                
863                role="group"
864                aria-roledescription="Meddelande"
865                aria-label="1 av 2"
866                tabindex="-1"
867                x-show="slide == 0"
868                
869              >
870                <div
871                  class="announcement-bar__announcement"
872                  role="region"
873                  aria-label="Meddelande"
874                  
875                ><p class="text-small p-gutter-small">
876                      <span>Handgjorda smycken | Snabb leverans</span></p></div>
877              </div><div
878                id="Slide-sections--28929187840382__announcement_bar_9D9gVL-2"
879                
880                role="group"
881                aria-roledescription="Meddelande"
882                aria-label="2 av 2"
883                tabindex="-1"
884                x-show="slide == 1"
885                x-cloak
886              >
887                <div
888                  class="announcement-bar__announcement"
889                  role="region"
890                  aria-label="Meddelande"
891                  
892                ><p class="text-small p-gutter-small">
893                      <span>Äkta silver, 100% återvunnet | Fri frakt över 600 kr</span></p></div>
894              </div></div>
895        </div>
896      </div></div>
897
898
899</div><div id="shopify-section-sections--28929187840382__header" class="shopify-section shopify-section-group-header-group section-header">
900
901<style type="text/css">
902  :root {--menu-init-bg-color: white;
903      --menu-bg-color: white;
904      --menu-border: #E1DFDD;
905      
906        --menu-init-color: black;
907        --menu-color: black;
908      
909    
910
911    --menu-active-color: black;
912  }
913</style>
914<header
915  ax-load
916  x-data="header('always', false, true)"
917  @remove-transparent.window="removeTransparent"
918  @add-transparent.window="addTransparent"
919  @scroll.window="onScroll"
920  @mouseenter="mouseEnter"
921  class="header text-default-bold grid grid-cols-24 bg-[color:var(--menu-bg-color)] lg:border-b-[0.03rem] lg:border-[var(--menu-border)] transition-colors duration-ss"
922>
923  <div class="header-nav flex col-span-6">
924    
925    
926
927<nav ax-load x-data="headerMenu('collection.best-sellers')" class="hidden lg:block"><div class="hidden lg:block lg:pl-gutter">
928  <ul class="z-drawer flex gap-guttersm" @mouseLeave="mouseLeave('left'), $dispatch('add-transparent')">
929    
930      
931          <li
932            class="flex items-center h-45 text-[color:var(--menu-color)] w-90"
933          >
934            
935              <button
936                @mouseEnter="mouseEnter(1, 'left'), $dispatch('remove-transparent')"
937                class="menuButton btn"
938                :class="activeButton != 1 && activeButton != null  ? 'inactive' : activeButton == 1 ? 'active' : ''"
939                aria-label=""
940              >
941                
942                  <span> Smycken</span>
943                
944              </button>
945            
946            
947            <div
948              x-cloak
949              class="absolute grid grid-cols-24 overflow-hidden top-45 left-0 right-0 bg-white text-default"
950              x-show="isOpenLeft"
951              x-transition:enter="transform opacity ease-in-out duration-ss"
952              x-transition:enter-start="opacity-0"
953              x-transition:enter-end="opacity-100"
954              x-transition:leave="transform opacity ease-in-out duration-ss"
955              x-transition:leave-start=""
956              x-transition:leave-end="opacity-0"
957            >
958              <div
959                class="flex justify-between min-h-[22rem]  col-span-12 p-30"
960                x-show="menu == 1"
961                x-cloak
962              >
963                
964                
965                  <div class="min-w-[120px]  mr-guttersm">
966                      <div class="mb-4 flex flex-row items-center">
967                        
968                          
969                            <a
970                              href="/collections/bastsaljare"
971                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--best-sellers"
972                            >Bästsäljare</a>
973                          
974                        
975                      </div>
976                    
977                      <div class="mb-4 flex flex-row items-center">
978                        
979                          
980                            <a
981                              href="/collections/nyheter"
982                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--new-arrivals"
983                            >Nyheter</a>
984                          
985                        
986                      </div>
987                    
988                      <div class="mb-4 flex flex-row items-center">
989                        
990                          
991                            <a
992                              href="/collections/beloved"
993                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--letter-necklaces"
994                            >Bokstavshalsband</a>
995                          
996                        
997                      </div>
998                    
999                      <div class="mb-4 flex flex-row items-center">
1000                        
1001                          
1002                            <a
1003                              href="/pages/presentkort"
1004                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--gift-cards"
1005                            >Presentkort</a>
1006                          
1007                        
1008                      </div>
1009                    </div>
1010                
1011                
1012                
1013                  <div class="mr-guttersm">
1014                    <p class="text-default-bold mb-20">Kategori</p>
1015                    <ul class="flex flex-col">
1016                      
1017                        <li class="mb-4 flex flex-row items-center">
1018                          <a
1019                            href="/collections/halsband"
1020                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-necklaces-"
1021                          >Halsband</a>
1022                        </li>
1023                      
1024                        <li class="mb-4 flex flex-row items-center">
1025                          <a
1026                            href="/collections/orhangen"
1027                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-earrings-"
1028                          >Örhängen</a>
1029                        </li>
1030                      
1031                        <li class="mb-4 flex flex-row items-center">
1032                          <a
1033                            href="/collections/armband"
1034                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-bracelets-"
1035                          >Armband</a>
1036                        </li>
1037                      
1038                        <li class="mb-4 flex flex-row items-center">
1039                          <a
1040                            href="/collections/berlocker"
1041                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-pendants-"
1042                          >Berlocker</a>
1043                        </li>
1044                      
1045                        <li class="mb-4 flex flex-row items-center">
1046                          <a
1047                            href="/collections/ringar"
1048                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-rings-"
1049                          >
1049Ringar</a>
1050                        </li>
1051                      
1052                        <li class="mb-4 flex flex-row items-center">
1053                          <a
1054                            href="/collections/smyckeskrin"
1055                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-jewelry-cases-"
1056                          >Smyckeskrin</a>
1057                        </li>
1058                      
1059                        <li class="mb-4 flex flex-row items-center">
1060                          <a
1061                            href="/collections/accessoarer"
1062                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-accessories-"
1063                          >Accessoarer</a>
1064                        </li>
1065                      
1066                    </ul>
1067                  </div>
1068                
1069                
1070
1071                
1072                  <div class="mr-guttersm">
1073                    <p class="text-default-bold mb-20">Kollektioner</p>
1074                    <ul class="flex flex-col">
1075                      
1076                        <li class="mb-4 flex flex-row items-center">
1077                          <a
1078                            href="/collections/beloved"
1079                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-beloved-"
1080                          >Beloved</a>
1081                        </li>
1082                      
1083                        <li class="mb-4 flex flex-row items-center">
1084                          <a
1085                            href="/pages/beloved-birthstones"
1086                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-birthstones-"
1087                          >MÃ¥nadsstenar</a>
1088                        </li>
1089                      
1090                        <li class="mb-4 flex flex-row items-center">
1091                          <a
1092                            href="/collections/pearls"
1093                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-pearls-"
1094                          >Pärlor</a>
1095                        </li>
1096                      
1097                        <li class="mb-4 flex flex-row items-center">
1098                          <a
1099                            href="/collections/color"
1100                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-color-"
1101                          >Color</a>
1102                        </li>
1103                      
1104                        <li class="mb-4 flex flex-row items-center">
1105                          <a
1106                            href="/collections/bolded"
1107                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-bolded-"
1108                          >Bolded</a>
1109                        </li>
1110                      
1111                        <li class="mb-4 flex flex-row items-center">
1112                          <a
1113                            href="/collections/sparkles"
1114                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-sparkles-"
1115                          >Sparkles</a>
1116                        </li>
1117                      
1118                        <li class="mb-4 flex flex-row items-center">
1119                          <a
1120                            href="/collections/hoops"
1121                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-hoops-"
1122                          >Hoops</a>
1123                        </li>
1124                      
1125                        <li class="mb-4 flex flex-row items-center">
1126                          <a
1127                            href="/collections/kedjor"
1128                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-chains-"
1129                          >Kedjor</a>
1130                        </li>
1131                      
1132                    </ul>
1133                  </div>
1134                
1135              </div>
1136
1137              
1138
1139              <div
1140                class="cta-wrapper flex flex-col col-end-25  col-span-8 py-30 mr-30"
1141                x-show="menu == 1"
1142              >
1143                <div class="image-wraper flex flex-row  flex-row-reverse  ">
1144                  
1145                  <a
1146                    href="/collections/beloved"
1147                    class="w-full"
1148                  >
1149                    <span class="flex items-center min-h-[20px] text-default-bold">
1150                      
1151Bokstavshalsband<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
1152  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
1153</svg>
1154</span>
1155                      
1156                    </span>
1157                    
1158                      <div
1159                        class="pt-8"
1160                      >
1161                        <div class="relative  aspect-[4/3]  mb-12 ">
1162                          <img src="//systerp.com/cdn/shop/files/Layers_olivia_necklace_gold_Beloved_mini_letter_gold_Beloved_heart_pendant_gold_Sheer_station_necklace_gold.jpg?v=1775631512&amp;width=800" alt="" srcset="//systerp.com/cdn/shop/files/Layers_olivia_necklace_gold_Beloved_mini_letter_gold_Beloved_heart_pendant_gold_Sheer_station_necklace_gold.jpg?v=1775631512&amp;width=352 352w, //systerp.com/cdn/shop/files/Layers_olivia_necklace_gold_Beloved_mini_letter_gold_Beloved_heart_pendant_gold_Sheer_station_necklace_gold.jpg?v=1775631512&amp;width=800 800w" width="800" height="800" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
1163                        </div>
1164                      </div>
1165                    
1166                  </a>
1167
1168                  
1169                  
1170                </div>
1171              </div>
1172            </div>
1173          </li>
1174
1175        
1176    
1177      
1178          <li
1179            class="flex items-center h-45 text-[color:var(--menu-color)] w-90"
1180          >
1181            
1182              <button
1183                @mouseEnter="mouseEnter(2, 'left'), $dispatch('remove-transparent')"
1184                class="menuButton btn"
1185                :class="activeButton != 2 && activeButton != null  ? 'inactive' : activeButton == 2 ? 'active' : ''"
1186                aria-label=""
1187              >
1188                
1189                  <span> Presenter</span>
1190                
1191              </button>
1192            
1193            
1194            <div
1195              x-cloak
1196              class="absolute grid grid-cols-24 overflow-hidden top-45 left-0 right-0 bg-white text-default"
1197              x-show="isOpenLeft"
1198              x-transition:enter="transform opacity ease-in-out duration-ss"
1199              x-transition:enter-start="opacity-0"
1200              x-transition:enter-end="opacity-100"
1201              x-transition:leave="transform opacity ease-in-out duration-ss"
1202              x-transition:leave-start=""
1203              x-transition:leave-end="opacity-0"
1204            >
1205              <div
1206                class="flex justify-between min-h-[22rem]  col-span-12 p-30"
1207                x-show="menu == 2"
1208                x-cloak
1209              >
1210                
1211                
1212                  <div class="min-w-[120px]  mr-guttersm">
1213                      <div class="mb-4 flex flex-row items-center">
1214                        
1215                          
1216                            <a
1217                              href="/pages/presenter"
1218                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--gift-guide"
1219                            >Presentguide</a>
1220                          
1221                        
1222                      </div>
1223                    
1224                      <div class="mb-4 flex flex-row items-center">
1225                        
1226                          
1227                            <a
1228                              href="/collections/bastsaljare"
1229                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--best-sellers"
1230                            >Bästsäljare</a>
1231                          
1232                        
1233                      </div>
1234                    
1235                      <div class="mb-4 flex flex-row items-center">
1236                        
1237                          
1238                            <a
1239                              href="/collections/beloved"
1240                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--letter-necklaces"
1241                            >Bokstavshalsband</a>
1242                          
1243                        
1244                      </div>
1245                    
1246                      <div class="mb-4 flex flex-row items-center">
1247                        
1248                          
1249                            <a
1250                              href="/pages/presentkort"
1251                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--gift-cards"
1252                            >Presentkort</a>
1253                          
1254                        
1255                      </div>
1256                    </div>
1257                
1258                
1259                
1260                  <div class="mr-guttersm">
1261                    <p class="text-default-bold mb-20">Presenter för varje tillfälle</p>
1262                    <ul class="flex flex-col">
1263                      
1264                        <li class="mb-4 flex flex-row items-center">
1265                          <a
1266                            href="/collections/confirmation"
1267                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-konfirmation-"
1268                          >Konfirmation</a>
1269                        </li>
1270                      
1271                        <li class="mb-4 flex flex-row items-center">
1272                          <a
1273                            href="/collections/fodelsedagspresenter"
1274                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-fodelsedag-"
1275                          >Födelsedag</a>
1276                        </li>
1277                      
1278                        <li class="mb-4 flex flex-row items-center">
1279                          <a
1280                            href="/pages/gifts-for-her"
1281                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-for-henne-"
1282                          >För henne</a>
1283                        </li>
1284                      
1285                        <li class="mb-4 flex flex-row items-center">
1286                          <a
1287                            href="/pages/gifts-for-him"
1288                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-for-honom-"
1289                          >För honom</a>
1290                        </li>
1291                      
1292                    </ul>
1293                  </div>
1294                
1295                
1296
1297                
1298                  <div class="mr-guttersm">
1299                    <p class="text-default-bold mb-20">Presenttips</p>
1300                    <ul class="flex flex-col">
1301                      
1302                        <li class="mb-4 flex flex-row items-center">
1303                          <a
1304                            href="/collections/presentset"
1305                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-gift-sets-"
1306                          >Presentset</a>
1307                        </li>
1308                      
1309                        <li class="mb-4 flex flex-row items-center">
1310                          <a
1311                            href="/collections/topp-10-presenter"
1312                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-top-10-gifts-"
1313                          >Topp 10 presenter</a>
1314                        </li>
1315                      
1316                        <li class="mb-4 flex flex-row items-center">
1317                          <a
1318                            href="/collections/presenter-under-500"
1319                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-gifts-under-50-"
1320                          >Presenter under 500 kr</a>
1321                        </li>
1322                      
1323                        <li class="mb-4 flex flex-row items-center">
1324                          <a
1325                            href="/collections/presenter-under-1000"
1326                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-gifts-under-100-"
1327                          >Presenter under 1000 kr</a>
1328                        </li>
1329                      
1330                        <li class="mb-4 flex flex-row items-center">
1331                          <a
1332                            href="/collections/presenter-under-1500"
1333                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-gifts-under-150-"
1334                          >Presenter under 1500 kr</a>
1335                        </li>
1336                      
1337                    </ul>
1338                  </div>
1339                
1340              </div>
1341
1342              
1343
1344              <div
1345                class="cta-wrapper flex flex-col col-end-25  col-span-8 py-30 mr-30"
1346                x-show="menu == 2"
1347              >
1348                <div class="image-wraper flex flex-row  flex-row-reverse  ">
1349                  
1350                  <a
1351                    href="/collections/presentset"
1352                    class="w-full"
1353                  >
1354                    <span class="flex items-center min-h-[20px] text-default-bold">
1355                      
1356Presentset<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
1357  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
1358</svg>
1359</span>
1360                      
1361                    </span>
1362                    
1363                      <div
1364                        class="pt-8"
1365                      >
1366                        <div class="relative  aspect-[4/3]  mb-12 ">
1367                          <img src="//systerp.com/cdn/shop/files/Solea_Necklace_Gold_Minimalistica_Hammered_Necklace_Gold_kopiera_56779f85-a864-4406-b32a-958117d85cc5.jpg?v=1777024143&amp;width=800" alt="" srcset="//systerp.com/cdn/shop/files/Solea_Necklace_Gold_Minimalistica_Hammered_Necklace_Gold_kopiera_56779f85-a864-4406-b32a-958117d85cc5.jpg?v=1777024143&amp;width=352 352w, //systerp.com/cdn/shop/files/Solea_Necklace_Gold_Minimalistica_Hammered_Necklace_Gold_kopiera_56779f85-a864-4406-b32a-958117d85cc5.jpg?v=1777024143&amp;width=800 800w" width="800" height="800" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
1368                        </div>
1369                      </div>
1370                    
1371                  </a>
1372
1373                  
1374                  
1375                </div>
1376              </div>
1377            </div>
1378          </li>
1379
1380        
1381    
1382      
1383          <li
1384            class="flex items-center h-45 text-[color:var(--menu-color)] w-90"
1385          >
1386            
1387              <button
1388                @mouseEnter="mouseEnter(3, 'left'), $dispatch('remove-transparent')"
1389                class="menuButton btn"
1390                :class="activeButton != 3 && activeButton != null  ? 'inactive' : activeButton == 3 ? 'active' : ''"
1391                aria-label=""
1392              >
1393                
1394                  <span> Renew</span>
1395                
1396              </button>
1397            
1398            
1399            <div
1400              x-cloak
1401              class="absolute grid grid-cols-24 overflow-hidden top-45 left-0 right-0 bg-white text-default"
1402              x-show="isOpenLeft"
1403              x-transition:enter="transform opacity ease-in-out duration-ss"
1404              x-transition:enter-start="opacity-0"
1405              x-transition:enter-end="opacity-100"
1406              x-transition:leave="transform opacity ease-in-out duration-ss"
1407              x-transition:leave-start=""
1408              x-transition:leave-end="opacity-0"
1409            >
1410              <div
1411                class="flex justify-between min-h-[22rem]  col-span-4 p-30"
1412                x-show="menu == 3"
1413                x-cloak
1414              >
1415                
1416                
1417                  <div class="min-w-[120px]  mr-guttersm">
1418                      <div class="mb-4 flex flex-row items-center">
1419                        
1420                          
1421                            <a
1422                              href="/pages/recycle-it"
1423                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--recycle-it"
1424                            >Recycle it</a>
1425                          
1426                        
1427                      </div>
1428                    
1429                      <div class="mb-4 flex flex-row items-center">
1430                        
1431                          
1432                            <a
1433                              href="/pages/replating"
1434                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--replating"
1435                            >Replating</a>
1436                          
1437                        
1438                      </div>
1439                    
1440                      <div class="mb-4 flex flex-row items-center">
1441                        
1442                          
1443                            <a
1444                              href="/collections/rental"
1445                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--rental"
1446                            >Rental</a>
1447                          
1448                        
1449                      </div>
1450                    </div>
1451                
1452                
1453                
1454                  <div class="mr-guttersm">
1455                    <p class="text-default-bold mb-20"></p>
1456                    <ul class="flex flex-col">
1457                      
1458                    </ul>
1459                  </div>
1460                
1461                
1462
1463                
1464                  <div class="mr-guttersm">
1465                    <p class="text-default-bold mb-20"></p>
1466                    <ul class="flex flex-col">
1467                      
1468                    </ul>
1469                  </div>
1470                
1471              </div>
1472
1473              
1474
1475              <div
1476                class="cta-wrapper flex flex-col col-end-25  col-span-16 py-30 mr-30"
1477                x-show="menu == 3"
1478              >
1479                <div class="image-wraper flex flex-row  flex-row   gap-x-20">
1480                  
1481                  <a
1482                    href="/pages/hallbarhet"
1483                    class="w-full"
1484                  >
1485                    <span class="flex items-center min-h-[20px] text-default-bold">
1486                      
1487HÃ¥llbarhet<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
1488  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
1489</svg>
1490</span>
1491                      
1492                    </span>
1493                    
1494                      <div
1495                        class="pt-8"
1496                      >
1497                        <div class="relative  aspect-2/3  mb-12  !aspect-[4/3]">
1498                          <img src="//systerp.com/cdn/shop/files/beloved_mini_letter_silver_fabrik.jpg?v=1775630634&amp;width=800" alt="" srcset="//systerp.com/cdn/shop/files/beloved_mini_letter_silver_fabrik.jpg?v=1775630634&amp;width=352 352w, //systerp.com/cdn/shop/files/beloved_mini_letter_silver_fabrik.jpg?v=1775630634&amp;width=800 800w" width="800" height="800" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
1499                        </div>
1500                      </div>
1501                    
1502                  </a>
1503
1504                  
1505                  
1506                    <a
1507                      href="/pages/atervunnet-silver"
1508                      class=" w-full "
1509                    >
1510                      <span class="flex items-center min-h-[20px] text-default-bold">
1511                        
1512Återvunnet silver<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
1513  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
1514</svg>
1515</span>
1516                        </span>
1517                      <div
1518                        class="pt-8"
1519                      >
1520                        <div class="relative aspect-2/3 mb-12  !aspect-[4/3]">
1521                          <img src="//systerp.com/cdn/shop/files/bolded_ring_fabrik.jpg?v=1775630403&amp;width=800" alt="" srcset="//systerp.com/cdn/shop/files/bolded_ring_fabrik.jpg?v=1775630403&amp;width=352 352w, //systerp.com/cdn/shop/files/bolded_ring_fabrik.jpg?v=1775630403&amp;width=800 800w" width="800" height="800" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
1522                        </div>
1523                      </div>
1524                    </a>
1525                  
1526                </div>
1527              </div>
1528            </div>
1529          </li>
1530
1531        
1532    
1533      
1534          <li
1535            class="flex items-center h-45 text-[color:var(--menu-color)] w-90"
1536          >
1537            
1538              <button
1539                @mouseEnter="mouseEnter(4, 'left'), $dispatch('remove-transparent')"
1540                class="menuButton btn"
1541                :class="activeButton != 4 && activeButton != null  ? 'inactive' : activeButton == 4 ? 'active' : ''"
1542                aria-label=""
1543              >
1544                
1545                  <span> Om Syster P</span>
1546                
1547              </button>
1548            
1549            
1550            <div
1551              x-cloak
1552              class="absolute grid grid-cols-24 overflow-hidden top-45 left-0 right-0 bg-white text-default"
1553              x-show="isOpenLeft"
1554              x-transition:enter="transform opacity ease-in-out duration-ss"
1555              x-transition:enter-start="opacity-0"
1556              x-transition:enter-end="opacity-100"
1557              x-transition:leave="transform opacity ease-in-out duration-ss"
1558              x-transition:leave-start=""
1559              x-transition:leave-end="opacity-0"
1560            >
1561              <div
1562                class="flex justify-between min-h-[22rem]  col-span-12 p-30"
1563                x-show="menu == 4"
1564                x-cloak
1565              >
1566                
1567                
1568                  <div class="min-w-[120px]  mr-guttersm">
1569                      <div class="mb-4 flex flex-row items-center">
1570                        
1571                          
1572                            <a
1573                              href="/pages/20-years-of-systerhood"
1574                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--20-years-of-systerhood"
1575                            >20 years of Systerhood</a>
1576                          
1577                        
1578                      </div>
1579                    
1580                      <div class="mb-4 flex flex-row items-center">
1581                        
1582                          
1583                            <a
1584                              href="/blogs/stories"
1585                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--stories"
1586                            >Stories</a>
1587                          
1588                        
1589                      </div>
1590                    
1591                      <div class="mb-4 flex flex-row items-center">
1592                        
1593                          
1594                            <a
1595                              href="/pages/for-en-god-sak"
1596                              class="-md:pr-6 hover:text-black text-default-bold border-b border-b-transparent hover:border-b-black transition-all navigation--for-a-good-cause"
1597                            >För en god sak</a>
1598                          
1599                        
1600                      </div>
1601                    </div>
1602                
1603                
1604                
1605                  <div class="mr-guttersm">
1606                    <p class="text-default-bold mb-20">Kundtjänst</p>
1607                    <ul class="flex flex-col">
1608                      
1609                        <li class="mb-4 flex flex-row items-center">
1610                          <a
1611                            href="/pages/kontakt"
1612                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-contact-"
1613                          >Kontakt</a>
1614                        </li>
1615                      
1616                        <li class="mb-4 flex flex-row items-center">
1617                          <a
1618                            href="/pages/faq"
1619                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-faq-"
1620                          >FAQ</a>
1621                        </li>
1622                      
1623                        <li class="mb-4 flex flex-row items-center">
1624                          <a
1625                            href="/pages/returer"
1626                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-returns-"
1627                          >Retur & byte</a>
1628                        </li>
1629                      
1630                        <li class="mb-4 flex flex-row items-center">
1631                          <a
1632                            href="/pages/storleksguide"
1633                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-size-guide-"
1634                          >Storleksguide</a>
1635                        </li>
1636                      
1637                        <li class="mb-4 flex flex-row items-center">
1638                          <a
1639                            href="/pages/recensioner"
1640                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-reviews-"
1641                          >Recensioner</a>
1642                        </li>
1643                      
1644                    </ul>
1645                  </div>
1646                
1647                
1648
1649                
1650                  <div class="mr-guttersm">
1651                    <p class="text-default-bold mb-20">Upptäck Syster P</p>
1652                    <ul class="flex flex-col">
1653                      
1654                        <li class="mb-4 flex flex-row items-center">
1655                          <a
1656                            href="/pages/om-oss"
1657                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-about-us-"
1658                          >Om oss</a>
1659                        </li>
1660                      
1661                        <li class="mb-4 flex flex-row items-center">
1662                          <a
1663                            href="/pages/hallbarhet"
1664                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-sustainability-"
1665                          >HÃ¥llbarhet</a>
1666                        </li>
1667                      
1668                        <li class="mb-4 flex flex-row items-center">
1669                          <a
1670                            href="/pages/atervunnet-silver"
1671                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-recycled-silver-"
1672                          >Återvunnet silver</a>
1673                        </li>
1674                      
1675                        <li class="mb-4 flex flex-row items-center">
1676                          <a
1677                            href="/pages/vara-butiker"
1678                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-our-stores-"
1679                          >VÃ¥ra butiker</a>
1680                        </li>
1681                      
1682                        <li class="mb-4 flex flex-row items-center">
1683                          <a
1684                            href="/pages/lediga-jobb"
1685                            class="border-b border-b-transparent hover:border-b-black hover:text-black navigation-career-"
1686                          >Karriär</a>
1687                        </li>
1688                      
1689                    </ul>
1690                  </div>
1691                
1692              </div>
1693
1694              
1695
1696              <div
1697                class="cta-wrapper flex flex-col col-end-25  col-span-8 py-30 mr-30"
1698                x-show="menu == 4"
1699              >
1700                <div class="image-wraper flex flex-row  flex-row-reverse  ">
1701                  
1702                  <a
1703                    href="/pages/om-oss"
1704                    class="w-full"
1705                  >
1706                    <span class="flex items-center min-h-[20px] text-default-bold">
1707                      
1708Om oss<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
1709  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
1710</svg>
1711</span>
1712                      
1713                    </span>
1714                    
1715                      <div
1716                        class="pt-8"
1717                      >
1718                        <div class="relative  aspect-[4/3]  mb-12 ">
1719                          <img src="//systerp.com/cdn/shop/files/Beloved_Mini_Letter_Silver.jpg?v=1731425871&amp;width=800" alt="Beloved Mini Letter Silver crafted by hand" srcset="//systerp.com/cdn/shop/files/Beloved_Mini_Letter_Silver.jpg?v=1731425871&amp;width=352 352w, //systerp.com/cdn/shop/files/Beloved_Mini_Letter_Silver.jpg?v=1731425871&amp;width=800 800w" width="800" height="571" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
1720                        </div>
1721                      </div>
1722                    
1723                  </a>
1724
1725                  
1726                  
1727                </div>
1728              </div>
1729            </div>
1730          </li>
1731
1732        
1733    
1734  </ul>
1735</div>
1736<div
1737    class="fixed top-45 -z-10 inset-0 w-full bg-backdrop"
1738    x-transition:enter="transform opacity ease-in-out duration-ss"
1739    x-transition:enter-start="opacity-0"
1740    x-transition:enter-end="opacity-100"
1741    x-transition:leave="transform opacity ease-in-out duration-ss"
1742    x-transition:leave-start=""
1743    x-transition:leave-end="opacity-0"
1744    @mouseEnter="mouseLeave('left')"
1745    aria-hidden="true"
1746    x-cloak
1747    x-show="isOpenLeft"
1748  ></div>
1749</nav>
1750
1751
1752    
1753    <button
1754      aria-label="Translation missing: sv.sections.header.menu"
1755      @click="toggleMobile(true)"
1756      class="lg:hidden header-logo pl-12 py-8"
1757    >
1758      <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1759  <path d="M20 8.5H4" style="stroke: var(--menu-color)" stroke-width="1.4"/>
1760  <path d="M20 16.5H4" style="stroke: var(--menu-color)" stroke-width="1.4"/>
1761</svg>
1762
1763    </button>
1764    <button
1765      id="closeButton"
1766      type="button"
1767      @toggle-mobile-header.window="toggle($event.detail)"
1768      @click="toggleMobile(false)"
1769      x-show="mobileOpen"
1770      x-cloak
1771      class="w-30 py-8 pl-12 absolute top-[13px] left-2 bg-white"
1772    >
1773      <svg
1774  xmlns="http://www.w3.org/2000/svg"
1775  width="16"
1776  height="16"
1777  viewBox="0 0 11 12"
1778  fill="none"
1779>
1780  <path d="M1.5 1.5L8.61876 8.61876" stroke="black" stroke-linecap="square" />
1781  <path d="M1.5 8.62109L8.61876 1.50233" stroke="black" stroke-linecap="square"/>
1782</svg>
1783
1784      <span class="sr-only">Stäng</span>
1785    </button>
1786  </div>
1787
1788  
1789  <div class="header-heading col-span-12">
1790  <a href="/" aria-label="Syster P - startsida">
1791    <svg width="126" height="22" viewBox="0 0 126 22" fill="none" xmlns="http://www.w3.org/2000/svg">
1792      <path class="fill-[var(--menu-color)]" d="M6.16 18.482c-2.267 0-4.142-.732-5.91-2.303L0 15.965l1.41-1.661.25.232c1.483 1.34 2.804 1.875 4.554 1.875a3.27 3.27 0 0 0 2.054-.607c.464-.34.732-.875.714-1.429v-.036c0-1.071-.518-1.714-3.357-2.321-1.75-.375-2.91-.857-3.679-1.482C1.107 9.839.696 8.91.696 7.679v-.036c0-1.16.518-2.25 1.411-2.982a5.5 5.5 0 0 1 3.5-1.16 7.63 7.63 0 0 1 5.107 1.785l.25.196-1.321 1.75-.268-.214c-1.196-.982-2.41-1.429-3.804-1.429-1.553 0-2.625.786-2.625 1.911v.036c0 .928.25 1.678 3.518 2.375 1.661.357 2.804.84 3.572 1.5a3.38 3.38 0 0 1 1.214 2.768v.035a3.94 3.94 0 0 1-1.464 3.126c-.929.75-2.179 1.142-3.625 1.142M21 18.286v-5.733l-6.09-8.839h2.715l4.518 6.679 4.553-6.697h2.643l-6.089 8.822v5.75H21zm17.304.196c-2.268 0-4.143-.732-5.91-2.303l-.25-.214 1.428-1.68.25.233c1.482 1.34 2.803 1.893 4.554 1.893a3.27 3.27 0 0 0 2.053-.607c.464-.34.732-.875.714-1.429v-.036c0-1.071-.517-1.714-3.357-2.321-1.75-.375-2.91-.857-3.678-1.482-.84-.697-1.25-1.625-1.25-2.857v-.036c0-1.16.518-2.25 1.41-2.982a5.5 5.5 0 0 1 3.5-1.16 7.63 7.63 0 0 1 5.108 1.785l.25.196-1.34 1.75-.268-.214c-1.196-.982-2.41-1.429-3.803-1.429-1.554 0-2.625.786-2.625 1.911v.036c0 .928.268 1.678 3.518 2.375 1.66.357 2.803.84 3.571 1.5a3.38 3.38 0 0 1 1.214 2.768v.035a3.94 3.94 0 0 1-1.464 3.126c-.91.75-2.178 
17921.142-3.625 1.142m13.606-.196V5.82h-4.66V3.696h11.607v2.125H54.18v12.465zm11.983 0V3.696h10.732v2.107h-8.482v4.09H72.5v2.089h-6.375v4.197h8.59v2.107zm25.643 0L85.5 12.875h-3.482v5.41h-2.233V3.697h6.322c1.75 0 3.232.536 4.196 1.482a4.23 4.23 0 0 1 1.179 2.983v.035a4.14 4.14 0 0 1-1.16 2.982 5.1 5.1 0 0 1-2.376 1.286l4.357 5.804zm-3.572-7.483c1.964 0 3.25-1 3.25-2.535v-.036c0-1.536-1.178-2.41-3.232-2.41h-3.964v4.981zm28.358 7.483V3.696h5.535c3.375 0 5.536 1.857 5.536 4.75v.036c.036 1.429-.607 2.804-1.75 3.66-1.036.786-2.464 1.215-4.054 1.215h-3.053v4.91zm5.339-7.018c1.053 0 1.946-.268 2.571-.768.59-.464.929-1.197.929-1.964V8.5a2.4 2.4 0 0 0-.893-2c-.589-.447-1.446-.697-2.5-.697h-3.179v5.465zm-16.75-8.697a1.28 1.28 0 0 1-1.286-1.285A1.28 1.28 0 0 1 102.911 0a1.28 1.28 0 0 1 1.285 1.286c.018.696-.571 1.285-1.285 1.285q.025 0 0 0m0 4.858a1.28 1.28 0 0 1-1.286-1.286 1.28 1.28 0 0 1 1.286-1.286 1.28 1.28 0 0 1 1.285 1.286c.018.697-.571 1.286-1.285 1.286q.025 0 0 0m0 4.857A1.28 1.28 0 0 1 101.625 11a1.28 1.28 0 0 1 1.286-1.286A1.28 1.28 0 0 1 104.196 11c.018.714-.571 1.286-1.285 1.286q.025 0 0 0m0 4.857a1.28 1.28 0 0 1-1.286-1.286 1.28 1.28 0 0 1 1.286-1.286 1.28 1.28 0 0 1 1.285 1.286c.018.714-.571 1.286-1.285 1.286q.025 0 0 0m0 4.857a1.28 1.28 0 0 1-1.286-1.286 1.28 1.28 0 0 1 1.286-1.285 1.28 1.28 0 0 1 1.285 1.285c.018.715-.571 1.286-1.285 1.286q.025 0 0 0" />
1793    </svg>
1794  </a>
1795  </div>
1796
1797  
1798
1799  <ul class="header-icons col-span-6 flex gap-10 lg:gap-0 items-center text-[color:var(--menu-color)] max-md:h-[56px] h-full">
1800    
1801    <li class="col-span-2 col-end-5 text-center lg:border-l-[0.03rem] lg:border-[var(--menu-border)] lg:w-[79px] flex justify-center h-full">
1802      <button
1803        aria-label="Sök"
1804        class="hidden px-16 lg:flex justify-center items-center h-full"
1805        :class="activeButton != 5 && activeButton != null  ? 'inactive' : activeButton == 5 ? 'active' : ''"
1806        @click.prevent="$dispatch('toggle-search')"
1807      >
1808        <span class="header-logo relative">
1809          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
1810  <path fill-rule="evenodd"  style="fill: var(--menu-color)" clip-rule="evenodd" d="M11.5826 12.2916C10.3547 13.3559 8.75256 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0C10.866 0 14 3.13401 14 7C14 8.75352 13.3552 10.3564 12.2899 11.5846L15.3516 14.6464L14.6445 15.3535L11.5826 12.2916ZM13 7C13 10.3137 10.3137 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7Z"/>
1811</svg>
1812        </span>
1813      </button>
1814    </li>
1815
1816    <li class="col-span-2 col-end-3 text-center lg:border-l-[0.03rem] lg:border-[var(--menu-border)] lg:w-[79px] flex justify-center h-full">
1817      <a
1818        class="flex items-center h-full"
1819        href="https://systerp.com/customer_authentication/redirect?locale=sv&region_country=SE"
1820      >
1821        
1822          <span class="sr-only">
1823            Mina sidor
1824          </span>
1825          <span class="header-logo relative mb-1 px-16 py-8 lg:flex items-center">
1826            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
1827<g id="Icon/MyAccount">
1828<circle id="Ellipse 204" cx="8" cy="4" r="3.5" style="stroke: var(--menu-color)" stroke=""/>
1829<path style="stroke: var(--menu-color)" id="Rectangle 952" d="M15 16V14C15 11.7909 13.2091 10 11 10H5C2.79086 10 1 11.7909 1 14V16" stroke=""/>
1830</g>
1831</svg>
1832
1833          </span>
1834        
1835      </a>
1836    </li>
1837
1838    <li
1839      class="text-end lg:border-l-[0.03rem] lg:border-[var(--menu-border)] h-full"
1840      x-data
1841    >
1842      <a
1843        href="/cart"
1844        class="relative flex items-center justify-center w-24 max-md:mr-16 lg:w-[79px] h-full"
1845        id="cart-icon-bubble"
1846        @click.prevent="$dispatch('toggle-cart')"
1847      >
1848        
1849<div class="-mt-[3px] lg:-mt-[5px] px-16 lg:px-0">
1850  <svg width="16" height="18" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1851  <path style="stroke: var(--menu-color)" d="M17 7H1V19H17V7Z" stroke-miterlimit="10" />
1852  <path style="stroke: var(--menu-color)" d="M5.07178 9.29134V4.61877C5.07178 2.43734 6.82809 0.67334 9.00001 0.67334C11.1719 0.67334 12.9282 2.43734 12.9282 4.61877V9.23748" stroke-miterlimit="10"/>
1853</svg>
1854
1855  <span class="sr-only">Varukorg</span></div>
1856
1857      </a>
1858    </li>
1859  </ul><nav
1860  class="mobile-menu fixed inset-0 lg:top-[56px] overflow-scroll z-[100] lg:hidden"
1861  ax-load
1862  x-data="headerMenuMobile"
1863  x-cloak
1864  x-show="isOpen"
1865  x-init="init()"
1866  @toggle-mobile-header.window="toggle($event.detail)"
1867  :style="'top: ' + headerHeight + 'px; padding-bottom: env(safe-area-inset-bottom)'"
1868>
1869  <div class="bg-white">
1870    <ul class="flex w-full justify-evenly pt-gutterlg px-24 pb-8 sticky top-0 bg-white z-[101]">
1871      
1872        
1873            <li
1874              class="w-full border-b-[1px]"
1875              :class="menuMobile == 1 ? 'border-b-black text-black' : 'border-b-lightgrey text-grey'"
1876            >
1877              <button
1878                class="w-full pb-8"
1879                :class="menuMobile == 1 ? 'text-black' : 'text-grey'"
1880                @click="setMenu(1)"
1881              >
1882                
1883                  Smycken
1884                
1885              </button>
1886            </li>
1887        
1888      
1889        
1890            <li
1891              class="w-full border-b-[1px]"
1892              :class="menuMobile == 2 ? 'border-b-black text-black' : 'border-b-lightgrey text-grey'"
1893            >
1894              <button
1895                class="w-full pb-8"
1896                :class="menuMobile == 2 ? 'text-black' : 'text-grey'"
1897                @click="setMenu(2)"
1898              >
1899                
1900                  Presenter
1901                
1902              </button>
1903            </li>
1904        
1905      
1906        
1907            <li
1908              class="w-full border-b-[1px]"
1909              :class="menuMobile == 3 ? 'border-b-black text-black' : 'border-b-lightgrey text-grey'"
1910            >
1911              <button
1912                class="w-full pb-8"
1913                :class="menuMobile == 3 ? 'text-black' : 'text-grey'"
1914                @click="setMenu(3)"
1915              >
1916                
1917                  Renew
1918                
1919              </button>
1920            </li>
1921        
1922      
1923        
1924            <li
1925              class="w-full border-b-[1px]"
1926              :class="menuMobile == 4 ? 'border-b-black text-black' : 'border-b-lightgrey text-grey'"
1927            >
1928              <button
1929                class="w-full pb-8"
1930                :class="menuMobile == 4 ? 'text-black' : 'text-grey'"
1931                @click="setMenu(4)"
1932              >
1933                
1934                  Om Syster P
1935                
1936              </button>
1937            </li>
1938        
1939      
1940    </ul>
1941
1942    
1943    
1944    
1945
1946    
1947      
1948      <div
1949        x-show="menuMobile == 1"
1950        class="flex flex-col justify-center w-full items-center pt-[26px] pb-[45px] px-30"
1951      >
1952        
1953        
1954          <div class="border-b border-black-15 w-full pb-20 mb-24">
1955            <ul class="flex flex-col">
1956              
1957                <li class="mb-10 flex flex-row items-center">
1958                  <a
1959                    href="/collections/halsband"
1960                    class="text-default navigation-necklaces-"
1961                  >Halsband</a>
1962                </li>
1963              
1964                <li class="mb-10 flex flex-row items-center">
1965                  <a
1966                    href="/collections/orhangen"
1967                    class="text-default navigation-earrings-"
1968                  >Örhängen</a>
1969                </li>
1970              
1971                <li class="mb-10 flex flex-row items-center">
1972                  <a
1973                    href="/collections/armband"
1974                    class="text-default navigation-bracelets-"
1975                  >Armband</a>
1976                </li>
1977              
1978                <li class="mb-10 flex flex-row items-center">
1979                  <a
1980                    href="/collections/berlocker"
1981                    class="text-default navigation-pendants-"
1982                  >Berlocker</a>
1983                </li>
1984              
1985                <li class="mb-10 flex flex-row items-center">
1986                  <a
1987                    href="/collections/ringar"
1988                    class="text-default navigation-rings-"
1989                  >
1989Ringar</a>
1990                </li>
1991              
1992                <li class="mb-10 flex flex-row items-center">
1993                  <a
1994                    href="/collections/smyckeskrin"
1995                    class="text-default navigation-jewelry-cases-"
1996                  >Smyckeskrin</a>
1997                </li>
1998              
1999                <li class="mb-10 flex flex-row items-center">
2000                  <a
2001                    href="/collections/accessoarer"
2002                    class="text-default navigation-accessories-"
2003                  >Accessoarer</a>
2004                </li>
2005              
2006            </ul>
2007          </div>
2008        
2009        
2010        
2011          <div class="w-full">
2012              <div class="mb-10 flex flex-row items-center">
2013                
2014                  
2015                    <a
2016                      href="/collections/bastsaljare"
2017                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--best-sellers"
2018                    >Bästsäljare</a>
2019                  
2020                
2021              </div>
2022            
2023              <div class="mb-10 flex flex-row items-center">
2024                
2025                  
2026                    <a
2027                      href="/collections/nyheter"
2028                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--new-arrivals"
2029                    >Nyheter</a>
2030                  
2031                
2032              </div>
2033            
2034              <div class="mb-10 flex flex-row items-center">
2035                
2036                  
2037                    <a
2038                      href="/collections/beloved"
2039                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--letter-necklaces"
2040                    >Bokstavshalsband</a>
2041                  
2042                
2043              </div>
2044            
2045              <div class="mb-10 flex flex-row items-center">
2046                
2047                  
2048                    <a
2049                      href="/pages/presentkort"
2050                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--gift-cards"
2051                    >Presentkort</a>
2052                  
2053                
2054              </div>
2055            </div>
2056        
2057        
2058        
2059          <div class="w-full">
2060            <div
2061              class="relative  md:flex md:flex-col md:flex-[1] md:min-w-[5.5rem]"
2062              ax-load
2063              x-data="
2064                {
2065                    isOpen: false,
2066                    isDesktop: window.innerWidth >= 768
2067                }
2068              "
2069              @resize.window.debounce="isDesktop = (window.innerWidth >= 768);"
2070            >
2071              <button
2072                type="button"
2073                class="w-full"
2074                @click="isOpen = !isOpen"
2075                :disabled="isDesktop"
2076              >
2077                <div class="flex items-center text-default md:text-grey">
2078                  <span class="mr-4 text-default-bold">Kollektioner</span>
2079                  <span class="text-default transition-all duration-ss md:hidden" x-show="!isOpen"> + </span>
2080                  <span class="text-default transition-all duration-ss md:hidden" x-show="isOpen" x-cloak> - </span>
2081                </div>
2082              </button>
2083              <div
2084                x-ref="itemContainer"
2085                class="relative overflow-hidden transition-all max-h-0 duration-ss"
2086                :style="(isOpen || isDesktop) && 'max-height: ' + $refs.itemContainer.scrollHeight + 'px'"
2087              >
2088                <ul class="flex flex-col gap-8 text-default pt-12 pl-8 md:pt-guttersmmd:pb-0 md:pl-0">
2089                  
2090                    <li class="mb-10">
2091                      <a
2092                        href="/collections/beloved"
2093                        class="text-default navigation-beloved-"
2094                      >Beloved</a>
2095                    </li>
2096                    <li class="mb-10">
2097                      <a
2098                        href="/pages/beloved-birthstones"
2099                        class="text-default navigation-birthstones-"
2100                      >MÃ¥nadsstenar</a>
2101                    </li>
2102                    <li class="mb-10">
2103                      <a
2104                        href="/collections/pearls"
2105                        class="text-default navigation-pearls-"
2106                      >Pärlor</a>
2107                    </li>
2108                    <li class="mb-10">
2109                      <a
2110                        href="/collections/color"
2111                        class="text-default navigation-color-"
2112                      >Color</a>
2113                    </li>
2114                    <li class="mb-10">
2115                      <a
2116                        href="/collections/bolded"
2117                        class="text-default navigation-bolded-"
2118                      >Bolded</a>
2119                    </li>
2120                    <li class="mb-10">
2121                      <a
2122                        href="/collections/sparkles"
2123                        class="text-default navigation-sparkles-"
2124                      >Sparkles</a>
2125                    </li>
2126                    <li class="mb-10">
2127                      <a
2128                        href="/collections/hoops"
2129                        class="text-default navigation-hoops-"
2130                      >Hoops</a>
2131                    </li>
2132                    <li class="mb-10">
2133                      <a
2134                        href="/collections/kedjor"
2135                        class="text-default navigation-chains-"
2136                      >Kedjor</a>
2137                    </li></ul>
2138              </div>
2139            </div>
2140          </div>
2141        
2142      </div>
2143
2144      
2145      
2146        
2147        
2148          <a
2149            href="/collections/beloved"
2150            x-show="menuMobile == 1"
2151            class="text-default-bold pl-30 flex items-center mb-[15px]"
2152          >Bokstavshalsband<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
2153  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
2154</svg>
2155</span>
2156          </a>
2157          <a
2158            href="/collections/beloved"
2159            x-show="menuMobile == 1"
2160            class="block relative w-full aspect-2/3 pb-24"
2161          >
2162            <img src="//systerp.com/cdn/shop/files/Layers_olivia_necklace_gold_Beloved_mini_letter_gold_Beloved_heart_pendant_gold_Sheer_station_necklace_gold.jpg?v=1775631512&amp;width=800" alt="" srcset="//systerp.com/cdn/shop/files/Layers_olivia_necklace_gold_Beloved_mini_letter_gold_Beloved_heart_pendant_gold_Sheer_station_necklace_gold.jpg?v=1775631512&amp;width=352 352w, //systerp.com/cdn/shop/files/Layers_olivia_necklace_gold_Beloved_mini_letter_gold_Beloved_heart_pendant_gold_Sheer_station_necklace_gold.jpg?v=1775631512&amp;width=800 800w" width="800" height="800" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
2163          </a>
2164        
2165        
2166      
2167    
2168      
2169      <div
2170        x-show="menuMobile == 2"
2171        class="flex flex-col justify-center w-full items-center pt-[26px] pb-[45px] px-30"
2172      >
2173        
2174        
2175          <div class="border-b border-black-15 w-full pb-20 mb-24">
2176            <ul class="flex flex-col">
2177              
2178                <li class="mb-10 flex flex-row items-center">
2179                  <a
2180                    href="/collections/confirmation"
2181                    class="text-default navigation-konfirmation-"
2182                  >Konfirmation</a>
2183                </li>
2184              
2185                <li class="mb-10 flex flex-row items-center">
2186                  <a
2187                    href="/collections/fodelsedagspresenter"
2188                    class="text-default navigation-fodelsedag-"
2189                  >Födelsedag</a>
2190                </li>
2191              
2192                <li class="mb-10 flex flex-row items-center">
2193                  <a
2194                    href="/pages/gifts-for-her"
2195                    class="text-default navigation-for-henne-"
2196                  >För henne</a>
2197                </li>
2198              
2199                <li class="mb-10 flex flex-row items-center">
2200                  <a
2201                    href="/pages/gifts-for-him"
2202                    class="text-default navigation-for-honom-"
2203                  >För honom</a>
2204                </li>
2205              
2206            </ul>
2207          </div>
2208        
2209        
2210        
2211          <div class="w-full">
2212              <div class="mb-10 flex flex-row items-center">
2213                
2214                  
2215                    <a
2216                      href="/pages/presenter"
2217                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--gift-guide"
2218                    >Presentguide</a>
2219                  
2220                
2221              </div>
2222            
2223              <div class="mb-10 flex flex-row items-center">
2224                
2225                  
2226                    <a
2227                      href="/collections/bastsaljare"
2228                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--best-sellers"
2229                    >Bästsäljare</a>
2230                  
2231                
2232              </div>
2233            
2234              <div class="mb-10 flex flex-row items-center">
2235                
2236                  
2237                    <a
2238                      href="/collections/beloved"
2239                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--letter-necklaces"
2240                    >Bokstavshalsband</a>
2241                  
2242                
2243              </div>
2244            
2245              <div class="mb-10 flex flex-row items-center">
2246                
2247                  
2248                    <a
2249                      href="/pages/presentkort"
2250                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--gift-cards"
2251                    >Presentkort</a>
2252                  
2253                
2254              </div>
2255            </div>
2256        
2257        
2258        
2259          <div class="w-full">
2260            <div
2261              class="relative  md:flex md:flex-col md:flex-[1] md:min-w-[5.5rem]"
2262              ax-load
2263              x-data="
2264                {
2265                    isOpen: false,
2266                    isDesktop: window.innerWidth >= 768
2267                }
2268              "
2269              @resize.window.debounce="isDesktop = (window.innerWidth >= 768);"
2270            >
2271              <button
2272                type="button"
2273                class="w-full"
2274                @click="isOpen = !isOpen"
2275                :disabled="isDesktop"
2276              >
2277                <div class="flex items-center text-default md:text-grey">
2278                  <span class="mr-4 text-default-bold">Presenttips</span>
2279                  <span class="text-default transition-all duration-ss md:hidden" x-show="!isOpen"> + </span>
2280                  <span class="text-default transition-all duration-ss md:hidden" x-show="isOpen" x-cloak> - </span>
2281                </div>
2282              </button>
2283              <div
2284                x-ref="itemContainer"
2285                class="relative overflow-hidden transition-all max-h-0 duration-ss"
2286                :style="(isOpen || isDesktop) && 'max-height: ' + $refs.itemContainer.scrollHeight + 'px'"
2287              >
2288                <ul class="flex flex-col gap-8 text-default pt-12 pl-8 md:pt-guttersmmd:pb-0 md:pl-0">
2289                  
2290                    <li class="mb-10">
2291                      <a
2292                        href="/collections/presentset"
2293                        class="text-default navigation-gift-sets-"
2294                      >Presentset</a>
2295                    </li>
2296                    <li class="mb-10">
2297                      <a
2298                        href="/collections/topp-10-presenter"
2299                        class="text-default navigation-top-10-gifts-"
2300                      >Topp 10 presenter</a>
2301                    </li>
2302                    <li class="mb-10">
2303                      <a
2304                        href="/collections/presenter-under-500"
2305                        class="text-default navigation-gifts-under-50-"
2306                      >Presenter under 500 kr</a>
2307                    </li>
2308                    <li class="mb-10">
2309                      <a
2310                        href="/collections/presenter-under-1000"
2311                        class="text-default navigation-gifts-under-100-"
2312                      >Presenter under 1000 kr</a>
2313                    </li>
2314                    <li class="mb-10">
2315                      <a
2316                        href="/collections/presenter-under-1500"
2317                        class="text-default navigation-gifts-under-150-"
2318                      >Presenter under 1500 kr</a>
2319                    </li></ul>
2320              </div>
2321            </div>
2322          </div>
2323        
2324      </div>
2325
2326      
2327      
2328        
2329        
2330          <a
2331            href="/collections/presentset"
2332            x-show="menuMobile == 2"
2333            class="text-default-bold pl-30 flex items-center mb-[15px]"
2334          >Presentset<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
2335  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
2336</svg>
2337</span>
2338          </a>
2339          <a
2340            href="/collections/presentset"
2341            x-show="menuMobile == 2"
2342            class="block relative w-full aspect-2/3 pb-24"
2343          >
2344            <img src="//systerp.com/cdn/shop/files/Solea_Necklace_Gold_Minimalistica_Hammered_Necklace_Gold_kopiera_56779f85-a864-4406-b32a-958117d85cc5.jpg?v=1777024143&amp;width=800" alt="" srcset="//systerp.com/cdn/shop/files/Solea_Necklace_Gold_Minimalistica_Hammered_Necklace_Gold_kopiera_56779f85-a864-4406-b32a-958117d85cc5.jpg?v=1777024143&amp;width=352 352w, //systerp.com/cdn/shop/files/Solea_Necklace_Gold_Minimalistica_Hammered_Necklace_Gold_kopiera_56779f85-a864-4406-b32a-958117d85cc5.jpg?v=1777024143&amp;width=800 800w" width="800" height="800" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
2345          </a>
2346        
2347        
2348      
2349    
2350      
2351      <div
2352        x-show="menuMobile == 3"
2353        class="flex flex-col justify-center w-full items-center pt-[26px] pb-[45px] px-30"
2354      >
2355        
2356        
2357        
2358        
2359          <div class="w-full">
2360              <div class="mb-10 flex flex-row items-center">
2361                
2362                  
2363                    <a
2364                      href="/pages/recycle-it"
2365                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--recycle-it"
2366                    >Recycle it</a>
2367                  
2368                
2369              </div>
2370            
2371              <div class="mb-10 flex flex-row items-center">
2372                
2373                  
2374                    <a
2375                      href="/pages/replating"
2376                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--replating"
2377                    >Replating</a>
2378                  
2379                
2380              </div>
2381            
2382              <div class="mb-10 flex flex-row items-center">
2383                
2384                  
2385                    <a
2386                      href="/collections/rental"
2387                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--rental"
2388                    >Rental</a>
2389                  
2390                
2391              </div>
2392            </div>
2393        
2394        
2395        
2396      </div>
2397
2398      
2399      
2400        <div
2401          class="w-full overflow-x-scroll no-scrollbar no-scrollbar::-webkit-scrollbar"
2402        >
2403          <div
2404            ax-load
2405            x-data="carousel"
2406            x-ref="carousel"
2407            class="carousel swiper-container"
2408            x-init="init()"
2409          >
2410            <ul class="swiper-wrapper flex">
2411              
2412              <li class="swiper-slide min-w-[85%] max-w-[85%] flex-shrink-0 mr-0">
2413                
2414                  <a
2415                    href="/pages/hallbarhet"
2416                    x-show="menuMobile == 3"
2417                    class="text-default-bold pl-30 flex items-center mb-[15px]"
2418                  >HÃ¥llbarhet<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
2419  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
2420</svg>
2421</span>
2422                  </a>
2423                  <a
2424                    href="/pages/hallbarhet"
2425                    x-show="menuMobile == 3"
2426                    class="block relative w-full aspect-2/3 pb-24"
2427                  >
2428                    <img src="//systerp.com/cdn/shop/files/beloved_mini_letter_silver_fabrik.jpg?v=1775630634&amp;width=800" alt="" srcset="//systerp.com/cdn/shop/files/beloved_mini_letter_silver_fabrik.jpg?v=1775630634&amp;width=352 352w, //systerp.com/cdn/shop/files/beloved_mini_letter_silver_fabrik.jpg?v=1775630634&amp;width=800 800w" width="800" height="800" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
2429                  </a>
2430                
2431              </li>
2432              
2433              <li class="swiper-slide min-w-[85%] max-w-[85%] flex-shrink-0">
2434                
2435                  <a
2436                    href="/pages/atervunnet-silver"
2437                    x-show="menuMobile == 3"
2438                    class="text-default-bold pl-30 flex items-center mb-[15px]"
2439                  >Återvunnet silver<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
2440  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
2441</svg>
2442</span>
2443                  </a>
2444                  <a
2445                    href="/pages/hallbarhet"
2446                    x-show="menuMobile == 3"
2447                    class="block relative w-full aspect-2/3 pb-24"
2448                  >
2449                    <img src="//systerp.com/cdn/shop/files/bolded_ring_fabrik.jpg?v=1775630403&amp;width=800" alt="" srcset="//systerp.com/cdn/shop/files/bolded_ring_fabrik.jpg?v=1775630403&amp;width=352 352w, //systerp.com/cdn/shop/files/bolded_ring_fabrik.jpg?v=1775630403&amp;width=800 800w" width="800" height="800" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
2450                  </a>
2451                
2452              </li>
2453            </ul>
2454          </div>
2455        </div>
2456      
2457    
2458      
2459      <div
2460        x-show="menuMobile == 4"
2461        class="flex flex-col justify-center w-full items-center pt-[26px] pb-[45px] px-30"
2462      >
2463        
2464        
2465          <div class="border-b border-black-15 w-full pb-20 mb-24">
2466            <ul class="flex flex-col">
2467              
2468                <li class="mb-10 flex flex-row items-center">
2469                  <a
2470                    href="/pages/kontakt"
2471                    class="text-default navigation-contact-"
2472                  >Kontakt</a>
2473                </li>
2474              
2475                <li class="mb-10 flex flex-row items-center">
2476                  <a
2477                    href="/pages/faq"
2478                    class="text-default navigation-faq-"
2479                  >FAQ</a>
2480                </li>
2481              
2482                <li class="mb-10 flex flex-row items-center">
2483                  <a
2484                    href="/pages/returer"
2485                    class="text-default navigation-returns-"
2486                  >Retur & byte</a>
2487                </li>
2488              
2489                <li class="mb-10 flex flex-row items-center">
2490                  <a
2491                    href="/pages/storleksguide"
2492                    class="text-default navigation-size-guide-"
2493                  >Storleksguide</a>
2494                </li>
2495              
2496                <li class="mb-10 flex flex-row items-center">
2497                  <a
2498                    href="/pages/recensioner"
2499                    class="text-default navigation-reviews-"
2500                  >Recensioner</a>
2501                </li>
2502              
2503            </ul>
2504          </div>
2505        
2506        
2507        
2508          <div class="w-full">
2509              <div class="mb-10 flex flex-row items-center">
2510                
2511                  
2512                    <a
2513                      href="/pages/20-years-of-systerhood"
2514                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--20-years-of-systerhood"
2515                    >20 years of Systerhood</a>
2516                  
2517                
2518              </div>
2519            
2520              <div class="mb-10 flex flex-row items-center">
2521                
2522                  
2523                    <a
2524                      href="/blogs/stories"
2525                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--stories"
2526                    >Stories</a>
2527                  
2528                
2529              </div>
2530            
2531              <div class="mb-10 flex flex-row items-center">
2532                
2533                  
2534                    <a
2535                      href="/pages/for-en-god-sak"
2536                      class="md:pr-6 text-default-bold border-b border-b-transparent transition-all navigation--for-a-good-cause"
2537                    >För en god sak</a>
2538                  
2539                
2540              </div>
2541            </div>
2542        
2543        
2544        
2545          <div class="w-full">
2546            <div
2547              class="relative "
2548              ax-load
2549              x-data="
2550                {
2551                    isOpen: false,
2552                    isDesktop: window.innerWidth >= 768
2553                }
2554              "
2555              @resize.window.debounce="isDesktop = (window.innerWidth >= 768);"
2556            >
2557              <button
2558                type="button"
2559                class="w-full"
2560                @click="isOpen = !isOpen"
2561                :disabled="isDesktop"
2562              >
2563                <div class="flex items-center text-default md:text-grey">
2564                  <span class="mr-4 text-default-bold">Upptäck Syster P</span>
2565                  <span class="text-default transition-all duration-ss md:hidden" x-show="!isOpen"> + </span>
2566                  <span class="text-default transition-all duration-ss md:hidden" x-show="isOpen" x-cloak> - </span>
2567                </div>
2568              </button>
2569              <div
2570                x-ref="itemContainer"
2571                class="relative overflow-hidden transition-all max-h-0 duration-ss"
2572                :style="(isOpen || isDesktop) && 'max-height: ' + $refs.itemContainer.scrollHeight + 'px'"
2573              >
2574                <ul class="flex flex-col gap-8 text-default pt-12 pl-8 md:pt-guttersmmd:pb-0 md:pl-0">
2575                  
2576                    <li class="mb-10">
2577                      <a
2578                        href="/pages/om-oss"
2579                        class="text-default navigation-about-us-"
2580                      >Om oss</a>
2581                    </li>
2582                    <li class="mb-10">
2583                      <a
2584                        href="/pages/hallbarhet"
2585                        class="text-default navigation-sustainability-"
2586                      >HÃ¥llbarhet</a>
2587                    </li>
2588                    <li class="mb-10">
2589                      <a
2590                        href="/pages/atervunnet-silver"
2591                        class="text-default navigation-recycled-silver-"
2592                      >Återvunnet silver</a>
2593                    </li>
2594                    <li class="mb-10">
2595                      <a
2596                        href="/pages/vara-butiker"
2597                        class="text-default navigation-our-stores-"
2598                      >VÃ¥ra butiker</a>
2599                    </li>
2600                    <li class="mb-10">
2601                      <a
2602                        href="/pages/lediga-jobb"
2603                        class="text-default navigation-career-"
2604                      >Karriär</a>
2605                    </li></ul>
2606              </div>
2607            </div>
2608          </div>
2609        
2610      </div>
2611
2612      
2613      
2614        
2615        
2616          <a
2617            href="/pages/om-oss"
2618            x-show="menuMobile == 4"
2619            class="text-default-bold pl-30 flex items-center mb-[15px]"
2620          >Om oss<span class="ml-20"><svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
2621  <path d="m1 1 3.536 3.536L1 8.07" stroke="black"/>
2622</svg>
2623</span>
2624          </a>
2625          <a
2626            href="/pages/om-oss"
2627            x-show="menuMobile == 4"
2628            class="block relative w-full aspect-2/3 pb-24"
2629          >
2630            <img src="//systerp.com/cdn/shop/files/Beloved_Mini_Letter_Silver.jpg?v=1731425871&amp;width=800" alt="Beloved Mini Letter Silver crafted by hand" srcset="//systerp.com/cdn/shop/files/Beloved_Mini_Letter_Silver.jpg?v=1731425871&amp;width=352 352w, //systerp.com/cdn/shop/files/Beloved_Mini_Letter_Silver.jpg?v=1731425871&amp;width=800 800w" width="800" height="571" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-center">
2631          </a>
2632        
2633        
2634      
2635    
2636  </div>
2637</nav>
2638</header>
2639
2640<script type="application/ld+json">
2641  {
2642    "@context": "http://schema.org",
2643    "@type": "Organization",
2644    "name": "Syster P",
2645    
2646      "logo": "https:\/\/systerp.com\/cdn\/shop\/files\/512x512_ecb6ee70-be69-4742-827e-0e85e279f70c.png?v=1713462242\u0026width=500",
2647    
2648    
2649    "url": "https:\/\/systerp.com"
2650  }
2651</script>
2651
2652</div>
2653<!-- END sections: header-group -->
2654<section
2655    class="search-bar-mobile lg:hidden fixed left-0 right-0 z-[100] transition-colors duration-ss"
2656    :style="(isTransparent ? 'background-color: transparent;' : 'background-color: #ffffff;') + ' top: ' + topPosition + 'px; padding: 0;'"
2657    aria-label="Sök"
2658    x-data="
2659      {
2660        isTransparent: true,
2661        allowTransparent: true,
2662        currentScrollTop: 0,
2663        searchBarBounds: {},
2664        headerBounds: {},
2665        announcementBarHeight: 0,
2666        headerHeight: 56,
2667        topPosition: 56,
2668        isIndexPage: false,
2669        mobileMenuOpen: false,
2670        klevuPopupVisible: false,
2671        init() {
2672          const announcementBar = document.querySelector('.announcement-bar-section');
2673          if (announcementBar) {
2674            this.announcementBarHeight = announcementBar.offsetHeight;
2675          }
2676          const header = document.querySelector('header');
2677          if (header) {
2678            this.headerBounds = header.getBoundingClientRect();
2679          }
2680          this.updateSearchBarBounds();
2681          this.updatePosition();
2682          this.onScroll();
2683        },
2684        updateSearchBarBounds() {
2685          this.searchBarBounds = this.$el.getBoundingClientRect();
2686        },
2687        updatePosition() {
2688          const scrollTop = window.scrollY || document.documentElement.scrollTop;
2689
2690          if (this.announcementBarHeight === 0) {
2691            this.topPosition = this.headerHeight;
2692            return;
2693          }
2694
2695          if (scrollTop > this.announcementBarHeight) {
2696            this.topPosition = this.headerHeight;
2697          } else if (scrollTop > 0 && scrollTop <= this.announcementBarHeight ) {
2698            this.topPosition = (this.announcementBarHeight - scrollTop) + this.headerHeight;
2699          } else {
2700            this.topPosition = this.announcementBarHeight + this.headerHeight;
2701          }
2702        },
2703
2704        // Handle scroll events - följ exakt samma logik som headern
2705        onScroll() {
2706          const scrollTop = window.scrollY || document.documentElement.scrollTop;
2707          this.updateSearchBarBounds();
2708
2709          if (!this.mobileMenuOpen && this.allowTransparent) {
2710            if (
2711              scrollTop > this.currentScrollTop &&
2712              scrollTop > this.headerBounds.top
2713            ) {
2714              // Scrolling down past the header
2715              this.isTransparent = false;
2716            } else if (scrollTop <= this.headerBounds.top) {
2717              // Scrolled back to top
2718              this.isTransparent = true;
2719            }
2720          } else if (!this.allowTransparent) {
2721            this.isTransparent = false;
2722          }
2723
2724          this.currentScrollTop = scrollTop;
2725          this.updatePosition();
2726        },
2727
2728        // Handle mobile menu toggle events
2729        onMobileMenuToggle(isOpen) {
2730          this.mobileMenuOpen = isOpen;
2731          if (isOpen) {
2732            this.isTransparent = false;
2733          } else {
2734            this.onScroll();
2735          }
2736        }
2737      }
2738    "
2739    @scroll.window="onScroll"
2740    @toggle-mobile-header.window="onMobileMenuToggle($event.detail)"
2741  >
2742    <div
2743      class="w-full px-12 border-t border-b"
2744      :class="(isTransparent && isIndexPage) ? 'border-white' : 'border-lightgrey'"
2745    >
2746      <form
2747        action="/search"
2748        method="get"
2749        role="search"
2750        class="w-full"
2751      >
2752        <div class="relative flex items-center">
2753          <button
2754            type="submit"
2755            class="absolute left-0 p-4 transition-colors duration-ss text-[color:var(--menu-color)]"
2756            aria-label="Sök"
2757          >
2758            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2759  <path fill-rule="evenodd"  style="fill: var(--menu-color)" clip-rule="evenodd" d="M11.5826 12.2916C10.3547 13.3559 8.75256 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0C10.866 0 14 3.13401 14 7C14 8.75352 13.3552 10.3564 12.2899 11.5846L15.3516 14.6464L14.6445 15.3535L11.5826 12.2916ZM13 7C13 10.3137 10.3137 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7Z"/>
2760</svg>
2761          </button>
2762          <input
2763            type="search"
2764            name="q"
2765            id="search-bar-mobile-input"
2766            value=""
2767            placeholder="Sök"
2768            class="w-full py-14 pl-40 pr-20 bg-transparent transition-colors duration-ss text-[color:var(--menu-color)] placeholder:text-[color:var(--menu-color)]"
2769            aria-label="Sök"
2770            autocomplete="off"
2771            autocorrect="off"
2772            autocapitalize="off"
2773            spellcheck="false"
2774          >
2775          <div
2776            x-show="klevuPopupVisible"
2777            class="absolute right-0 top-1/2 -translate-y-1/2 z-10 text-[color:var(--menu-color)]"
2778          >
2779            <button
2780  type="button"
2781  class="klevu-close-button absolute right-0 top-1/2 -translate-y-1/2 px-4 py-2 z-10 text-black hover:text-grey transition-colors"
2782  aria-label="Stäng"
2783  x-data="
2784    {
2785      parentScope: null,
2786      klevuPopupObserver: null,
2787      init() {
2788        const searchInput = document.getElementById('search-bar-mobile-input');
2789        if (searchInput) {
2790          let element = searchInput;
2791          while (element && !this.parentScope) {
2792            if (element._x_dataStack && element._x_dataStack.length > 0) {
2793              this.parentScope = element._x_dataStack[0];
2794              break;
2795            }
2796            element = element.parentElement;
2797          }
2798        }
2799
2800        // observer for Klevu popup visibility
2801        this.setupKlevuCloseButton();
2802      },
2803      setupKlevuCloseButton() {
2804        const self = this;
2805        // Observer for detecting when the Klevu popup is shown
2806        this.klevuPopupObserver = new MutationObserver((mutations) => {
2807          const klevuPopup = document.querySelector('.klevuQuickSearchingArea, .klevuQuickSearchResults');
2808          const isPopupVisible = klevuPopup && klevuPopup.offsetParent !== null;
2809
2810          // Update parent scope variable to show/hide button
2811          if (self.parentScope && self.parentScope.klevuPopupVisible !== undefined) {
2812            self.parentScope.klevuPopupVisible = isPopupVisible;
2813          }
2814        });
2815
2816        // Observe body for detecting when Klevu popup is added
2817        this.klevuPopupObserver.observe(document.body, {
2818          childList: true,
2819          subtree: true,
2820          attributes: true,
2821          attributeFilter: ['style', 'class']
2822        });
2823
2824        // Check if the popup already exists
2825        setTimeout(() => {
2826          const klevuPopup = document.querySelector('.klevuQuickSearchingArea, .klevuQuickSearchResults');
2827          const isPopupVisible = klevuPopup && klevuPopup.offsetParent !== null;
2828          if (self.parentScope && self.parentScope.klevuPopupVisible !== undefined) {
2829            self.parentScope.klevuPopupVisible = isPopupVisible;
2830          }
2831        }, 100);
2832      },
2833      closeKlevuPopup() {
2834        // Find search input
2835        const searchInput = document.getElementById('search-bar-mobile-input');
2836        if (searchInput) {
2837          // Update Alpine.js variables if they exist
2838          if (this.parentScope) {
2839            if (this.parentScope.klevuPopupVisible !== undefined) {
2840              this.parentScope.klevuPopupVisible = false;
2841            }
2842            if (this.parentScope.searchTerm !== undefined) {
2843              this.parentScope.searchTerm = '';
2844            }
2845            if (this.parentScope.$refs && this.parentScope.$refs.searchInput) {
2846              this.parentScope.$refs.searchInput.value = '';
2847            }
2848          }
2849
2850          // Blur and reset input field
2851          searchInput.blur();
2852          searchInput.value = '';
2853        }
2854
2855        // Hide Klevu popup
2856        const klevuPopup = document.querySelector('.klevuQuickSearchingArea, .klevuQuickSearchResults');
2857        if (klevuPopup) {
2858          klevuPopup.style.display = 'none';
2859        }
2860
2861        // Remove Klevu container if it exists
2862        const klevuContainer = document.querySelector('#klevuSearchingArea, .klevuWrap');
2863        if (klevuContainer) {
2864          klevuContainer.style.display = 'none';
2865        }
2866      }
2867    }
2868  "
2869  x-init="init()"
2870  @click="closeKlevuPopup()"
2871>
2872  <svg
2873  xmlns="http://www.w3.org/2000/svg"
2874  width="16"
2875  height="16"
2876  viewBox="0 0 11 12"
2877  fill="none"
2878>
2879  <path d="M1.5 1.5L8.61876 8.61876" stroke="currentColor" stroke-linecap="square" />
2880  <path d="M1.5 8.62109L8.61876 1.50233" stroke="currentColor" stroke-linecap="square"/>
2881</svg>
2882
2883</button>
2884
2885          </div>
2886          <input type="hidden" name="options[prefix]" value="last">
2887        </div>
2888      </form>
2889    </div>
2890  </section><main
2891      id="main-content"
2892      role="main"
2893      tabindex="-1"
2894      class=" "
2895    >
2896      <section id="shopify-section-template--28929183482238__banner" class="shopify-section section">
2897
2898<div class="max-lg:px-30 pt-[130px] lg:pt-80 pb-24 lg:pb-40 w-full h-full flex gap-gutter flex-col justify-center items-center">
2899  
2900    <h1 class="text-h3-eiko lg:text-h2-eiko font-eiko uppercase text-center"><span class="sr-only">Kollektion: </span>Bästsäljare</h1><div class="grid grid-cols-24">
2901      <div class="col-span-full lg:col-span-10 lg:col-start-8 text-default text-grey text-center ">
2902        Vill du veta vad som trendar just nu? Upptäck våra mest populära smycken!
2903      </div>
2904    </div></div>
2905
2906
2907
2908</section><div id="shopify-section-template--28929183482238__product-grid" class="shopify-section section"><link href="//systerp.com/cdn/shop/t/296/assets/component-card.css?v=143910449619904177371785741852" rel="stylesheet" type="text/css" media="all" />
2909<link href="//systerp.com/cdn/shop/t/296/assets/component-price.css?v=126078836441549380921785741853" rel="stylesheet" type="text/css" media="all" />
2910
2911<style type="text/css">
2912  :root {
2913    --view-1-color: rgba(0, 0, 0, 0.33);
2914    --view-2-color: rgba(0, 0, 0, 0.33);
2915    --view-3-color: rgba(0, 0, 0, 0.33);
2916    --view-4-color: rgba(0, 0, 0, 0.33);
2917    --desktop-count: 4;
2918    --mobile-count: 2;
2919    --mobile-span: 2;
2920  }
2921</style>
2922
2923
2924<form
2925  id="FacetFiltersForm"
2926  ax-load
2927  x-data="sortFilter('manual')"
2928  class="sort-filter-form"
2929><div class="px-guttersm mb-14 xl:px-gutter flex max-lg:flex-col text-small">
2930    <div class="flex max-lg:justify-center max-lg:mb-gutter"><ul class="flex flex-wrap gap-10">
2931          
2932          
2933          
2934          
2935          
2936          
2937        </ul></div>
2938    <div class="flex lg:ml-auto">
2939      <div class="flex-1 flex flex-row items-center lg:mr-gutter">
2940        <h2 class="mr-6">
2941          <label for="SortBy">Sortera efter</label>
2942        </h2>
2943<div class="relative ">
2944  <select
2945    
2946      id="SortBy"
2947    
2948    
2949      name="sort_by"
2950    
2951    class="text-small text-grey border-0 appearance-none cursor-pointer "
2952    
2953    
2954      aria-describedby="a11y-refresh-page-message"
2955    
2956    
2957      @change="onChange($event.target.value)"
2958    
2959  ><option
2960          value="manual"
2961          
2962            selected="selected"
2963          
2964        >
2965          Utvald
2966        </option><option
2967          value="most-relevant"
2968          
2969        >
2970          Mest relevant
2971        </option><option
2972          value="best-selling"
2973          
2974        >
2975          Bästsäljare
2976        </option><option
2977          value="title-ascending"
2978          
2979        >
2980          Alfabetiskt, A–Ö
2981        </option><option
2982          value="title-descending"
2983          
2984        >
2985          Alfabetiskt, Ö–A
2986        </option><option
2987          value="price-ascending"
2988          
2989        >
2990          Pris, lågt till högt
2991        </option><option
2992          value="price-descending"
2993          
2994        >
2995          Pris, högt till lågt
2996        </option></select>
2997  <span class="absolute right-0 top-4 pointer-events-none">
2998
2999    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
3000      <path d="m9 .5-4 4-4-4" stroke="#8b8b8b" stroke-width="1.2"/>
3001    </svg>
3002  
3003</span>
3004</div>
3005
3006      </div>
3007      <div class="flex lg:hidden flex-row items-end gap-10">
3008        <h2 class="mr-6 hidden lg:block">
3009          <label for="SortBy">Vy</label>
3010        </h2>
3011        <div class="flex gap-10">
3012          <button @click="setLayout('1')" aria-label="Ändra layout" type="button">
3013            
3014<svg width="24" height="24" viewBox="0 0 24 24" class="{class}" fill="none" xmlns="http://www.w3.org/2000/svg">
3015      <rect x="6" y="6" width="3" height="3" class="fill-[var(--view-2-color)]"/>
3016      <rect x="15" y="6" width="3" height="3" class="fill-[var(--view-2-color)]"/>
3017      <rect x="6" y="15" width="3" height="3" class="fill-[var(--view-2-color)]"/>
3018      <rect x="15" y="15" width="3" height="3" class="fill-[var(--view-2-color)]"/>
3019    </svg>
3020          </button>
3021          <button @click="setLayout('2')" aria-label="Ändra layout" type="button">
3022            
3023<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3024      <rect x="5.55" y="18.45" width="12.9" height="12.9" transform="rotate(-90 5.55 18.45)" class="stroke-[var(--view-1-color)]" stroke-width="1.1"/>
3025    </svg>
3026          </button>
3027        </div>
3028      </div>
3029    </div>
3030  </div>
3031</form>
3032
3033
3034
3035<div id="collection-grid-wrapper" class="collection transition-opacity delay-500 isloading">
3036        <ul
3037          id="product-grid"
3038          data-id="template--28929183482238__product-grid"
3039          data-next-url="/collections/bastsaljare?page=2"
3040          ax-load
3041          x-data="quickShop"
3042          class="grid gap-2 md:gap-[45px] md:px-16 md:pb-gutter grid-cols-[repeat(var(--mobile-count),1fr)]  lg:grid-cols-[repeat(var(--desktop-count),1fr)] "
3043        ><li>
3044              
3045<div
3046    x-data="{ showQsOptions: false }"
3047    @click.outside="showQsOptions = false"
3048    class="relative card-product card-product-wrapper mb-12 md:mb-0"
3049    data-id="15828039860606"
3050    data-title="Beloved Mini Letter Gold"
3051    data-price="39900"
3052    data-vendor="Pink City"
3053    data-type="Berlock"
3054    data-index=""
3055  >
3056    <div
3057      class="card-product-upper relative  product-card__hover"
3058    >
3059      <a
3060        href="/collections/bastsaljare/products/beloved-mini-letter-gold-a"
3061        class="product-card"
3062      >
3063        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
3064          
3065          <img src="//systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=960" alt="A product shot of three Beloved Mini Letter Gold pendants, showcasing the small, circular charms with the letters S, E, and M engraved on them." srcset="//systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=170 170w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=340 340w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=510 510w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=640 640w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=720 720w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=828 828w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=960 960w" width="960" height="1200" loading="eager" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="high"><img src="//systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=960" alt="Product shot of the gold Beloved Mini Letter charm, a small round pendant with the initial &#39;A&#39;." srcset="//systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=170 170w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=340 340w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=510 510w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=720 720w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=828 828w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
3066
3067          
3068          <div
3069            class="lg:hidden"
3070          >
3071            <div
3072              class="slideshow-container"
3073              x-data="productCardSlider()"
3074              ax-load
3075              x-cloak
3076            >
3077              <img src="//systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=960" alt="A product shot of three Beloved Mini Letter Gold pendants, showcasing the small, circular charms with the letters S, E, and M engraved on them." srcset="//systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=320 320w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=480 480w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=640 640w, //systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg?v=1712574587&amp;width=768 768w" width="960" height="1200" loading="eager" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3077w, (max-width: 1024px) 50vw, 25vw" fetchpriority="high" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=960" alt="Product shot of the gold Beloved Mini Letter charm, a small round pendant with the initial &#39;A&#39;." srcset="//systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230A_Beloved_Mini_Letter_Gold_4c6c5004-e06f-4500-9372-f1e90411b3b4.jpg?v=1718200419&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG12302eBelovedMiniLetterGold.jpg?v=1769177361&amp;width=960" alt="Layered gold necklace set with Mini Letter E pendant and green heart charm on top chain, rectangular pendant on bottom chain, paired with small textured gold hoop earrings." srcset="//systerp.com/cdn/shop/files/NG12302eBelovedMiniLetterGold.jpg?v=1769177361&amp;width=320 320w, //systerp.com/cdn/shop/files/NG12302eBelovedMiniLetterGold.jpg?v=1769177361&amp;width=480 480w, //systerp.com/cdn/shop/files/NG12302eBelovedMiniLetterGold.jpg?v=1769177361&amp;width=640 640w, //systerp.com/cdn/shop/files/NG12302eBelovedMiniLetterGold.jpg?v=1769177361&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/2629fb12371b4ccca3b57d86afe447c7.thumbnail.0000000000.jpg?v=1729589484&amp;width=640" aria-label="Beloved Mini Letter Gold"><source src="//systerp.com/cdn/shop/videos/c/vp/2629fb12371b4ccca3b57d86afe447c7/2629fb12371b4ccca3b57d86afe447c7.HD-1080p-7.2Mbps-36802408.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/2629fb12371b4ccca3b57d86afe447c7.thumbnail.0000000000_small.jpg?v=1729589484"></video><img src="//systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=960" alt="A model wearing layered gold necklaces, including the Sheer Station Necklace with a Beloved Mini Letter &#39;S&#39; pendant and a gold Beloved Heart pendant." srcset="//systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=320 320w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=480 480w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=640 640w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:50.4264% 72.3058%;"><img src="//systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=960" alt="A product shot of a gold necklace on a medium box chain, styled with a Beloved Mini Letter &#39;S&#39; pendant and a small heart pendant." srcset="//systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=320 320w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=480 480w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=640 640w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=768 768w" width="960" height="1243" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3077w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230BelovedMiniLetterGold_BelovedMediumBoxChainGold.jpg?v=1773917968&amp;width=960" alt="A product shot of the Beloved Medium Box Chain in gold, styled with two Beloved Mini Letter charms featuring the initials &#39;R&#39; and &#39;N&#39;." srcset="//systerp.com/cdn/shop/files/NG1230BelovedMiniLetterGold_BelovedMediumBoxChainGold.jpg?v=1773917968&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230BelovedMiniLetterGold_BelovedMediumBoxChainGold.jpg?v=1773917968&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230BelovedMiniLetterGold_BelovedMediumBoxChainGold.jpg?v=1773917968&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230BelovedMiniLetterGold_BelovedMediumBoxChainGold.jpg?v=1773917968&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/fdec23cc24304be6afbaa1c2c230ffb0.thumbnail.0000000000.jpg?v=1761575977&amp;width=640" aria-label="custom_The pendant is handmade using 18K gold plated recycled brass. The video shows the final step — the careful polishing."><source src="//systerp.com/cdn/shop/videos/c/vp/fdec23cc24304be6afbaa1c2c230ffb0/fdec23cc24304be6afbaa1c2c230ffb0.HD-1080p-7.2Mbps-60989408.mp4?v=0" type="video/mp4"><img alt="custom_The pendant is handmade using 18K gold plated recycled brass. The video shows the final step — the careful polishing." src="//systerp.com/cdn/shop/files/preview_images/fdec23cc24304be6afbaa1c2c230ffb0.thumbnail.0000000000_small.jpg?v=1761575977"></video><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/355391fd62e74934a0cb9baef3cdaaeb.thumbnail.0000000000.jpg?v=1774010095&amp;width=640" aria-label="A model wearing a gold necklace with a leaf-like pattern, layered with a delicate gold chain with charms"><source src="//systerp.com/cdn/shop/videos/c/vp/355391fd62e74934a0cb9baef3cdaaeb/355391fd62e74934a0cb9baef3cdaaeb.HD-1080p-7.2Mbps-78345337.mp4?v=0" type="video/mp4"><img alt="A model wearing a gold necklace with a leaf-like pattern, layered with a delicate gold chain with charms" src="//systerp.com/cdn/shop/files/preview_images/355391fd62e74934a0cb9baef3cdaaeb.thumbnail.0000000000_small.jpg?v=1774010095"></video><img src="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=960" alt="A close-up shot of a model wearing layered gold necklaces, including the Beloved Short Box Chain with a Beloved Mini Letter &#39;M&#39; pendant and a gold Beloved Heart pendant." srcset="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=768 768w" width="960" height="1140" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230B_Beloved_Mini_Letter_Gold_8150a9fd-3755-40fa-85b6-4d48d0704cf5.jpg?v=1774010267&amp;width=960" alt="A close-up product shot of the gold Beloved Mini Letter pendant, a small roun
3077d charm with the letter &#39;B&#39; engraved on it." srcset="//systerp.com/cdn/shop/files/NG1230B_Beloved_Mini_Letter_Gold_8150a9fd-3755-40fa-85b6-4d48d0704cf5.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230B_Beloved_Mini_Letter_Gold_8150a9fd-3755-40fa-85b6-4d48d0704cf5.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230B_Beloved_Mini_Letter_Gold_8150a9fd-3755-40fa-85b6-4d48d0704cf5.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230B_Beloved_Mini_Letter_Gold_8150a9fd-3755-40fa-85b6-4d48d0704cf5.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230C_Beloved_Mini_Letter_Gold_e6a8c4da-5584-4c47-b1c6-55384d3aa010.jpg?v=1774010267&amp;width=960" alt="A product shot of the gold Beloved Mini Letter charm, showing the letter C engraved on a round pendant." srcset="//systerp.com/cdn/shop/files/NG1230C_Beloved_Mini_Letter_Gold_e6a8c4da-5584-4c47-b1c6-55384d3aa010.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230C_Beloved_Mini_Letter_Gold_e6a8c4da-5584-4c47-b1c6-55384d3aa010.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230C_Beloved_Mini_Letter_Gold_e6a8c4da-5584-4c47-b1c6-55384d3aa010.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230C_Beloved_Mini_Letter_Gold_e6a8c4da-5584-4c47-b1c6-55384d3aa010.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230D_Beloved_Mini_Letter_Gold_17389dee-238a-49ff-9bd2-0640d4dcc7f8.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, featuring a small, round gold disc with the letter &#39;D&#39; engraved on its surface." srcset="//systerp.com/cdn/shop/files/NG1230D_Beloved_Mini_Letter_Gold_17389dee-238a-49ff-9bd2-0640d4dcc7f8.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230D_Beloved_Mini_Letter_Gold_17389dee-238a-49ff-9bd2-0640d4dcc7f8.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230D_Beloved_Mini_Letter_Gold_17389dee-238a-49ff-9bd2-0640d4dcc7f8.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230D_Beloved_Mini_Letter_Gold_17389dee-238a-49ff-9bd2-0640d4dcc7f8.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230E_Beloved_Mini_Letter_Gold_9bd622c8-3d70-4887-b6cd-a716defaeed3.jpg?v=1774010267&amp;width=960" alt="A close-up of the Beloved Mini Letter Gold charm, showing the letter &#39;E&#39; engraved onto the small, round pendant." srcset="//systerp.com/cdn/shop/files/NG1230E_Beloved_Mini_Letter_Gold_9bd622c8-3d70-4887-b6cd-a716defaeed3.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230E_Beloved_Mini_Letter_Gold_9bd622c8-3d70-4887-b6cd-a716defaeed3.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230E_Beloved_Mini_Letter_Gold_9bd622c8-3d70-4887-b6cd-a716defaeed3.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230E_Beloved_Mini_Letter_Gold_9bd622c8-3d70-4887-b6cd-a716defaeed3.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3077w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230F_Beloved_Mini_Letter_Gold_a65a6482-fe9a-4982-91a3-ccb313662ad0.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, featuring the letter &#39;F&#39; engraved onto a small, round gold charm." srcset="//systerp.com/cdn/shop/files/NG1230F_Beloved_Mini_Letter_Gold_a65a6482-fe9a-4982-91a3-ccb313662ad0.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230F_Beloved_Mini_Letter_Gold_a65a6482-fe9a-4982-91a3-ccb313662ad0.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230F_Beloved_Mini_Letter_Gold_a65a6482-fe9a-4982-91a3-ccb313662ad0.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230F_Beloved_Mini_Letter_Gold_a65a6482-fe9a-4982-91a3-ccb313662ad0.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230G_Beloved_Mini_Letter_Gold_df45d121-9e97-47d9-af50-a4dff34d1090.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold charm, featuring the letter &#39;G&#39; engraved onto the circular pendant." srcset="//systerp.com/cdn/shop/files/NG1230G_Beloved_Mini_Letter_Gold_df45d121-9e97-47d9-af50-a4dff34d1090.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230G_Beloved_Mini_Letter_Gold_df45d121-9e97-47d9-af50-a4dff34d1090.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230G_Beloved_Mini_Letter_Gold_df45d121-9e97-47d9-af50-a4dff34d1090.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230G_Beloved_Mini_Letter_Gold_df45d121-9e97-47d9-af50-a4dff34d1090.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230H_Beloved_Mini_Letter_Gold_5efc0a62-09df-4f19-80b0-6c7df7ac583c.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, featuring the letter H engraved on a round charm." srcset="//systerp.com/cdn/shop/files/NG1230H_Beloved_Mini_Letter_Gold_5efc0a62-09df-4f19-80b0-6c7df7ac583c.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230H_Beloved_Mini_Letter_Gold_5efc0a62-09df-4f19-80b0-6c7df7ac583c.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230H_Beloved_Mini_Letter_Gold_5efc0a62-09df-4f19-80b0-6c7df7ac583c.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230H_Beloved_Mini_Letter_Gold_5efc0a62-09df-4f19-80b0-6c7df7ac583c.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230I_Beloved_Mini_Letter_Gold_b6f75756-369e-4d96-8853-db063ff495e6.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, featuring the letter &#39;I&#39; engraved on a small, circular charm." srcset="//systerp.com/cdn/shop/files/NG1230I_Beloved_Mini_Letter_Gold_b6f75756-369e-4d96-8853-db063ff495e6.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230I_Beloved_Mini_Letter_Gold_b6f75756-369e-4d96-8853-db063ff495e6.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230I_Beloved_Mini_Letter_Gold_b6f75756-369e-4d96-8853-db063ff495e6.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230I_Beloved_Mini_Letter_Gold_b6f75756-369e-4d96-8853-db063ff495e6.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3077w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230J_Beloved_Mini_Letter_Gold_4e44a907-6dfa-4700-9b90-2ddbd03b7fd9.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, featuring the letter &#39;J&#39; engraved on a small, circular gold charm." srcset="//systerp.com/cdn/shop/files/NG1230J_Beloved_Mini_Letter_Gold_4e44a907-6dfa-4700-9b90-2ddbd03b7fd9.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230J_Beloved_Mini_Letter_Gold_4e44a907-6dfa-4700-9b90-2ddbd03b7fd9.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230J_Beloved_Mini_Letter_Gold_4e44a907-6dfa-4700-9b90-2ddbd03b7fd9.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230J_Beloved_Mini_Letter_Gold_4e44a907-6dfa-4700-9b90-2ddbd03b7fd9.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230K_Beloved_Mini_Letter_Gold_72988e13-438e-4d1e-9c20-0e96a9af1c34.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in gold, featuring a small, round pendant with the letter &#39;K&#39; engraved on its surface." srcset="//systerp.com/cdn/shop/files/NG1230K_Beloved_Mini_Letter_Gold_72988e13-438e-4d1e-9c20-0e96a9af1c34.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230K_Beloved_Mini_Letter_Gold_72988e13-438e-4d1e-9c20-0e96a9af1c34.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230K_Beloved_Mini_Letter_Gold_72988e13-438e-4d1e-9c20-0e96a9af1c34.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230K_Beloved_Mini_Letter_Gold_72988e13-438e-4d1e-9c20-0e96a9af1c34.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230L_Beloved_Mini_Letter_Gold_b6eb0ab6-82ef-4c09-acf5-2e00559a745f.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, a small round charm engraved with the letter L." srcset="//systerp.com/cdn/shop/files/NG1230L_Beloved_Mini_Letter_Gold_b6eb0ab6-82ef-4c09-acf5-2e00559a745f.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230L_Beloved_Mini_Letter_Gold_b6eb0ab6-82ef-4c09-acf5-2e00559a745f.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230L_Beloved_Mini_Letter_Gold_b6eb0ab6-82ef-4c09-acf5-2e00559a745f.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230L_Beloved_Mini_Letter_Gold_b6eb0ab6-82ef-4c09-acf5-2e00559a745f.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230M_Beloved_Mini_Letter_Gold_27a0359b-4f5c-46fc-a2a8-b0381f4da647.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter pendant in gold, featuring the letter &#39;M&#39; engraved on its round surface." srcset="//systerp.com/cdn/shop/files/NG1230M_Beloved_Mini_Letter_Gold_27a0359b-4f5c-46fc-a2a8-b0381f4da647.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230M_Beloved_Mini_Letter_Gold_27a0359b-4f5c-46fc-a2a8-b0381f4da647.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230M_Beloved_Mini_Letter_Gold_27a0359b-4f5c-46fc-a2a8-b0381f4da647.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230M_Beloved_Mini_Letter_Gold_27a0359b-4f5c-46fc-a2a8-b0381f4da647.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3077w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230N_Beloved_Mini_Letter_Gold_d2076df5-d549-42c0-beea-1f30571084b3.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold charm, featuring the letter &#39;N&#39; engraved on a small, round pendant." srcset="//systerp.com/cdn/shop/files/NG1230N_Beloved_Mini_Letter_Gold_d2076df5-d549-42c0-beea-1f30571084b3.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230N_Beloved_Mini_Letter_Gold_d2076df5-d549-42c0-beea-1f30571084b3.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230N_Beloved_Mini_Letter_Gold_d2076df5-d549-42c0-beea-1f30571084b3.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230N_Beloved_Mini_Letter_Gold_d2076df5-d549-42c0-beea-1f30571084b3.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230O_Beloved_Mini_Letter_Gold_c38b9435-a924-440d-a37a-c83d896e213d.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter &#39;O&#39; pendant in gold, a small circular charm with the letter engraved in the center." srcset="//systerp.com/cdn/shop/files/NG1230O_Beloved_Mini_Letter_Gold_c38b9435-a924-440d-a37a-c83d896e213d.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230O_Beloved_Mini_Letter_Gold_c38b9435-a924-440d-a37a-c83d896e213d.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230O_Beloved_Mini_Letter_Gold_c38b9435-a924-440d-a37a-c83d896e213d.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230O_Beloved_Mini_Letter_Gold_c38b9435-a924-440d-a37a-c83d896e213d.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230P_Beloved_Mini_Letter_Gold_3b9782e5-3a32-42c6-b70f-ea41e3ccdec2.jpg?v=1774010267&amp;width=960" alt="A close-up image of the Beloved Mini Letter Gold charm, featuring the letter &#39;P&#39; engraved on the small, circular pendant." srcset="//systerp.com/cdn/shop/files/NG1230P_Beloved_Mini_Letter_Gold_3b9782e5-3a32-42c6-b70f-ea41e3ccdec2.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230P_Beloved_Mini_Letter_Gold_3b9782e5-3a32-42c6-b70f-ea41e3ccdec2.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230P_Beloved_Mini_Letter_Gold_3b9782e5-3a32-42c6-b70f-ea41e3ccdec2.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230P_Beloved_Mini_Letter_Gold_3b9782e5-3a32-42c6-b70f-ea41e3ccdec2.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230R_Beloved_Mini_Letter_Gold_0cf568e5-b269-4a6d-a146-926e110b58da.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, featuring a small, round charm with the letter &#39;R&#39; engraved on it." srcset="//systerp.com/cdn/shop/files/NG1230R_Beloved_Mini_Letter_Gold_0cf568e5-b269-4a6d-a146-926e110b58da.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230R_Beloved_Mini_Letter_Gold_0cf568e5-b269-4a6d-a146-926e110b58da.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230R_Beloved_Mini_Letter_Gold_0cf568e5-b269-4a6d-a146-926e110b58da.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230R_Beloved_Mini_Letter_Gold_0cf568e5-b269-4a6d-a146-926e110b58da.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3077w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230S_Beloved_Mini_Letter_Gold_121980f6-a543-446f-bd41-3b915da28f68.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, featuring a small, circular charm with the letter &#39;S&#39; engraved on it." srcset="//systerp.com/cdn/shop/files/NG1230S_Beloved_Mini_Letter_Gold_121980f6-a543-446f-bd41-3b915da28f68.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230S_Beloved_Mini_Letter_Gold_121980f6-a543-446f-bd41-3b915da28f68.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230S_Beloved_Mini_Letter_Gold_121980f6-a543-446f-bd41-3b915da28f68.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230S_Beloved_Mini_Letter_Gold_121980f6-a543-446f-bd41-3b915da28f68.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230T_Beloved_Mini_Letter_Gold_e6d8bf3c-05f3-4f8c-a72d-cd203a2ae2d7.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold charm, featuring a small round disc with the engraved letter &#39;T&#39;." srcset="//systerp.com/cdn/shop/files/NG1230T_Beloved_Mini_Letter_Gold_e6d8bf3c-05f3-4f8c-a72d-cd203a2ae2d7.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230T_Beloved_Mini_Letter_Gold_e6d8bf3c-05f3-4f8c-a72d-cd203a2ae2d7.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230T_Beloved_Mini_Letter_Gold_e6d8bf3c-05f3-4f8c-a72d-cd203a2ae2d7.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230T_Beloved_Mini_Letter_Gold_e6d8bf3c-05f3-4f8c-a72d-cd203a2ae2d7.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230U_Beloved_Mini_Letter_Gold_be216dd8-4bd1-4952-814b-4063a82ce2b4.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold charm, showing the round gold pendant with the letter &#39;U&#39; engraved in the center." srcset="//systerp.com/cdn/shop/files/NG1230U_Beloved_Mini_Letter_Gold_be216dd8-4bd1-4952-814b-4063a82ce2b4.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230U_Beloved_Mini_Letter_Gold_be216dd8-4bd1-4952-814b-4063a82ce2b4.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230U_Beloved_Mini_Letter_Gold_be216dd8-4bd1-4952-814b-4063a82ce2b4.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230U_Beloved_Mini_Letter_Gold_be216dd8-4bd1-4952-814b-4063a82ce2b4.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230V_Beloved_Mini_Letter_Gold_63fc2a90-2d5f-4622-96d9-fac703d00652.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter V pendant in gold, featuring a small, circular charm with the letter engraved in the center." srcset="//systerp.com/cdn/shop/files/NG1230V_Beloved_Mini_Letter_Gold_63fc2a90-2d5f-4622-96d9-fac703d00652.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230V_Beloved_Mini_Letter_Gold_63fc2a90-2d5f-4622-96d9-fac703d00652.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230V_Beloved_Mini_Letter_Gold_63fc2a90-2d5f-4622-96d9-fac703d00652.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230V_Beloved_Mini_Letter_Gold_63fc2a90-2d5f-4622-96d9-fac703d00652.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3077w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230W_Beloved_Mini_Letter_Gold_92f2b1c1-1709-4afb-a37f-1e0d3545157a.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, a small circular charm with the letter &#39;W&#39; engraved in the center." srcset="//systerp.com/cdn/shop/files/NG1230W_Beloved_Mini_Letter_Gold_92f2b1c1-1709-4afb-a37f-1e0d3545157a.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230W_Beloved_Mini_Letter_Gold_92f2b1c1-1709-4afb-a37f-1e0d3545157a.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230W_Beloved_Mini_Letter_Gold_92f2b1c1-1709-4afb-a37f-1e0d3545157a.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230W_Beloved_Mini_Letter_Gold_92f2b1c1-1709-4afb-a37f-1e0d3545157a.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230Y_Beloved_Mini_Letter_Gold_014b4420-857a-4257-b68c-1846fdccc129.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, featuring a round gold charm engraved with the letter &#39;Y&#39;." srcset="//systerp.com/cdn/shop/files/NG1230Y_Beloved_Mini_Letter_Gold_014b4420-857a-4257-b68c-1846fdccc129.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230Y_Beloved_Mini_Letter_Gold_014b4420-857a-4257-b68c-1846fdccc129.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230Y_Beloved_Mini_Letter_Gold_014b4420-857a-4257-b68c-1846fdccc129.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230Y_Beloved_Mini_Letter_Gold_014b4420-857a-4257-b68c-1846fdccc129.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230Z_Beloved_Mini_Letter_Gold_f40c1787-f7ba-402d-807d-58f3803459ad.jpg?v=1774010267&amp;width=960" alt="A product shot of the gold Beloved Mini Letter charm, showing the letter &#39;Z&#39; engraved on the circular pendant." srcset="//systerp.com/cdn/shop/files/NG1230Z_Beloved_Mini_Letter_Gold_f40c1787-f7ba-402d-807d-58f3803459ad.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230Z_Beloved_Mini_Letter_Gold_f40c1787-f7ba-402d-807d-58f3803459ad.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230Z_Beloved_Mini_Letter_Gold_f40c1787-f7ba-402d-807d-58f3803459ad.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230Z_Beloved_Mini_Letter_Gold_f40c1787-f7ba-402d-807d-58f3803459ad.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230AA_Beloved_Mini_Letter_Gold_24b49780-1296-46bd-a6dc-f985509b0af1.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold charm, showing the small, round pendant with the initial &#39;A&#39; engraved on it." srcset="//systerp.com/cdn/shop/files/NG1230AA_Beloved_Mini_Letter_Gold_24b49780-1296-46bd-a6dc-f985509b0af1.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230AA_Beloved_Mini_Letter_Gold_24b49780-1296-46bd-a6dc-f985509b0af1.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230AA_Beloved_Mini_Letter_Gold_24b49780-1296-46bd-a6dc-f985509b0af1.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230AA_Beloved_Mini_Letter_Gold_24b49780-1296-46bd-a6dc-f985509b0af1.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3077w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1230OO_Beloved_Mini_Letter_Gold_7424b808-1641-4b74-9892-b6de1ae811b4.jpg?v=1774010267&amp;width=960" alt="A product shot of the Beloved Mini Letter Gold pendant, a small circular charm with the letter Ø engraved on it." srcset="//systerp.com/cdn/shop/files/NG1230OO_Beloved_Mini_Letter_Gold_7424b808-1641-4b74-9892-b6de1ae811b4.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1230OO_Beloved_Mini_Letter_Gold_7424b808-1641-4b74-9892-b6de1ae811b4.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1230OO_Beloved_Mini_Letter_Gold_7424b808-1641-4b74-9892-b6de1ae811b4.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1230OO_Beloved_Mini_Letter_Gold_7424b808-1641-4b74-9892-b6de1ae811b4.jpg?v=1774010267&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
3078            </div>
3079          </div>
3080        </div>
3081      </a>
3082      
3083        
3084          
3085
3086<div
3087  x-data="
3088    {
3089      showQsOptions: false,
3090      loading: false,
3091      selectedVariant: '57128552464766',
3092      variantAvailable: true,
3093      addToCart() {
3094        this.loading = true;
3095        const body = JSON.stringify({
3096          items: [{ id: this.selectedVariant, quantity: 1 }],
3097          sections: 'cart-items,cart-icon-bubble,cart-footer'
3098        });
3099        fetch(routes.cart_add_url, {
3100          method: 'POST',
3101          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
3102          body
3103        })
3104        .then(r => r.json())
3105        .then(data => {
3106          this.loading = false;
3107          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
3108            const section = document.getElementById(id);
3109            if (!section) return;
3110            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
3111            const el = section.querySelector(selector) || section;
3112            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
3113          });
3114          this.$dispatch('open-cart');
3115        })
3116        .catch(err => { this.loading = false; console.error('Error:', err); });
3117      }
3118    }
3119  "
3120>
3121  
3122  <button
3123    @click="$dispatch('close-quickshops'); showQsOptions = true"
3124    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
3125  >
3126    <span>
3127      
3128
3129
3130
3131<svg
3132  width="18"
3133  height="18"
3134  viewBox="0 0 18 19"
3135  fill="none"
3136  xmlns="http://www.w3.org/2000/svg"
3137>
3138  <rect
3139    x="0.5"
3140    y="0.600098"
3141    width="17"
3142    height="17"
3143    rx="8.5"
3144    stroke="black" />
3145  <path
3146    d="M9 6.1001L9 12.1001"
3147    stroke="currentColor"
3148    stroke-linecap="square" />
3149  <path
3150    d="M6 9.1001L12 9.1001"
3151    stroke="currentColor"
3152    stroke-linecap="square" />
3153</svg>
3154
3155    </span>
3156  </button>
3157
3158  <div
3159    x-show="showQsOptions"
3160    @close-quickshops.window="showQsOptions = false"
3161    @submit.window="showQsOptions = false"
3162    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6 !pt-16 gap-10 shadow-lg"
3163  ><form
3164      id="product-card-form-15828039860606"
3165      method="post"
3166      action="/cart/add"
3167      accept-charset="UTF-8"
3168      class="w-full"
3169      enctype="multipart/form-data"
3170      @submit.prevent="addToCart()"
3171    >
3172      <input type="hidden" name="form_type" value="product">
3173      <input type="hidden" name="utf8" value="✓">
3174      <input type="hidden" name="id" :value="selectedVariant">
3175      <input type="hidden" name="quantity" value="1">
3176
3177      
3178        <div class="flex w-full justify-center items-center flex-wrap mb-6">
3179          <label
3180            class="uppercase text-medium text-[12px] h-20 block"
3181            for="qs-select-15828039860606"
3182          >
3183            Bokstav
3184          </label>
3185          <div class="relative border-[0.5px] border-lightgrey flex items-center h-20 ml-20">
3186            <select
3187              class="appearance-none text-medium pl-20 pr-40 h-20 text-[12px] border-0 outline-none"
3188              @change="
3189                selectedVariant = $event.target.value;
3190                variantAvailable = $event.target.selectedOptions[0].dataset.available === 'true';
3191              "
3192              id="qs-select-15828039860606"
3193              aria-label="Bokstav"
3194            ><option
3195                  value="57128552464766"
3196                  data-available="true"
3197                  
3198                    selected
3199                  
3200                >
3201                  A
3202                </option><option
3203                  value="57128552497534"
3204                  data-available="true"
3205                  
3206                >
3207                  B
3208                </option><option
3209                  value="57128552530302"
3210                  data-available="true"
3211                  
3212                >
3213                  C
3214                </option><option
3215                  value="57128552563070"
3216                  data-available="true"
3217                  
3218                >
3219                  D
3220                </option><option
3221                  value="57128552595838"
3222                  data-available="true"
3223                  
3224                >
3225                  E
3226                </option><option
3227                  value="57128552628606"
3228                  data-available="true"
3229                  
3230                >
3231                  F
3232                </option><option
3233                  value="57128552661374"
3234                  data-available="true"
3235                  
3236                >
3237                  G
3238                </option><option
3239                  value="57128552694142"
3240                  data-available="true"
3241                  
3242                >
3243                  H
3244                </option><option
3245                  value="57128552726910"
3246                  data-available="true"
3247                  
3248                >
3249                  I
3250                </option><option
3251                  value="57128552759678"
3252                  data-available="true"
3253                  
3254                >
3255                  J
3256                </option><option
3257                  value="57128552792446"
3258                  data-available="true"
3259                  
3260                >
3261                  K
3262                </option><option
3263                  value="57128552825214"
3264                  data-available="true"
3265                  
3266                >
3267                  L
3268                </option><option
3269                  value="57128552857982"
3270                  data-available="true"
3271                  
3272                >
3273                  M
3274                </option><option
3275                  value="57128552890750"
3276                  data-available="true"
3277                  
3278                >
3279                  N
3280                </option><option
3281                  value="57128552923518"
3282                  data-available="true"
3283                  
3284                >
3285                  O
3286                </option><option
3287                  value="57128552956286"
3288                  data-available="true"
3289                  
3290                >
3291                  P
3292                </option><option
3293                  value="57128552989054"
3294                  data-available="true"
3295                  
3296                >
3297                  R
3298                </option><option
3299                  value="57128553021822"
3300                  data-available="true"
3301                  
3302                >
3303                  S
3304                </option><option
3305                  value="57128553054590"
3306                  data-available="true"
3307                  
3308                >
3309                  T
3310                </option><option
3311                  value="57128553087358"
3312                  data-available="true"
3313                  
3314                >
3315                  U
3316                </option><option
3317                  value="57128553120126"
3318                  data-available="true"
3319                  
3320                >
3321                  V
3322                </option><option
3323                  value="57128553152894"
3324                  data-available="true"
3325                  
3326                >
3327                  W
3328                </option><option
3329                  value="57128553185662"
3330                  data-available="true"
3331                  
3332                >
3333                  Y
3334                </option><option
3335                  value="57128553218430"
3336                  data-available="true"
3337                  
3338                >
3339                  Z
3340                </option><option
3341                  value="57128553251198"
3342                  data-available="true"
3343                  
3344                >
3345                  Å
3346                </option><option
3347                  value="57128553283966"
3348                  data-available="true"
3349                  
3350                >
3351                  Ø
3352                </option></select>
3353            <span class="absolute right-10">
3354
3355    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
3356      <path d="m9 .5-4 4-4-4" stroke="#000000" stroke-width="1.2"/>
3357    </svg>
3358  
3359</span>
3360          </div>
3361        </div>
3362
3363        <button
3364          type="submit"
3365          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
3366          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
3367          :disabled="!variantAvailable"
3368        >
3369          <span
3370            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
3371          ></span>
3372        </button>
3373
3374      
3375    </form>
3376  </div>
3377</div>
3378
3379        
3380      
3381    </div>
3382    <div class="flex justify-between max-lg:flex-colaspect">
3383      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
3384        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
3385          <div
3386            class="yotpo bottomLine w-full"
3387            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
3388            data-domain="systerp.myshopify.com"
3389            data-product-id="15828039860606"
3390            data-product-models="15828039860606"
3391            data-name="Beloved Mini Letter Gold"
3392            data-url="https://systerp.com"
3393            data-image-url="//systerp.com/cdn/shop/files/COVERNG1230MiniLetterGold.jpg%3Fv=1712574587%26width=1000"
3394            data-description="&lt;p&gt;Beloved Mini Letter är vår absoluta bästsäljare — en liten men betydelsefull bokstav som gör ditt halsband personligt. Berlocken är handgjord i 18K guldpläterad återvunnen mässing. Det här smycket blir något som verkligen känns som ditt eget. Det är den perfekta presenten som alltid uppskattas och bärs nära hjärtat i många år.&lt;/p&gt;
3395&lt;p&gt;&lt;br&gt;&lt;/p&gt;
3396&lt;h2&gt;&lt;strong&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
3397&lt;ul&gt;
3398&lt;li&gt;
3399&lt;p&gt;Handgjord i återvunnen mässing&lt;/p&gt;
3400&lt;/li&gt;
3401&lt;li&gt;
3402&lt;p&gt;18K guldplätering&lt;/p&gt;
3403&lt;/li&gt;
3404&lt;li&gt;
3405&lt;p&gt;Berlockens storlek: 10 mm&lt;/p&gt;
3406&lt;/li&gt;
3407&lt;li&gt;
3408&lt;p&gt;Endast bokstav; kedja säljs separat. Passar alla &lt;a href=&quot;https://systerp.com/collections/kedjor&quot;&gt;Beloved- &amp;amp; Sheer-kedjor&lt;/a&gt;&lt;/p&gt;
3409&lt;/li&gt;
3410&lt;/ul&gt;
3411&lt;p&gt;&lt;br&gt;&lt;/p&gt;
3412&lt;h3&gt;&lt;strong&gt;Vad som gör den speciell&lt;/strong&gt;&lt;/h3&gt;
3413&lt;p&gt;Beloved Mini Letter blir personligt på riktigt — du väljer bokstaven som representerar dig, någon du tycker om, eller ett ord som betyder något. Varje smycke blir unikt, och det går att bygga vidare med fler berlocker för ett personligt uttryck som du vill bära varje dag.&lt;br&gt;&lt;br&gt;&lt;/p&gt;
3414&lt;h4&gt;&lt;strong&gt;SÃ¥ stylar du den&lt;/strong&gt;&lt;/h4&gt;
3415&lt;p&gt;&lt;meta charset=&quot;utf-8&quot;&gt;Bär bokstaven på en &lt;a href=&quot;https://systerp.com/collections/kedjor&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;kedja från Beloved eller Sheer-kollektionen&lt;/span&gt;&lt;/a&gt; (kedja säljs separat). Kombinera gärna med andra berlocker från &lt;a href=&quot;https://systerp.com/collections/beloved&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Beloved-kollektionen&lt;/span&gt;&lt;/a&gt;, som hjärtan, pärlor, stenar eller stjärntecken, för att skapa ett halsband som speglar just din stil. Berlocken är designad för att kombineras, så du kan enkelt uppdatera ditt halsband och göra smycket ännu mer personligt över tid.&lt;/p&gt;"
3416            data-bread-crumbs=""
3417          ></div>
3418        </div>
3419
3420        <h3
3421          class="lg:col-span-6 uppercase text-center px-10 leading-none"
3422          id="title-template--28929183482238__product-grid-15828039860606"
3423        >
3424          <a
3425            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
3426            href="/products/beloved-mini-letter-gold-a"
3427          >
3428            Beloved Mini Letter Gold
3429          </a>
3430        </h3>
3431<div
3432  class="
3433      price
3434       
3435      text-default
3436    
3437 "
3438>
3439  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
3440        <span class="price-item price-item--regular">
3441          399 kr
3442</span></div>
3443
3444    <div class="price__sale  hidden">
3445        <span class="sr-only sr-only--inline">Ordinarie pris</span>
3446        <span>
3447          <s class="price-item price-item--regular">
3448            
3449              
3450            
3451          </s>
3452        </span><span class="sr-only sr-only--inline">Reapris</span>
3453      <span class="price-item price-item--sale price-item--last">
3454        399 kr
3455      </span>
3456    </div>
3457    <small class="block uppercase caption hidden">
3458      <span class="sr-only">Enhetspris</span>
3459      <span class="price-item price-item--last">
3460        <span></span>
3461        <span aria-hidden="true">/</span>
3462        <span class="sr-only">&nbsp;per&nbsp;</span>
3463        <span>
3464        </span>
3465      </span>
3466    </small>
3467  </div>
3468</div>
3469
3470
3471<div
3472  class="
3473    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
3474    
3475  "
3476>
3477  
3478  
3479    <span class=""> best seller </span>
3480  
3481</div>
3482</div>
3483    </div>
3484  </div>
3485            </li><li>
3486              
3487<div
3488    x-data="{ showQsOptions: false }"
3489    @click.outside="showQsOptions = false"
3490    class="relative card-product card-product-wrapper mb-12 md:mb-0"
3491    data-id="7079686406219"
3492    data-title="Sheer Station Necklace Silver"
3493    data-price="89900"
3494    data-vendor="KARIZIA"
3495    data-type="Necklace"
3496    data-index=""
3497  >
3498    <div
3499      class="card-product-upper relative  product-card__hover"
3500    >
3501      <a
3502        href="/collections/bastsaljare/products/sheer-station-necklace-silver"
3503        class="product-card"
3504      >
3505        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
3506          
3507          <img src="//systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=960" alt="A close-up product shot of the Sheer Station Necklace in silver, highlighting its delicate chain design interspersed with small, shining dots." srcset="//systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=170 170w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=340 340w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=510 510w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=720 720w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=828 828w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=960 960w" width="960" height="1200" loading="eager" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="high"><img src="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=960" alt="A close-up of a model wearing a layered silver necklace combination. The shorter necklace is a flat Sheer Mirror chain, and the longer one is a delicate Sheer Station chain holding a Beloved Heart pendant and a Beloved Mini Letter &#39;E&#39; pendant." srcset="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=170 170w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=340 340w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=510 510w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=720 720w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=828 828w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
3508
3509          
3510          <div
3511            class="lg:hidden"
3512          >
3513            <div
3514              class="slideshow-container"
3515              x-data="productCardSlider()"
3516              ax-load
3517              x-cloak
3518            >
3519              <img src="//systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=960" alt="A close-up product shot of the Sheer Station Necklace in silver, highlighting its delicate chain design interspersed with small, shining dots." srcset="//systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=320 320w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=480 480w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg?v=1774947866&amp;width=768 768w" width="960" height="1200" loading="eager" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3519w, (max-width: 1024px) 50vw, 25vw" fetchpriority="high" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=960" alt="A close-up of a model wearing a layered silver necklace combination. The shorter necklace is a flat Sheer Mirror chain, and the longer one is a delicate Sheer Station chain holding a Beloved Heart pendant and a Beloved Mini Letter &#39;E&#39; pendant." srcset="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/f9b9c9aea8c745559f75c6f9040b9abb.thumbnail.0000000000.jpg?v=1741769771&amp;width=640" aria-label="Sheer Station Necklace Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/f9b9c9aea8c745559f75c6f9040b9abb/f9b9c9aea8c745559f75c6f9040b9abb.HD-1080p-7.2Mbps-44028623.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/f9b9c9aea8c745559f75c6f9040b9abb.thumbnail.0000000000_small.jpg?v=1741769771"></video><img src="//systerp.com/cdn/shop/files/NS13941Sheerstationnecklacesilver.jpg?v=1774947866&amp;width=960" alt="A product shot of the Sheer Station Necklace in silver, featuring a delicate chain with tiny, shining dots spaced along its length." srcset="//systerp.com/cdn/shop/files/NS13941Sheerstationnecklacesilver.jpg?v=1774947866&amp;width=320 320w, //systerp.com/cdn/shop/files/NS13941Sheerstationnecklacesilver.jpg?v=1774947866&amp;width=480 480w, //systerp.com/cdn/shop/files/NS13941Sheerstationnecklacesilver.jpg?v=1774947866&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13941Sheerstationnecklacesilver.jpg?v=1774947866&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=960" alt="Our jewelry is handmade and made of 100% recycled sterling silver." srcset="//systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=320 320w, //systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=480 480w, //systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=640 640w, //systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_Compass_Star_Pendant_Silver.jpg?v=1761312374&amp;width=960" alt="A model wearing the Beloved Compass Star Pendant in silver, styled on a chain with a round &#39;M&#39; initial pendant and layered with a second, more delicate silver chain." srcset="//systerp.com/cdn/shop/files/Beloved_Compass_Star_Pendant_Silver.jpg?v=1761312374&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Compass_Star_Pendant_Silver.jpg?v=1761312374&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Compass_Star_Pendant_Silver.jpg?v=1761312374&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Compass_Star_Pendant_Silver.jpg?v=1761312374&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3519w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
3520            </div>
3521          </div>
3522        </div>
3523      </a>
3524      
3525        
3526          
3527
3528<div
3529  x-data="
3530    {
3531      showQsOptions: false,
3532      loading: false,
3533      selectedVariant: '40682525786187',
3534      variantAvailable: true,
3535      addToCart() {
3536        this.loading = true;
3537        const body = JSON.stringify({
3538          items: [{ id: this.selectedVariant, quantity: 1 }],
3539          sections: 'cart-items,cart-icon-bubble,cart-footer'
3540        });
3541        fetch(routes.cart_add_url, {
3542          method: 'POST',
3543          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
3544          body
3545        })
3546        .then(r => r.json())
3547        .then(data => {
3548          this.loading = false;
3549          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
3550            const section = document.getElementById(id);
3551            if (!section) return;
3552            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
3553            const el = section.querySelector(selector) || section;
3554            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
3555          });
3556          this.$dispatch('open-cart');
3557        })
3558        .catch(err => { this.loading = false; console.error('Error:', err); });
3559      }
3560    }
3561  "
3562>
3563  
3564  <button
3565    @click="$dispatch('close-quickshops'); showQsOptions = true"
3566    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
3567  >
3568    <span>
3569      
3570
3571
3572
3573<svg
3574  width="18"
3575  height="18"
3576  viewBox="0 0 18 19"
3577  fill="none"
3578  xmlns="http://www.w3.org/2000/svg"
3579>
3580  <rect
3581    x="0.5"
3582    y="0.600098"
3583    width="17"
3584    height="17"
3585    rx="8.5"
3586    stroke="black" />
3587  <path
3588    d="M9 6.1001L9 12.1001"
3589    stroke="currentColor"
3590    stroke-linecap="square" />
3591  <path
3592    d="M6 9.1001L12 9.1001"
3593    stroke="currentColor"
3594    stroke-linecap="square" />
3595</svg>
3596
3597    </span>
3598  </button>
3599
3600  <div
3601    x-show="showQsOptions"
3602    @close-quickshops.window="showQsOptions = false"
3603    @submit.window="showQsOptions = false"
3604    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
3605  ><form
3606      id="product-card-form-7079686406219"
3607      method="post"
3608      action="/cart/add"
3609      accept-charset="UTF-8"
3610      class="w-full"
3611      enctype="multipart/form-data"
3612      @submit.prevent="addToCart()"
3613    >
3614      <input type="hidden" name="form_type" value="product">
3615      <input type="hidden" name="utf8" value="✓">
3616      <input type="hidden" name="id" :value="selectedVariant">
3617      <input type="hidden" name="quantity" value="1">
3618
3619      
3620        <button
3621          type="submit"
3622          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
3623          :disabled="!variantAvailable"
3624          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
3625        >
3626          <span
3627            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
3628          ></span>
3629        </button>
3630
3631      
3632    </form>
3633  </div>
3634</div>
3635
3636        
3637      
3638    </div>
3639    <div class="flex justify-between max-lg:flex-colaspect">
3640      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
3641        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
3642          <div
3643            class="yotpo bottomLine w-full"
3644            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
3645            data-domain="systerp.myshopify.com"
3646            data-product-id="7079686406219"
3647            data-product-models="7079686406219"
3648            data-name="Sheer Station Necklace Silver"
3649            data-url="https://systerp.com"
3650            data-image-url="//systerp.com/cdn/shop/files/NS13941bSheerstationnecklacesilver.jpg%3Fv=1774947866%26width=1000"
3651            data-description="&lt;p&gt;&lt;meta charset=&quot;utf-8&quot;&gt;Detta korta och nätta halsband i station chain ger precis rätt mängd glitter med sina små punkter i kedjan. Det är perfekt att kombinera med andra halsband eller bära ensamt som ett minimalistiskt statement. &lt;meta charset=&quot;utf-8&quot;&gt;
3651Halsbandet är tillverkat i äkta sterlingsilver, 100% återvunnet.&lt;/p&gt;"
3652            data-bread-crumbs=""
3653          ></div>
3654        </div>
3655
3656        <h3
3657          class="lg:col-span-6 uppercase text-center px-10 leading-none"
3658          id="title-template--28929183482238__product-grid-7079686406219"
3659        >
3660          <a
3661            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
3662            href="/products/sheer-station-necklace-silver"
3663          >
3664            Sheer Station Necklace Silver
3665          </a>
3666        </h3>
3667<div
3668  class="
3669      price
3670       
3671      text-default
3672    
3673 "
3674>
3675  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
3676        <span class="price-item price-item--regular">
3677          899 kr
3678</span></div>
3679
3680    <div class="price__sale  hidden">
3681        <span class="sr-only sr-only--inline">Ordinarie pris</span>
3682        <span>
3683          <s class="price-item price-item--regular">
3684            
3685              
3686            
3687          </s>
3688        </span><span class="sr-only sr-only--inline">Reapris</span>
3689      <span class="price-item price-item--sale price-item--last">
3690        899 kr
3691      </span>
3692    </div>
3693    <small class="block uppercase caption hidden">
3694      <span class="sr-only">Enhetspris</span>
3695      <span class="price-item price-item--last">
3696        <span></span>
3697        <span aria-hidden="true">/</span>
3698        <span class="sr-only">&nbsp;per&nbsp;</span>
3699        <span>
3700        </span>
3701      </span>
3702    </small>
3703  </div>
3704</div>
3705
3706
3707<div
3708  class="
3709    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
3710    
3711  "
3712>
3713  
3714  
3715</div>
3716</div>
3717    </div>
3718  </div>
3719            </li><li>
3720              
3721<div
3722    x-data="{ showQsOptions: false }"
3723    @click.outside="showQsOptions = false"
3724    class="relative card-product card-product-wrapper mb-12 md:mb-0"
3725    data-id="6933954953291"
3726    data-title="Beloved Heart Pendant Gold"
3727    data-price="24900"
3728    data-vendor="Pink City"
3729    data-type="Berlock"
3730    data-index=""
3731  >
3732    <div
3733      class="card-product-upper relative  product-card__hover"
3734    >
3735      <a
3736        href="/collections/bastsaljare/products/beloved-heart-pendant-gold"
3737        class="product-card"
3738      >
3739        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
3740          
3741          <img src="//systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=960" alt="A product shot of the Beloved Heart Pendant in gold, showcasing its simple and smooth heart-shaped design." srcset="//systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=170 170w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=340 340w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=510 510w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=640 640w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=720 720w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=828 828w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=960 960w" width="960" height="1200" loading="eager" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="high"><img src="//systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=960" alt="A model wearing layered gold necklaces, including the Sheer Station Necklace with a Beloved Mini Letter &#39;S&#39; pendant and a gold Beloved Heart pendant." srcset="//systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=170 170w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=340 340w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=510 510w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=640 640w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=720 720w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=828 828w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low" style="object-position:50.4264% 72.3058%;">
3742
3743          
3744          <div
3745            class="lg:hidden"
3746          >
3747            <div
3748              class="slideshow-container"
3749              x-data="productCardSlider()"
3750              ax-load
3751              x-cloak
3752            >
3753              <img src="//systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=960" alt="A product shot of the Beloved Heart Pendant in gold, showcasing its simple and smooth heart-shaped design." srcset="//systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=320 320w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=480 480w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=640 640w, //systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg?v=1716897234&amp;width=768 768w" width="960" height="1200" loading="eager" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3753w, (max-width: 1024px) 50vw, 25vw" fetchpriority="high" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=960" alt="A model wearing layered gold necklaces, including the Sheer Station Necklace with a Beloved Mini Letter &#39;S&#39; pendant and a gold Beloved Heart pendant." srcset="//systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=320 320w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=480 480w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=640 640w, //systerp.com/cdn/shop/files/EG10762bBelovedPendantGoldHeart.jpg?v=1773917968&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:50.4264% 72.3058%;"><img src="//systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345127&amp;width=960" alt="Modell som bär två guld halsband med två berlocker. " srcset="//systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345127&amp;width=320 320w, //systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345127&amp;width=480 480w, //systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345127&amp;width=640 640w, //systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345127&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=960" alt="A product shot of a gold necklace on a medium box chain, styled with a Beloved Mini Letter &#39;S&#39; pendant and a small heart pendant." srcset="//systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=320 320w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=480 480w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=640 640w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainGold_BelovedMiniLetterGold_BelovedHeartPendantGold.jpg?v=1773917968&amp;width=768 768w" width="960" height="1243" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=960" alt="A close-up shot of a model wearing layered gold necklaces, including the Beloved Short Box Chain with a Beloved Mini Letter &#39;M&#39; pendant and a gold Beloved Heart pendant." srcset="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Gold_Beloved_Short_Box_Chain_Gold_Beloved_Mini_Letter_Gold4.jpg?v=1774010267&amp;width=768 768w" width="960" height="1140" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
3753w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/24e8a678b29649238b79942c74d8870b.thumbnail.0000000000.jpg?v=1744189806&amp;width=640" aria-label="custom_This heart-shaped pendant is handmade from 100% recycled silver. The video showcases the process of plating the piece in 18K gold, followed by the final polish, highlighting the careful attention to detail in every step."><source src="//systerp.com/cdn/shop/videos/c/vp/24e8a678b29649238b79942c74d8870b/24e8a678b29649238b79942c74d8870b.HD-1080p-7.2Mbps-45631382.mp4?v=0" type="video/mp4"><img alt="custom_This heart-shaped pendant is handmade from 100% recycled silver. The video showcases the process of plating the piece in 18K gold, followed by the final polish, highlighting the careful attention to detail in every step." src="//systerp.com/cdn/shop/files/preview_images/24e8a678b29649238b79942c74d8870b.thumbnail.0000000000_small.jpg?v=1744189806"></video><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/355391fd62e74934a0cb9baef3cdaaeb.thumbnail.0000000000.jpg?v=1774010095&amp;width=640" aria-label="A model wearing a gold necklace with a leaf-like pattern, layered with a delicate gold chain with charms"><source src="//systerp.com/cdn/shop/videos/c/vp/355391fd62e74934a0cb9baef3cdaaeb/355391fd62e74934a0cb9baef3cdaaeb.HD-1080p-7.2Mbps-78345337.mp4?v=0" type="video/mp4"><img alt="A model wearing a gold necklace with a leaf-like pattern, layered with a delicate gold chain with charms" src="//systerp.com/cdn/shop/files/preview_images/355391fd62e74934a0cb9baef3cdaaeb.thumbnail.0000000000_small.jpg?v=1774010095"></video><img src="//systerp.com/cdn/shop/files/Sheer_Station_Necklace_Gold_Beloved_Heart_Pendant_Gold_Beloved_Mini_Letter_Gold_Treasure_Multi_Pearl_Necklace_Gold_5cdfab4d-4161-4c63-a29c-8f7862c57091.jpg?v=1774010335&amp;width=960" alt="A close-up of a model&#39;s neck, showcasing a layered necklace look in gold. The top layer is the Treasure Multi Pearl Necklace with a fine chain and small pearls. The bottom layer is the Sheer Station Necklace, adorned with the Beloved Heart Pendant and the Beloved Mini Letter &#39;S&#39; pendant." srcset="//systerp.com/cdn/shop/files/Sheer_Station_Necklace_Gold_Beloved_Heart_Pendant_Gold_Beloved_Mini_Letter_Gold_Treasure_Multi_Pearl_Necklace_Gold_5cdfab4d-4161-4c63-a29c-8f7862c57091.jpg?v=1774010335&amp;width=320 320w, //systerp.com/cdn/shop/files/Sheer_Station_Necklace_Gold_Beloved_Heart_Pendant_Gold_Beloved_Mini_Letter_Gold_Treasure_Multi_Pearl_Necklace_Gold_5cdfab4d-4161-4c63-a29c-8f7862c57091.jpg?v=1774010335&amp;width=480 480w, //systerp.com/cdn/shop/files/Sheer_Station_Necklace_Gold_Beloved_Heart_Pendant_Gold_Beloved_Mini_Letter_Gold_Treasure_Multi_Pearl_Necklace_Gold_5cdfab4d-4161-4c63-a29c-8f7862c57091.jpg?v=1774010335&amp;width=640 640w, //systerp.com/cdn/shop/files/Sheer_Station_Necklace_Gold_Beloved_Heart_Pendant_Gold_Beloved_Mini_Letter_Gold_Treasure_Multi_Pearl_Necklace_Gold_5cdfab4d-4161-4c63-a29c-8f7862c57091.jpg?v=1774010335&amp;width=768 768w" width="960" height="1208" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
3754            </div>
3755          </div>
3756        </div>
3757      </a>
3758      
3759        
3760          
3761
3762<div
3763  x-data="
3764    {
3765      showQsOptions: false,
3766      loading: false,
3767      selectedVariant: '40296309194827',
3768      variantAvailable: true,
3769      addToCart() {
3770        this.loading = true;
3771        const body = JSON.stringify({
3772          items: [{ id: this.selectedVariant, quantity: 1 }],
3773          sections: 'cart-items,cart-icon-bubble,cart-footer'
3774        });
3775        fetch(routes.cart_add_url, {
3776          method: 'POST',
3777          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
3778          body
3779        })
3780        .then(r => r.json())
3781        .then(data => {
3782          this.loading = false;
3783          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
3784            const section = document.getElementById(id);
3785            if (!section) return;
3786            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
3787            const el = section.querySelector(selector) || section;
3788            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
3789          });
3790          this.$dispatch('open-cart');
3791        })
3792        .catch(err => { this.loading = false; console.error('Error:', err); });
3793      }
3794    }
3795  "
3796>
3797  
3798  <button
3799    @click="$dispatch('close-quickshops'); showQsOptions = true"
3800    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
3801  >
3802    <span>
3803      
3804
3805
3806
3807<svg
3808  width="18"
3809  height="18"
3810  viewBox="0 0 18 19"
3811  fill="none"
3812  xmlns="http://www.w3.org/2000/svg"
3813>
3814  <rect
3815    x="0.5"
3816    y="0.600098"
3817    width="17"
3818    height="17"
3819    rx="8.5"
3820    stroke="black" />
3821  <path
3822    d="M9 6.1001L9 12.1001"
3823    stroke="currentColor"
3824    stroke-linecap="square" />
3825  <path
3826    d="M6 9.1001L12 9.1001"
3827    stroke="currentColor"
3828    stroke-linecap="square" />
3829</svg>
3830
3831    </span>
3832  </button>
3833
3834  <div
3835    x-show="showQsOptions"
3836    @close-quickshops.window="showQsOptions = false"
3837    @submit.window="showQsOptions = false"
3838    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
3839  ><form
3840      id="product-card-form-6933954953291"
3841      method="post"
3842      action="/cart/add"
3843      accept-charset="UTF-8"
3844      class="w-full"
3845      enctype="multipart/form-data"
3846      @submit.prevent="addToCart()"
3847    >
3848      <input type="hidden" name="form_type" value="product">
3849      <input type="hidden" name="utf8" value="✓">
3850      <input type="hidden" name="id" :value="selectedVariant">
3851      <input type="hidden" name="quantity" value="1">
3852
3853      
3854        <button
3855          type="submit"
3856          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
3857          :disabled="!variantAvailable"
3858          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
3859        >
3860          <span
3861            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
3862          ></span>
3863        </button>
3864
3865      
3866    </form>
3867  </div>
3868</div>
3869
3870        
3871      
3872    </div>
3873    <div class="flex justify-between max-lg:flex-colaspect">
3874      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
3875        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
3876          <div
3877            class="yotpo bottomLine w-full"
3878            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
3879            data-domain="systerp.myshopify.com"
3880            data-product-id="6933954953291"
3881            data-product-models="6933954953291"
3882            data-name="Beloved Heart Pendant Gold"
3883            data-url="https://systerp.com"
3884            data-image-url="//systerp.com/cdn/shop/files/EG10761BelovedHeartPendantGold.jpg%3Fv=1716897234%26width=1000"
3885            data-description="&lt;p&gt;Liten men betydelsefull – en tidlös hjärtberlock som ger ditt halsband en personlig touch. Tillverkad i 100% återvunnet sterlingsilver och pläterad med 18K guld. Den perfekta presenten som kan bäras och älskas i många år.&lt;br&gt;&lt;br&gt;&lt;/p&gt;
3886&lt;h2&gt;&lt;strong&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
3887&lt;ul&gt;
3888&lt;li&gt;
3889&lt;p&gt;Handgjord i 925 sterlingsilver, 100% återvunnet&lt;/p&gt;
3890&lt;/li&gt;
3891&lt;li&gt;
3892&lt;p&gt;18K guldplätering&lt;/p&gt;
3893&lt;/li&gt;
3894&lt;li&gt;
3895&lt;p&gt;Endast berlock; kedja säljs separat. Passar alla &lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Beloved &amp; Sheer kedjor&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
3896&lt;/li&gt;
3897&lt;/ul&gt;
3898&lt;h3&gt;&lt;strong&gt;&lt;br&gt;Vad som gör den speciell&lt;/strong&gt;&lt;/h3&gt;
3899&lt;p&gt;Varje hjärtberlock är handgjord med omsorg, vilket gör varje smycke helt unikt. Det lilla hjärtat är en tidlös symbol för kärlek och kan bäras nära hjärtat som en personlig påminnelse.&lt;/p&gt;
3900&lt;h4&gt;&lt;strong&gt;&lt;br&gt;SÃ¥ stylar du den&lt;/strong&gt;&lt;/h4&gt;
3901&lt;p&gt;Bär hjärtberlocken på en kedja från &lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;Beloved eller Sheer-kollektionen&lt;/a&gt;&lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;&lt;/a&gt;&lt;/span&gt; (kedja säljs separat). Kombinera gärna med andra berlocker från &lt;a href=&quot;https://systerp.com/collections/beloved&quot; rel=&quot;noopener noreferrer nofollow&quot; target=&quot;_blank&quot;&gt;&lt;u&gt;Beloved-kollektionen&lt;/u&gt;&lt;/a&gt;, som bokstäver, pärlor, stenar eller stjärntecken, för att skapa ett halsband som speglar just din stil. Hjärtat är designat för att kombineras, så du kan enkelt uppdatera ditt halsband och göra sm
3901ycket ännu mer personligt över tid.&lt;/p&gt;"
3902            data-bread-crumbs=""
3903          ></div>
3904        </div>
3905
3906        <h3
3907          class="lg:col-span-6 uppercase text-center px-10 leading-none"
3908          id="title-template--28929183482238__product-grid-6933954953291"
3909        >
3910          <a
3911            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
3912            href="/products/beloved-heart-pendant-gold"
3913          >
3914            Beloved Heart Pendant Gold
3915          </a>
3916        </h3>
3917<div
3918  class="
3919      price
3920       
3921      text-default
3922    
3923 "
3924>
3925  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
3926        <span class="price-item price-item--regular">
3927          249 kr
3928</span></div>
3929
3930    <div class="price__sale  hidden">
3931        <span class="sr-only sr-only--inline">Ordinarie pris</span>
3932        <span>
3933          <s class="price-item price-item--regular">
3934            
3935              
3936            
3937          </s>
3938        </span><span class="sr-only sr-only--inline">Reapris</span>
3939      <span class="price-item price-item--sale price-item--last">
3940        249 kr
3941      </span>
3942    </div>
3943    <small class="block uppercase caption hidden">
3944      <span class="sr-only">Enhetspris</span>
3945      <span class="price-item price-item--last">
3946        <span></span>
3947        <span aria-hidden="true">/</span>
3948        <span class="sr-only">&nbsp;per&nbsp;</span>
3949        <span>
3950        </span>
3951      </span>
3952    </small>
3953  </div>
3954</div>
3955
3956
3957<div
3958  class="
3959    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
3960    
3961  "
3962>
3963  
3964  
3965    <span class=""> best seller </span>
3966  
3967</div>
3968</div>
3969    </div>
3970  </div>
3971            </li><li>
3972              
3973<div
3974    x-data="{ showQsOptions: false }"
3975    @click.outside="showQsOptions = false"
3976    class="relative card-product card-product-wrapper mb-12 md:mb-0"
3977    data-id="6933958393931"
3978    data-title="Treasure Pearl Hoops Silver"
3979    data-price="79900"
3980    data-vendor="Pink City"
3981    data-type="Örhängen"
3982    data-index=""
3983  >
3984    <div
3985      class="card-product-upper relative  product-card__hover"
3986    >
3987      <a
3988        href="/collections/bastsaljare/products/treasure-pearl-hoops-silver"
3989        class="product-card"
3990      >
3991        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
3992          
3993          <img src="//systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=960" alt="A close-up of a model wearing the Treasure Pearl Hoops Silver with its freshwater pearl drop, styled with the small Beloved Twisted Hoops in silver in a second piercing." srcset="//systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=170 170w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=340 340w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=510 510w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=640 640w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=720 720w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=828 828w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=960 960w" width="960" height="1200" loading="eager" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="high"><img src="//systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=960" alt="A product shot of the Treasure Pearl Hoops Silver, showing the pair of sterling silver hoops, each with a dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=170 170w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=340 340w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=510 510w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=640 640w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=720 720w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=828 828w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
3994
3995          
3996          <div
3997            class="lg:hidden"
3998          >
3999            <div
4000              class="slideshow-container"
4001              x-data="productCardSlider()"
4002              ax-load
4003              x-cloak
4004            >
4005              <img src="//systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=960" alt="A close-up of a model wearing the Treasure Pearl Hoops Silver with its freshwater pearl drop, styled with the small Beloved Twisted Hoops in silver in a second piercing." srcset="//systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=320 320w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=480 480w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=640 640w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg?v=1771936648&amp;width=768 768w" width="960" height="1200" loading="eager" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
4005w, (max-width: 1024px) 50vw, 25vw" fetchpriority="high" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=960" alt="A product shot of the Treasure Pearl Hoops Silver, showing the pair of sterling silver hoops, each with a dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=320 320w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=480 480w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=640 640w, //systerp.com/cdn/shop/files/ES12104TreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_TreasureMultiPearlNecklaceSilver_RosieNecklaceSilver1.jpg?v=1771936648&amp;width=960" alt="A close-up shot of a model wearing the Treasure Pearl Hoops in silver, featuring a delicate hoop with a dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_TreasureMultiPearlNecklaceSilver_RosieNecklaceSilver1.jpg?v=1771936648&amp;width=320 320w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_TreasureMultiPearlNecklaceSilver_RosieNecklaceSilver1.jpg?v=1771936648&amp;width=480 480w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_TreasureMultiPearlNecklaceSilver_RosieNecklaceSilver1.jpg?v=1771936648&amp;width=640 640w, //systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_TreasureMultiPearlNecklaceSilver_RosieNecklaceSilver1.jpg?v=1771936648&amp;width=768 768w" width="960" height="1279" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/ES12104bTreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=960" alt="A product shot of the Treasure Pearl Hoops Silver, featuring a pair of small silver hoops with dangling freshwater pearls." srcset="//systerp.com/cdn/shop/files/ES12104bTreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=320 320w, //systerp.com/cdn/shop/files/ES12104bTreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=480 480w, //systerp.com/cdn/shop/files/ES12104bTreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=640 640w, //systerp.com/cdn/shop/files/ES12104bTreasurePearlHoopsSilver.jpg?v=1771936648&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/custom_treasurepearl_8cafc4ac-356e-4c54-a69b-955bf476c4d3.jpg?v=1761653491&amp;width=960" alt="All our jewelry is handmade and made from 100% recycled sterling silver." srcset="//systerp.com/cdn/shop/files/custom_treasurepearl_8cafc4ac-356e-4c54-a69b-955bf476c4d3.jpg?v=1761653491&amp;width=320 320w, //systerp.com/cdn/shop/files/custom_treasurepearl_8cafc4ac-356e-4c54-a69b-955bf476c4d3.jpg?v=1761653491&amp;width=480 480w, //systerp.com/cdn/shop/files/custom_treasurepearl_8cafc4ac-356e-4c54-a69b-955bf476c4d3.jpg?v=1761653491&amp;width=640 640w, //systerp.com/cdn/shop/files/custom_treasurepearl_8cafc4ac-356e-4c54-a69b-955bf476c4d3.jpg?v=1761653491&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/ES12102fTreasurePearlHoopsSilver.jpg?v=1761645924&amp;width=960" alt="A close-up of a model wearing the Treasure Pearl Hoop in silver, featuring a delicate hoop with a single dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/ES12102fTreasurePearlHoopsSilver.jpg?v=1761645924&amp;width=320 320w, //systerp.com/cdn/shop/files/ES12102fTreasurePearlHoopsSilver.jpg?v=1761645924&amp;width=480 480w, //systerp.com/cdn/shop/files/ES12102fTreasurePearlHoopsSilver.jpg?v=1761645924&amp;width=640 640w, //systerp.com/cdn/shop/files/ES12102fTreasurePearlHoopsSilver.jpg?v=1761645924&amp;width=768 768w" width="960" height="1201" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
4005w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
4006            </div>
4007          </div>
4008        </div>
4009      </a>
4010      
4011        
4012          
4013
4014<div
4015  x-data="
4016    {
4017      showQsOptions: false,
4018      loading: false,
4019      selectedVariant: '40296312635467',
4020      variantAvailable: true,
4021      addToCart() {
4022        this.loading = true;
4023        const body = JSON.stringify({
4024          items: [{ id: this.selectedVariant, quantity: 1 }],
4025          sections: 'cart-items,cart-icon-bubble,cart-footer'
4026        });
4027        fetch(routes.cart_add_url, {
4028          method: 'POST',
4029          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
4030          body
4031        })
4032        .then(r => r.json())
4033        .then(data => {
4034          this.loading = false;
4035          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
4036            const section = document.getElementById(id);
4037            if (!section) return;
4038            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
4039            const el = section.querySelector(selector) || section;
4040            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
4041          });
4042          this.$dispatch('open-cart');
4043        })
4044        .catch(err => { this.loading = false; console.error('Error:', err); });
4045      }
4046    }
4047  "
4048>
4049  
4050  <button
4051    @click="$dispatch('close-quickshops'); showQsOptions = true"
4052    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
4053  >
4054    <span>
4055      
4056
4057
4058
4059<svg
4060  width="18"
4061  height="18"
4062  viewBox="0 0 18 19"
4063  fill="none"
4064  xmlns="http://www.w3.org/2000/svg"
4065>
4066  <rect
4067    x="0.5"
4068    y="0.600098"
4069    width="17"
4070    height="17"
4071    rx="8.5"
4072    stroke="black" />
4073  <path
4074    d="M9 6.1001L9 12.1001"
4075    stroke="currentColor"
4076    stroke-linecap="square" />
4077  <path
4078    d="M6 9.1001L12 9.1001"
4079    stroke="currentColor"
4080    stroke-linecap="square" />
4081</svg>
4082
4083    </span>
4084  </button>
4085
4086  <div
4087    x-show="showQsOptions"
4088    @close-quickshops.window="showQsOptions = false"
4089    @submit.window="showQsOptions = false"
4090    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
4091  ><form
4092      id="product-card-form-6933958393931"
4093      method="post"
4094      action="/cart/add"
4095      accept-charset="UTF-8"
4096      class="w-full"
4097      enctype="multipart/form-data"
4098      @submit.prevent="addToCart()"
4099    >
4100      <input type="hidden" name="form_type" value="product">
4101      <input type="hidden" name="utf8" value="✓">
4102      <input type="hidden" name="id" :value="selectedVariant">
4103      <input type="hidden" name="quantity" value="1">
4104
4105      
4106        <button
4107          type="submit"
4108          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
4109          :disabled="!variantAvailable"
4110          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
4111        >
4112          <span
4113            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
4114          ></span>
4115        </button>
4116
4117      
4118    </form>
4119  </div>
4120</div>
4121
4122        
4123      
4124    </div>
4125    <div class="flex justify-between max-lg:flex-colaspect">
4126      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
4127        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
4128          <div
4129            class="yotpo bottomLine w-full"
4130            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
4131            data-domain="systerp.myshopify.com"
4132            data-product-id="6933958393931"
4133            data-product-models="6933958393931"
4134            data-name="Treasure Pearl Hoops Silver"
4135            data-url="https://systerp.com"
4136            data-image-url="//systerp.com/cdn/shop/files/TreasurePearlHoopsSilver_BelovedTwistedSmallHoopsSilver2.jpg%3Fv=1771936648%26width=1000"
4137            data-description="&lt;p&gt;Ett par tidlösa och populära örhängen handgjorda i 925 sterlingsilver, 
4137100% återvunnet. Hoopsen har en droppformad sötvattenspärla — en riktig klassiker som håller år efter år. Enkla, klassiska och fina att bära både till vardags och vid mer uppklädda tillfällen. De är en riktig bästsäljare som även är den perfekta presenten.&lt;/p&gt;
4138&lt;h2&gt;&lt;strong&gt;&lt;br&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
4139&lt;ul&gt;
4140&lt;li&gt;
4141&lt;p&gt;Handgjorda i 925 sterlingsilver, 100% återvunnet&lt;/p&gt;
4142&lt;/li&gt;
4143&lt;li&gt;
4144&lt;p&gt;Odlade sötvattenspärlor&lt;/p&gt;
4145&lt;/li&gt;
4146&lt;li&gt;
4147&lt;p&gt;Bästsäljare och en perfekt present&lt;/p&gt;
4148&lt;/li&gt;
4149&lt;/ul&gt;
4150&lt;h3&gt;&lt;strong&gt;&lt;br&gt;Vad som gör dem speciella&lt;/strong&gt;&lt;/h3&gt;
4151&lt;p&gt;Varje par Treasure Pearl Hoops är handgjort och varje pärla noggrant utvald, vilket gör varje smycke unikt. Den rena och tidlösa designen med den klassiska pärlan gör att örhängena kan bäras år efter år — ett enkelt val när du vill ge en minnesvärd present.&lt;/p&gt;
4152&lt;h4&gt;&lt;strong&gt;&lt;br&gt;SÃ¥ stylar du dem&lt;/strong&gt;&lt;/h4&gt;
4153&lt;p&gt;Treasure Pearl Hoops passar perfekt att bära tillsammans med andra smycken, framför allt andra pärlsmycken som bästsäljande &lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;https://systerp.com/products/treasure-multi-pearl-necklace-silver&quot;&gt;Treasure Multi Pearl Necklace&lt;/a&gt;&lt;/span&gt; eller &lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;https://systerp.com/products/treasure-multi-pearl-bracelet-silver&quot;&gt;Treasure Multi Pearl Bracelet&lt;/a&gt;&lt;/span&gt;. Har du fler hål i öronen är de fina att kombinera med små hoops eller studs för en personlig look.&lt;/p&gt;"
4154            data-bread-crumbs=""
4155          ></div>
4156        </div>
4157
4158        <h3
4159          class="lg:col-span-6 uppercase text-center px-10 leading-none"
4160          id="title-template--28929183482238__product-grid-6933958393931"
4161        >
4162          <a
4163            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
4164            href="/products/treasure-pearl-hoops-silver"
4165          >
4166            Treasure Pearl Hoops Silver
4167          </a>
4168        </h3>
4169<div
4170  class="
4171      price
4172       
4173      text-default
4174    
4175 "
4176>
4177  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
4178        <span class="price-item price-item--regular">
4179          799 kr
4180</span></div>
4181
4182    <div class="price__sale  hidden">
4183        <span class="sr-only sr-only--inline">Ordinarie pris</span>
4184        <span>
4185          <s class="price-item price-item--regular">
4186            
4187              
4188            
4189          </s>
4190        </span><span class="sr-only sr-only--inline">Reapris</span>
4191      <span class="price-item price-item--sale price-item--last">
4192        799 kr
4193      </span>
4194    </div>
4195    <small class="block uppercase caption hidden">
4196      <span class="sr-only">Enhetspris</span>
4197      <span class="price-item price-item--last">
4198        <span></span>
4199        <span aria-hidden="true">/</span>
4200        <span class="sr-only">&nbsp;per&nbsp;</span>
4201        <span>
4202        </span>
4203      </span>
4204    </small>
4205  </div>
4206</div>
4207
4208
4209<div
4210  class="
4211    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
4212    
4213  "
4214>
4215  
4216  
4217</div>
4218</div>
4219    </div>
4220  </div>
4221            </li><li>
4222              
4223<div
4224    x-data="{ showQsOptions: false }"
4225    @click.outside="showQsOptions = false"
4226    class="relative card-product card-product-wrapper mb-12 md:mb-0"
4227    data-id="6933963374667"
4228    data-title="Santa Monica Necklace Gold"
4229    data-price="79900"
4230    data-vendor="MALYA JEWEL CRAFTS"
4231    data-type="Halsband"
4232    data-index=""
4233  >
4234    <div
4235      class="card-product-upper relative  product-card__hover"
4236    >
4237      <a
4238        href="/collections/bastsaljare/products/santa-monica-necklace-gold"
4239        class="product-card"
4240      >
4241        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
4242          
4243          <img src="//systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=960" alt="A product shot of the Santa Monica Necklace in gold, laid out to display its design of a fine chain adorned with small, colorful gemstones: Yellow Jade, Pink Opal, Sodalite, Green Onyx, Blue Color Reconstituted Turquoise, White Agate, and Carnelian." srcset="//systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=170 170w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=340 340w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=510 510w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=720 720w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=828 828w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=960 960w" width="960" height="1344" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=960" alt="A close-up of a model wearing the Santa Monica Necklace in gold, a fine chain with small colorful gemstones, layered with another gold necklace featuring a rectangular pendant and paired with chunky gold hoop earrings." srcset="//systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=170 170w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=340 340w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=510 510w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=720 720w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=828 828w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
4244
4245          
4246          <div
4247            class="lg:hidden"
4248          >
4249            <div
4250              class="slideshow-container"
4251              x-data="productCardSlider()"
4252              ax-load
4253              x-cloak
4254            >
4255              <img src="//systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=960" alt="A product shot of the Santa Monica Necklace in gold, laid out to display its design of a fine chain adorned with small, colorful gemstones: Yellow Jade, Pink Opal, Sodalite, Green Onyx, Blue Color Reconstituted Turquoise, White Agate, and Carnelian." srcset="//systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg?v=1751353077&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
4255w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=960" alt="A close-up of a model wearing the Santa Monica Necklace in gold, a fine chain with small colorful gemstones, layered with another gold necklace featuring a rectangular pendant and paired with chunky gold hoop earrings." srcset="//systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13512gSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_heart_pendant_crystal_gold.jpg?v=1773917801&amp;width=960" alt="A close-up of a model wearing the Santa Monica Necklace in gold, featuring a fine chain with colourful gemstones, layered with a second gold necklace holding a crystal heart pendant and a disc charm with the letter E." srcset="//systerp.com/cdn/shop/files/Beloved_heart_pendant_crystal_gold.jpg?v=1773917801&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_crystal_gold.jpg?v=1773917801&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_crystal_gold.jpg?v=1773917801&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_crystal_gold.jpg?v=1773917801&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=960" alt="Our jewelry is handmade and made of 100% recycled sterling silver." srcset="//systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=320 320w, //systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=480 480w, //systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=640 640w, //systerp.com/cdn/shop/files/custom_darling_a4b354fa-c19e-45fa-9cde-73227fd15b3e.jpg?v=1775812189&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG13511bSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=960" alt="A close-up product shot of the Santa Monica Necklace Gold, laid out to showcase its delicate gold chain adorned with small, vibrant, multi-colored gemstone beads: Yellow Jade, Pink Opal, Sodalite, Green Onyx, Blue Color Reconstituted Turquoise, White Agate, and Carnelian." srcset="//systerp.com/cdn/shop/files/NG13511bSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13511bSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13511bSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13511bSantaMonicaNecklaceGold.jpg?v=1751353077&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
4255<img src="//systerp.com/cdn/shop/files/NG13512fSantaMonicaNecklaceGold.jpg?v=1776073487&amp;width=960" alt="A model wears the Santa Monica Necklace in gold, a fine chain with colorful stones, styled in a layered look with another gold necklace featuring a rectangular sun pendant." srcset="//systerp.com/cdn/shop/files/NG13512fSantaMonicaNecklaceGold.jpg?v=1776073487&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13512fSantaMonicaNecklaceGold.jpg?v=1776073487&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13512fSantaMonicaNecklaceGold.jpg?v=1776073487&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13512fSantaMonicaNecklaceGold.jpg?v=1776073487&amp;width=768 768w" width="960" height="1201" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
4256            </div>
4257          </div>
4258        </div>
4259      </a>
4260      
4261        
4262          
4263
4264<div
4265  x-data="
4266    {
4267      showQsOptions: false,
4268      loading: false,
4269      selectedVariant: '40296317550667',
4270      variantAvailable: true,
4271      addToCart() {
4272        this.loading = true;
4273        const body = JSON.stringify({
4274          items: [{ id: this.selectedVariant, quantity: 1 }],
4275          sections: 'cart-items,cart-icon-bubble,cart-footer'
4276        });
4277        fetch(routes.cart_add_url, {
4278          method: 'POST',
4279          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
4280          body
4281        })
4282        .then(r => r.json())
4283        .then(data => {
4284          this.loading = false;
4285          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
4286            const section = document.getElementById(id);
4287            if (!section) return;
4288            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
4289            const el = section.querySelector(selector) || section;
4290            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
4291          });
4292          this.$dispatch('open-cart');
4293        })
4294        .catch(err => { this.loading = false; console.error('Error:', err); });
4295      }
4296    }
4297  "
4298>
4299  
4300  <button
4301    @click="$dispatch('close-quickshops'); showQsOptions = true"
4302    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
4303  >
4304    <span>
4305      
4306
4307
4308
4309<svg
4310  width="18"
4311  height="18"
4312  viewBox="0 0 18 19"
4313  fill="none"
4314  xmlns="http://www.w3.org/2000/svg"
4315>
4316  <rect
4317    x="0.5"
4318    y="0.600098"
4319    width="17"
4320    height="17"
4321    rx="8.5"
4322    stroke="black" />
4323  <path
4324    d="M9 6.1001L9 12.1001"
4325    stroke="currentColor"
4326    stroke-linecap="square" />
4327  <path
4328    d="M6 9.1001L12 9.1001"
4329    stroke="currentColor"
4330    stroke-linecap="square" />
4331</svg>
4332
4333    </span>
4334  </button>
4335
4336  <div
4337    x-show="showQsOptions"
4338    @close-quickshops.window="showQsOptions = false"
4339    @submit.window="showQsOptions = false"
4340    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
4341  ><form
4342      id="product-card-form-6933963374667"
4343      method="post"
4344      action="/cart/add"
4345      accept-charset="UTF-8"
4346      class="w-full"
4347      enctype="multipart/form-data"
4348      @submit.prevent="addToCart()"
4349    >
4350      <input type="hidden" name="form_type" value="product">
4351      <input type="hidden" name="utf8" value="✓">
4352      <input type="hidden" name="id" :value="selectedVariant">
4353      <input type="hidden" name="quantity" value="1">
4354
4355      
4356        <button
4357          type="submit"
4358          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
4359          :disabled="!variantAvailable"
4360          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
4361        >
4362          <span
4363            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
4364          ></span>
4365        </button>
4366
4367      
4368    </form>
4369  </div>
4370</div>
4371
4372        
4373      
4374    </div>
4375    <div class="flex justify-between max-lg:flex-colaspect">
4376      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
4377        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
4378          <div
4379            class="yotpo bottomLine w-full"
4380            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
4381            data-domain="systerp.myshopify.com"
4382            data-product-id="6933963374667"
4383            data-product-models="6933963374667"
4384            data-name="Santa Monica Necklace Gold"
4385            data-url="https://systerp.com"
4386            data-image-url="//systerp.com/cdn/shop/files/NG13511SantaMonicaNecklaceGold_2d9b6c0f-0862-426d-b7e9-f2483d47e389.jpg%3Fv=1751353077%26width=1000"
4387            data-description="&lt;p&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;span&gt;Vår stora bästsäljare som fångar uppmärksamheten med sina färgglada stenar! Halsbandet är tillverkat i &lt;/span&gt;äkta sterlingsilver, 100% återvunnet. Pläterat med 18K guld. &lt;span&gt;Kombinera gärna med det matchande armbandet för en komplett look. De små stenarna i halsbandet är: Gul Jade, Rosa Opal, Sodalit, Grön Onyx, R&lt;meta charset=&quot;utf-8&quot;&gt;ekonstruerad Turkos, Vit Agat och Karneol. En av våra mest populära presenter!&lt;/span&gt;&lt;/p&gt;"
4388            data-bread-crumbs=""
4389          ></div>
4390        </div>
4391
4392        <h3
4393          class="lg:col-span-6 uppercase text-center px-10 leading-none"
4394          id="title-template--28929183482238__product-grid-6933963374667"
4395        >
4396          <a
4397            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
4398            href="/products/santa-monica-necklace-gold"
4399          >
4400            Santa Monica Necklace Gold
4401          </a>
4402        </h3>
4403<div
4404  class="
4405      price
4406       
4407      text-default
4408    
4409 "
4410>
4411  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
4412        <span class="price-item price-item--regular">
4413          799 kr
4414</span></div>
4415
4416    <div class="price__sale  hidden">
4417        <span class="sr-only sr-only--inline">Ordinarie pris</span>
4418        <span>
4419          <s class="price-item price-item--regular">
4420            
4421              
4422            
4423          </s>
4424        </span><span class="sr-only sr-only--inline">Reapris</span>
4425      <span class="price-item price-item--sale price-item--last">
4426        799 kr
4427      </span>
4428    </div>
4429    <small class="block uppercase caption hidden">
4430      <span class="sr-only">Enhetspris</span>
4431      <span class="price-item price-item--last">
4432        <span></span>
4433        <span aria-hidden="true">/</span>
4434        <span class="sr-only">&nbsp;per&nbsp;</span>
4435        <span>
4436        </span>
4437      </span>
4438    </small>
4439  </div>
4440</div>
4441
4442
4443<div
4444  class="
4445    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
4446    
4447  "
4448>
4449  
4450  
4451    <span class=""> best seller </span>
4452  
4453</div>
4454</div>
4455    </div>
4456  </div>
4457            </li><li>
4458              
4459<div
4460    x-data="{ showQsOptions: false }"
4461    @click.outside="showQsOptions = false"
4462    class="relative card-product card-product-wrapper mb-12 md:mb-0"
4463    data-id="6949875875915"
4464    data-title="Bolded Ring Silver"
4465    data-price="149900"
4466    data-vendor="MALYA JEWEL CRAFTS"
4467    data-type="Ring"
4468    data-index=""
4469  >
4470    <div
4471      class="card-product-upper relative  product-card__hover"
4472    >
4473      <a
4474        href="/collections/bastsaljare/products/bolded-ring-silver"
4475        class="product-card"
4476      >
4477        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
4478          
4479          <img src="//systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=960" alt="A product shot of the Bolded Ring in silver, showcasing its thick, rounded, and polished band design." srcset="//systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=170 170w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=340 340w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=510 510w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=640 640w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=720 720w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=828 828w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=960" alt="A close-up of a model&#39;s hand wearing the chunky Bolded Ring in silver, and two bracelets on her wrist" srcset="//systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=170 170w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=340 340w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=510 510w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=640 640w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=720 720w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=828 828w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low" style="object-position:64.2346% 45.1959%;">
4480
4481          
4482          <div
4483            class="lg:hidden"
4484          >
4485            <div
4486              class="slideshow-container"
4487              x-data="productCardSlider()"
4488              ax-load
4489              x-cloak
4490            >
4491              <img src="//systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=960" alt="A product shot of the Bolded Ring in silver, showcasing its thick, rounded, and polished band design." srcset="//systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=320 320w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=480 480w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=640 640w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg?v=1755515642&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
4491w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=960" alt="A close-up of a model&#39;s hand wearing the chunky Bolded Ring in silver, and two bracelets on her wrist" srcset="//systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=320 320w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=480 480w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=640 640w, //systerp.com/cdn/shop/files/RS11293cBoldedRingSilver.jpg?v=1774009861&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:64.2346% 45.1959%;"><img src="//systerp.com/cdn/shop/files/Boldedringsilver_frenchmanicure.jpg?v=1774009861&amp;width=960" alt="A close-up shot of a model wearing the Bolded Ring in silver, highlighting its substantial and rounded double-band design." srcset="//systerp.com/cdn/shop/files/Boldedringsilver_frenchmanicure.jpg?v=1774009861&amp;width=320 320w, //systerp.com/cdn/shop/files/Boldedringsilver_frenchmanicure.jpg?v=1774009861&amp;width=480 480w, //systerp.com/cdn/shop/files/Boldedringsilver_frenchmanicure.jpg?v=1774009861&amp;width=640 640w, //systerp.com/cdn/shop/files/Boldedringsilver_frenchmanicure.jpg?v=1774009861&amp;width=768 768w" width="960" height="1285" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/RS1129BoldedRingSilver2.jpg?v=1774009861&amp;width=960" alt="A product shot of the Bolded Ring in silver, highlighting its chunky, rounded band design with a polished finish." srcset="//systerp.com/cdn/shop/files/RS1129BoldedRingSilver2.jpg?v=1774009861&amp;width=320 320w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver2.jpg?v=1774009861&amp;width=480 480w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver2.jpg?v=1774009861&amp;width=640 640w, //systerp.com/cdn/shop/files/RS1129BoldedRingSilver2.jpg?v=1774009861&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/4a699cdd9cbc45bfa145ecad712f1695.thumbnail.0000000000.jpg?v=1774009746&amp;width=640" aria-label="A model wearing a stack of silver jewelry. She wears the Santa Monica Bracelet with green onyx beads, the leaf-patterned Layers Olivia Bracelet, and the Bolded Ring."><source src="//systerp.com/cdn/shop/videos/c/vp/4a699cdd9cbc45bfa145ecad712f1695/4a699cdd9cbc45bfa145ecad712f1695.HD-1080p-7.2Mbps-78345052.mp4?v=0" type="video/mp4"><img alt="A model wearing a stack of silver jewelry. She wears the Santa Monica Bracelet with green onyx beads, the leaf-patterned Layers Olivia Bracelet, and the Bolded Ring." src="//systerp.com/cdn/shop/files/preview_images/4a699cdd9cbc45bfa145ecad712f1695.thumbnail.0000000000_small.jpg?v=1774009746"></video><img src="//systerp.com/cdn/shop/files/custom_ProductionBoldedRingSilver.jpg?v=1774009861&amp;width=960" alt="Our most popular ring, Bolded Ring, during production in our factory in India. All our jewelry is made from 100% recycled sterling silver." srcset="//systerp.com/cdn/shop/files/custom_ProductionBoldedRingSilver.jpg?v=1774009861&amp;width=320 320w, //systerp.com/cdn/shop/files/custom_ProductionBoldedRingSilver.jpg?v=1774009861&amp;width=480 480w, //systerp.com/cdn/shop/files/custom_ProductionBoldedRingSilver.jpg?v=1774009861&amp;width=640 640w, //systerp.com/cdn/shop/files/custom_ProductionBoldedRingSilver.jpg?v=1774009861&amp;width=768 768w" width="960" height="960" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
4491w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BoldedRingSilver_TinySparkleRingSilver.jpg?v=1774009861&amp;width=960" alt="A close-up of a model&#39;s hand wearing the chunky Bolded Ring in silver on her middle finger, styled with the delicate Tiny Sparkle Ring in silver on her ring finger." srcset="//systerp.com/cdn/shop/files/BoldedRingSilver_TinySparkleRingSilver.jpg?v=1774009861&amp;width=320 320w, //systerp.com/cdn/shop/files/BoldedRingSilver_TinySparkleRingSilver.jpg?v=1774009861&amp;width=480 480w, //systerp.com/cdn/shop/files/BoldedRingSilver_TinySparkleRingSilver.jpg?v=1774009861&amp;width=640 640w, //systerp.com/cdn/shop/files/BoldedRingSilver_TinySparkleRingSilver.jpg?v=1774009861&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
4492            </div>
4493          </div>
4494        </div>
4495      </a>
4496      
4497        
4498          
4499
4500<div
4501  x-data="
4502    {
4503      showQsOptions: false,
4504      loading: false,
4505      selectedVariant: '40347003486283',
4506      variantAvailable: true,
4507      addToCart() {
4508        this.loading = true;
4509        const body = JSON.stringify({
4510          items: [{ id: this.selectedVariant, quantity: 1 }],
4511          sections: 'cart-items,cart-icon-bubble,cart-footer'
4512        });
4513        fetch(routes.cart_add_url, {
4514          method: 'POST',
4515          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
4516          body
4517        })
4518        .then(r => r.json())
4519        .then(data => {
4520          this.loading = false;
4521          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
4522            const section = document.getElementById(id);
4523            if (!section) return;
4524            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
4525            const el = section.querySelector(selector) || section;
4526            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
4527          });
4528          this.$dispatch('open-cart');
4529        })
4530        .catch(err => { this.loading = false; console.error('Error:', err); });
4531      }
4532    }
4533  "
4534>
4535  
4536  <button
4537    @click="$dispatch('close-quickshops'); showQsOptions = true"
4538    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
4539  >
4540    <span>
4541      
4542
4543
4544
4545<svg
4546  width="18"
4547  height="18"
4548  viewBox="0 0 18 19"
4549  fill="none"
4550  xmlns="http://www.w3.org/2000/svg"
4551>
4552  <rect
4553    x="0.5"
4554    y="0.600098"
4555    width="17"
4556    height="17"
4557    rx="8.5"
4558    stroke="black" />
4559  <path
4560    d="M9 6.1001L9 12.1001"
4561    stroke="currentColor"
4562    stroke-linecap="square" />
4563  <path
4564    d="M6 9.1001L12 9.1001"
4565    stroke="currentColor"
4566    stroke-linecap="square" />
4567</svg>
4568
4569    </span>
4570  </button>
4571
4572  <div
4573    x-show="showQsOptions"
4574    @close-quickshops.window="showQsOptions = false"
4575    @submit.window="showQsOptions = false"
4576    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6 !pt-16 gap-10 shadow-lg"
4577  ><form
4578      id="product-card-form-6949875875915"
4579      method="post"
4580      action="/cart/add"
4581      accept-charset="UTF-8"
4582      class="w-full"
4583      enctype="multipart/form-data"
4584      @submit.prevent="addToCart()"
4585    >
4586      <input type="hidden" name="form_type" value="product">
4587      <input type="hidden" name="utf8" value="✓">
4588      <input type="hidden" name="id" :value="selectedVariant">
4589      <input type="hidden" name="quantity" value="1">
4590
4591      
4592        <div class="flex w-full justify-center items-center flex-wrap mb-6">
4593          <label
4594            class="uppercase text-medium text-[12px] h-20 block"
4595            for="qs-select-6949875875915"
4596          >
4597            Size
4598          </label>
4599          <div class="relative border-[0.5px] border-lightgrey flex items-center h-20 ml-20">
4600            <select
4601              class="appearance-none text-medium pl-20 pr-40 h-20 text-[12px] border-0 outline-none"
4602              @change="
4603                selectedVariant = $event.target.value;
4604                variantAvailable = $event.target.selectedOptions[0].dataset.available === 'true';
4605              "
4606              id="qs-select-6949875875915"
4607              aria-label="Size"
4608            ><option
4609                  value="40347003486283"
4610                  data-available="true"
4611                  
4612                    selected
4613                  
4614                >
4615                  6
4616                </option><option
4617                  value="40347003519051"
4618                  data-available="true"
4619                  
4620                >
4621                  7
4622                </option><option
4623                  value="40347003551819"
4624                  data-available="true"
4625                  
4626                >
4627                  8
4628                </option><option
4629                  value="40347003584587"
4630                  data-available="true"
4631                  
4632                >
4633                  9
4634                </option><option
4635                  value="54878755160446"
4636                  data-available="true"
4637                  
4638                >
4639                  10
4640                </option><option
4641                  value="56420512596350"
4642                  data-available="true"
4643                  
4644                >
4645                  11
4646                </option></select>
4647            <span class="absolute right-10">
4648
4649    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
4650      <path d="m9 .5-4 4-4-4" stroke="#000000" stroke-width="1.2"/>
4651    </svg>
4652  
4653</span>
4654          </div>
4655        </div>
4656
4657        <button
4658          type="submit"
4659          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
4660          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
4661          :disabled="!variantAvailable"
4662        >
4663          <span
4664            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
4665          ></span>
4666        </button>
4667
4668      
4669    </form>
4670  </div>
4671</div>
4672
4673        
4674      
4675    </div>
4676    <div class="flex justify-between max-lg:flex-colaspect">
4677      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
4678        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
4679          <div
4680            class="yotpo bottomLine w-full"
4681            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
4682            data-domain="systerp.myshopify.com"
4683            data-product-id="6949875875915"
4684            data-product-models="6949875875915"
4685            data-name="Bolded Ring Silver"
4686            data-url="https://systerp.com"
4687            data-image-url="//systerp.com/cdn/shop/files/RS1129BoldedRingSilver.jpg%3Fv=1755515642%26width=1000"
4688            data-description="&lt;div class=&quot;ewa-rteLine&quot;&gt;Vår mest populära ring - Bolded. En stilren statementring som passar perfekt att bära flera tillsammans eller ensam. Tillverkad i äkta sterlingsilver, 100% återvunnet. Ringen är designad för bästa komfort med en mjukt rundad insida. Denna ring är lika fin till vardags som till fest, och blir snabbt en favorit i smyckeskollektionen.&lt;/div&gt;
4689&lt;div class=&quot;ewa-rteLine&quot;&gt;&lt;br&gt;&lt;/div&gt;
4690&lt;div class=&quot;ewa-rteLine&quot;&gt;Om du är osäker mellan två storlekar, rekommenderar vi att du väljer den större storleken för just denna ring.&lt;/div&gt;"
4691            data-bread-crumbs=""
4692          ></div>
4693        </div>
4694
4695        <h3
4696          class="lg:col-span-6 uppercase text-center px-10 leading-none"
4697          id="title-template--28929183482238__product-grid-6949875875915"
4698        >
4699          <a
4700            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
4701            href="/products/bolded-ring-silver"
4702          >
4703            Bolded Ring Silver
4704          </a>
4705        </h3>
4706<div
4707  class="
4708      price
4709       
4710      text-default
4711    
4712 "
4713>
4714  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
4715        <span class="price-item price-item--regular">
4716          1,499 kr
4717</span></div>
4718
4719    <div class="price__sale  hidden">
4720        <span class="sr-only sr-only--inline">Ordinarie pris</span>
4721        <span>
4722          <s class="price-item price-item--regular">
4723            
4724              
4725            
4726          </s>
4727        </span><span class="sr-only sr-only--inline">Reapris</span>
4728      <span class="price-item price-item--sale price-item--last">
4729        1,499 kr
4730      </span>
4731    </div>
4732    <small class="block uppercase caption hidden">
4733      <span class="sr-only">Enhetspris</span>
4734      <span class="price-item price-item--last">
4735        <span></span>
4736        <span aria-hidden="true">/</span>
4737        <span class="sr-only">&nbsp;per&nbsp;</span>
4738        <span>
4739        </span>
4740      </span>
4741    </small>
4742  </div>
4743</div>
4744
4745
4746<div
4747  class="
4748    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
4749    
4750  "
4751>
4752  
4753  
4754    <span class=""> best seller </span>
4755  
4756</div>
4757</div>
4758    </div>
4759  </div>
4760            </li><li>
4761              
4762<div
4763    x-data="{ showQsOptions: false }"
4764    @click.outside="showQsOptions = false"
4765    class="relative card-product card-product-wrapper mb-12 md:mb-0"
4766    data-id="15827995984254"
4767    data-title="Sheer Mirror Necklace Gold"
4768    data-price="89900"
4769    data-vendor="KARIZIA"
4770    data-type="Necklace"
4771    data-index=""
4772  >
4773    <div
4774      class="card-product-upper relative  product-card__hover"
4775    >
4776      <a
4777        href="/collections/bastsaljare/products/sheer-mirror-necklace-gold"
4778        class="product-card"
4779      >
4780        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
4781          
4782          <img src="//systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=960" alt="A close-up product shot of the Sheer Mirror Necklace Gold, showcasing its smooth and reflective flat chain design." srcset="//systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=170 170w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=340 340w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=510 510w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=720 720w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=828 828w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=960" alt="A model wearing the Sheer Mirror Necklace in gold, layered with another delicate gold chain necklace to create a stylish stacked look." srcset="//systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=170 170w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=340 340w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=510 510w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=720 720w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=828 828w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=960 960w" width="960" height="1351" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
4783
4784          
4785          <div
4786            class="lg:hidden"
4787          >
4788            <div
4789              class="slideshow-container"
4790              x-data="productCardSlider()"
4791              ax-load
4792              x-cloak
4793            >
4794              <img src="//systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=960" alt="A close-up product shot of the Sheer Mirror Necklace Gold, showcasing its smooth and reflective flat chain design." srcset="//systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg?v=1761569121&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
4794w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=960" alt="A model wearing the Sheer Mirror Necklace in gold, layered with another delicate gold chain necklace to create a stylish stacked look." srcset="//systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1394_2_Sheer_station_necklace_gold_61e96b8b-cc87-431d-b077-6d9fd557ed4f.jpg?v=1764759389&amp;width=768 768w" width="960" height="1351" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/2629fb12371b4ccca3b57d86afe447c7.thumbnail.0000000000.jpg?v=1729589484&amp;width=640" aria-label="Sheer Mirror Necklace Gold"><source src="//systerp.com/cdn/shop/videos/c/vp/2629fb12371b4ccca3b57d86afe447c7/2629fb12371b4ccca3b57d86afe447c7.HD-1080p-7.2Mbps-36802408.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/2629fb12371b4ccca3b57d86afe447c7.thumbnail.0000000000_small.jpg?v=1729589484"></video><img src="//systerp.com/cdn/shop/files/NG13951Sheermirrornecklacegold.jpg?v=1764759389&amp;width=960" alt="A product shot of the Sheer Mirror Necklace in gold, showcasing its delicate and smooth snake chain design." srcset="//systerp.com/cdn/shop/files/NG13951Sheermirrornecklacegold.jpg?v=1764759389&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13951Sheermirrornecklacegold.jpg?v=1764759389&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13951Sheermirrornecklacegold.jpg?v=1764759389&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13951Sheermirrornecklacegold.jpg?v=1764759389&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_SheerMirrorNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345076&amp;width=960" alt="A close-up shot of a model wearing four layered gold necklaces, featuring a leaf-patterned chain, a flat snake chain, a simple delicate chain, and a longer chain with a round initial pendant and a heart charm." srcset="//systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_SheerMirrorNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345076&amp;width=320 320w, //systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_SheerMirrorNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345076&amp;width=480 480w, //systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_SheerMirrorNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345076&amp;width=640 640w, //systerp.com/cdn/shop/files/BelovedMiniLetterGold_SheerStationNecklaceGold_SheerMirrorNecklaceGold_LayersOliviaNecklaceGold.jpg?v=1774345076&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
4795            </div>
4796          </div>
4797        </div>
4798      </a>
4799      
4800        
4801          
4802
4803<div
4804  x-data="
4805    {
4806      showQsOptions: false,
4807      loading: false,
4808      selectedVariant: '57128433123710',
4809      variantAvailable: true,
4810      addToCart() {
4811        this.loading = true;
4812        const body = JSON.stringify({
4813          items: [{ id: this.selectedVariant, quantity: 1 }],
4814          sections: 'cart-items,cart-icon-bubble,cart-footer'
4815        });
4816        fetch(routes.cart_add_url, {
4817          method: 'POST',
4818          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
4819          body
4820        })
4821        .then(r => r.json())
4822        .then(data => {
4823          this.loading = false;
4824          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
4825            const section = document.getElementById(id);
4826            if (!section) return;
4827            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
4828            const el = section.querySelector(selector) || section;
4829            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
4830          });
4831          this.$dispatch('open-cart');
4832        })
4833        .catch(err => { this.loading = false; console.error('Error:', err); });
4834      }
4835    }
4836  "
4837>
4838  
4839  <button
4840    @click="$dispatch('close-quickshops'); showQsOptions = true"
4841    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
4842  >
4843    <span>
4844      
4845
4846
4847
4848<svg
4849  width="18"
4850  height="18"
4851  viewBox="0 0 18 19"
4852  fill="none"
4853  xmlns="http://www.w3.org/2000/svg"
4854>
4855  <rect
4856    x="0.5"
4857    y="0.600098"
4858    width="17"
4859    height="17"
4860    rx="8.5"
4861    stroke="black" />
4862  <path
4863    d="M9 6.1001L9 12.1001"
4864    stroke="currentColor"
4865    stroke-linecap="square" />
4866  <path
4867    d="M6 9.1001L12 9.1001"
4868    stroke="currentColor"
4869    stroke-linecap="square" />
4870</svg>
4871
4872    </span>
4873  </button>
4874
4875  <div
4876    x-show="showQsOptions"
4877    @close-quickshops.window="showQsOptions = false"
4878    @submit.window="showQsOptions = false"
4879    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
4880  ><form
4881      id="product-card-form-15827995984254"
4882      method="post"
4883      action="/cart/add"
4884      accept-charset="UTF-8"
4885      class="w-full"
4886      enctype="multipart/form-data"
4887      @submit.prevent="addToCart()"
4888    >
4889      <input type="hidden" name="form_type" value="product">
4890      <input type="hidden" name="utf8" value="✓">
4891      <input type="hidden" name="id" :value="selectedVariant">
4892      <input type="hidden" name="quantity" value="1">
4893
4894      
4895        <button
4896          type="submit"
4897          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
4898          :disabled="!variantAvailable"
4899          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
4900        >
4901          <span
4902            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
4903          ></span>
4904        </button>
4905
4906      
4907    </form>
4908  </div>
4909</div>
4910
4911        
4912      
4913    </div>
4914    <div class="flex justify-between max-lg:flex-colaspect">
4915      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
4916        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
4917          <div
4918            class="yotpo bottomLine w-full"
4919            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
4920            data-domain="systerp.myshopify.com"
4921            data-product-id="15827995984254"
4922            data-product-models="15827995984254"
4923            data-name="Sheer Mirror Necklace Gold"
4924            data-url="https://systerp.com"
4925            data-image-url="//systerp.com/cdn/shop/files/NG13951bSheermirrornecklacegold.jpg%3Fv=1761569121%26width=1000"
4926            data-description="&lt;p&gt;Detta skira och släta halsband ger en känsla av exklusivitet med sin eleganta design och är ett perfekt tillskott till din smyckesgarderob. Det är fantastiskt på egen hand men också fint att kombinera med andra halsband. Det är tillverkat i 18K guldpläterad återvunnen mässing.&lt;/p&gt;"
4927            data-bread-crumbs=""
4928          ></div>
4929        </div>
4930
4931        <h3
4932          class="lg:col-span-6 uppercase text-center px-10 leading-none"
4933          id="title-template--28929183482238__product-grid-15827995984254"
4934        >
4935          <a
4936            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
4937            href="/products/sheer-mirror-necklace-gold"
4938          >
4939            Sheer Mirror Necklace Gold
4940          </a>
4941        </h3>
4942<div
4943  class="
4944      price
4945       
4946      text-default
4947    
4948 "
4949>
4950  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
4951        <span class="price-item price-item--regular">
4952          899 kr
4953</span></div>
4954
4955    <div class="price__sale  hidden">
4956        <span class="sr-only sr-only--inline">Ordinarie pris</span>
4957        <span>
4958          <s class="price-item price-item--regular">
4959            
4960              
4961            
4962          </s>
4963        </span><span class="sr-only sr-only--inline">Reapris</span>
4964      <span class="price-item price-item--sale price-item--last">
4965        899 kr
4966      </span>
4967    </div>
4968    <small class="block uppercase caption hidden">
4969      <span class="sr-only">Enhetspris</span>
4970      <span class="price-item price-item--last">
4971        <span></span>
4972        <span aria-hidden="true">/</span>
4973        <span class="sr-only">&nbsp;per&nbsp;</span>
4974        <span>
4975        </span>
4976      </span>
4977    </small>
4978  </div>
4979</div>
4980
4981
4982<div
4983  class="
4984    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
4985    
4986  "
4987>
4988  
4989  
4990    <span class=""> best seller </span>
4991  
4992</div>
4993</div>
4994    </div>
4995  </div>
4996            </li><li>
4997              
4998<div
4999    x-data="{ showQsOptions: false }"
5000    @click.outside="showQsOptions = false"
5001    class="relative card-product card-product-wrapper mb-12 md:mb-0"
5002    data-id="15364361716094"
5003    data-title="Herringbone Twisted Bracelet Silver"
5004    data-price="69900"
5005    data-vendor="KARIZIA"
5006    data-type="Armband"
5007    data-index=""
5008  >
5009    <div
5010      class="card-product-upper relative  product-card__hover"
5011    >
5012      <a
5013        href="/collections/bastsaljare/products/herringbone-twisted-bracelet-silver"
5014        class="product-card"
5015      >
5016        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
5017          
5018          <img src="//systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=960" alt="A product shot of the Advent Calendar Door 10 twisted herringbone bracelet in silver, laid out in a circle to display its delicate chain, clasp, and Syster P tag." srcset="//systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=170 170w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=340 340w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=510 510w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=640 640w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=720 720w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=828 828w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=960" alt="A model wearing the Herringbone Twisted Bracelet in silver, stacked with Sheer Love Bracelet in silver" srcset="//systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=170 170w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=340 340w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=510 510w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=720 720w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=828 828w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low" style="object-position:58.6781% 76.7502%;">
5019
5020          
5021          <div
5022            class="lg:hidden"
5023          >
5024            <div
5025              class="slideshow-container"
5026              x-data="productCardSlider()"
5027              ax-load
5028              x-cloak
5029            >
5030              <img src="//systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=960" alt="A product shot of the Advent Calendar Door 10 twisted herringbone bracelet in silver, laid out in a circle to display its delicate chain, clasp, and Syster P tag." srcset="//systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=320 320w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=480 480w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=640 640w, //systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg?v=1774940311&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
5030w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=960" alt="A model wearing the Herringbone Twisted Bracelet in silver, stacked with Sheer Love Bracelet in silver" srcset="//systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=320 320w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=480 480w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12712dHerringboneTwistedBraceletSilver.jpg?v=1774940348&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:58.6781% 76.7502%;"><img src="//systerp.com/cdn/shop/files/AdventCalendar_2HerringboneTwistedBraceletSilver_959352fc-9cd6-484e-9099-db86d42beb8b.jpg?v=1774940348&amp;width=960" alt="A close-up product shot of a delicate, twisted herringbone bracelet in sterling silver, showing its shimmering, textured pattern and clasp." srcset="//systerp.com/cdn/shop/files/AdventCalendar_2HerringboneTwistedBraceletSilver_959352fc-9cd6-484e-9099-db86d42beb8b.jpg?v=1774940348&amp;width=320 320w, //systerp.com/cdn/shop/files/AdventCalendar_2HerringboneTwistedBraceletSilver_959352fc-9cd6-484e-9099-db86d42beb8b.jpg?v=1774940348&amp;width=480 480w, //systerp.com/cdn/shop/files/AdventCalendar_2HerringboneTwistedBraceletSilver_959352fc-9cd6-484e-9099-db86d42beb8b.jpg?v=1774940348&amp;width=640 640w, //systerp.com/cdn/shop/files/AdventCalendar_2HerringboneTwistedBraceletSilver_959352fc-9cd6-484e-9099-db86d42beb8b.jpg?v=1774940348&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=960" alt="A close-up of a model&#39;s wrist wearing a stack of three silver bracelets: the Herringbone Twisted Bracelet, the Minimalistica Solo Nova Bracelet with a single stone, and the delicate Sheer Station Bracelet." srcset="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=320 320w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=480 480w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=640 640w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=768 768w" width="960" height="1345" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/ef3723bbbc1f43499f31285c2ab23467.thumbnail.0000000000.jpg?v=1774009447&amp;width=640" aria-label="A model wearing the Herringbone Twisted Bracelet in silver, stacked with Sheer Love Bracelet in silver and the La L
5030a Love Ring, a chunky recycled sterling silver band featuring a vibrant pink quartz heart."><source src="//systerp.com/cdn/shop/videos/c/vp/ef3723bbbc1f43499f31285c2ab23467/ef3723bbbc1f43499f31285c2ab23467.HD-1080p-7.2Mbps-78344775.mp4?v=0" type="video/mp4"><img alt="A model wearing the Herringbone Twisted Bracelet in silver, stacked with Sheer Love Bracelet in silver and the La La Love Ring, a chunky recycled sterling silver band featuring a vibrant pink quartz heart." src="//systerp.com/cdn/shop/files/preview_images/ef3723bbbc1f43499f31285c2ab23467.thumbnail.0000000000_small.jpg?v=1774009447"></video><img src="//systerp.com/cdn/shop/files/Herringbone_Twisted_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Santa_Monica_Bracelet_Silver.png?v=1774940348&amp;width=960" alt="Herringbone Twisted Bracelet Silver" srcset="//systerp.com/cdn/shop/files/Herringbone_Twisted_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Santa_Monica_Bracelet_Silver.png?v=1774940348&amp;width=320 320w, //systerp.com/cdn/shop/files/Herringbone_Twisted_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Santa_Monica_Bracelet_Silver.png?v=1774940348&amp;width=480 480w, //systerp.com/cdn/shop/files/Herringbone_Twisted_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Santa_Monica_Bracelet_Silver.png?v=1774940348&amp;width=640 640w, //systerp.com/cdn/shop/files/Herringbone_Twisted_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Santa_Monica_Bracelet_Silver.png?v=1774940348&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:50.7055% 49.8137%;">
5031            </div>
5032          </div>
5033        </div>
5034      </a>
5035      
5036        
5037          
5038
5039<div
5040  x-data="
5041    {
5042      showQsOptions: false,
5043      loading: false,
5044      selectedVariant: '55570103959934',
5045      variantAvailable: true,
5046      addToCart() {
5047        this.loading = true;
5048        const body = JSON.stringify({
5049          items: [{ id: this.selectedVariant, quantity: 1 }],
5050          sections: 'cart-items,cart-icon-bubble,cart-footer'
5051        });
5052        fetch(routes.cart_add_url, {
5053          method: 'POST',
5054          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
5055          body
5056        })
5057        .then(r => r.json())
5058        .then(data => {
5059          this.loading = false;
5060          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
5061            const section = document.getElementById(id);
5062            if (!section) return;
5063            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
5064            const el = section.querySelector(selector) || section;
5065            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
5066          });
5067          this.$dispatch('open-cart');
5068        })
5069        .catch(err => { this.loading = false; console.error('Error:', err); });
5070      }
5071    }
5072  "
5073>
5074  
5075  <button
5076    @click="$dispatch('close-quickshops'); showQsOptions = true"
5077    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
5078  >
5079    <span>
5080      
5081
5082
5083
5084<svg
5085  width="18"
5086  height="18"
5087  viewBox="0 0 18 19"
5088  fill="none"
5089  xmlns="http://www.w3.org/2000/svg"
5090>
5091  <rect
5092    x="0.5"
5093    y="0.600098"
5094    width="17"
5095    height="17"
5096    rx="8.5"
5097    stroke="black" />
5098  <path
5099    d="M9 6.1001L9 12.1001"
5100    stroke="currentColor"
5101    stroke-linecap="square" />
5102  <path
5103    d="M6 9.1001L12 9.1001"
5104    stroke="currentColor"
5105    stroke-linecap="square" />
5106</svg>
5107
5108    </span>
5109  </button>
5110
5111  <div
5112    x-show="showQsOptions"
5113    @close-quickshops.window="showQsOptions = false"
5114    @submit.window="showQsOptions = false"
5115    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
5116  ><form
5117      id="product-card-form-15364361716094"
5118      method="post"
5119      action="/cart/add"
5120      accept-charset="UTF-8"
5121      class="w-full"
5122      enctype="multipart/form-data"
5123      @submit.prevent="addToCart()"
5124    >
5125      <input type="hidden" name="form_type" value="product">
5126      <input type="hidden" name="utf8" value="✓">
5127      <input type="hidden" name="id" :value="selectedVariant">
5128      <input type="hidden" name="quantity" value="1">
5129
5130      
5131        <button
5132          type="submit"
5133          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
5134          :disabled="!variantAvailable"
5135          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
5136        >
5137          <span
5138            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
5139          ></span>
5140        </button>
5141
5142      
5143    </form>
5144  </div>
5145</div>
5146
5147        
5148      
5149    </div>
5150    <div class="flex justify-between max-lg:flex-colaspect">
5151      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
5152        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
5153          <div
5154            class="yotpo bottomLine w-full"
5155            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
5156            data-domain="systerp.myshopify.com"
5157            data-product-id="15364361716094"
5158            data-product-models="15364361716094"
5159            data-name="Herringbone Twisted Bracelet Silver"
5160            data-url="https://systerp.com"
5161            data-image-url="//systerp.com/cdn/shop/files/AdventCalendar_1HerringboneTwistedBraceletSilver_5c5724a1-bb87-415d-9f6a-add93f9a6c73.jpg%3Fv=1774940311%26width=1000"
5162            data-description="&lt;p&gt;Ett tunt tvistat armband med en vacker yta. Det ger dig en exklusiv känsla och är även vackert att kombinera med andra armband. Tillverkat i 100% återvunnet sterlingsilver.&amp;nbsp;&lt;/p&gt;"
5163            data-bread-crumbs=""
5164          ></div>
5165        </div>
5166
5167        <h3
5168          class="lg:col-span-6 uppercase text-center px-10 leading-none"
5169          id="title-template--28929183482238__product-grid-15364361716094"
5170        >
5171          <a
5172            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
5173            href="/products/herringbone-twisted-bracelet-silver"
5174          >
5175            Herringbone Twisted Bracelet Silver
5176          </a>
5177        </h3>
5178<div
5179  class="
5180      price
5181       
5182      text-default
5183    
5184 "
5185>
5186  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
5187        <span class="price-item price-item--regular">
5188          699 kr
5189</span></div>
5190
5191    <div class="price__sale  hidden">
5192        <span class="sr-only sr-only--inline">Ordinarie pris</span>
5193        <span>
5194          <s class="price-item price-item--regular">
5195            
5196              
5197            
5198          </s>
5199        </span><span class="sr-only sr-only--inline">Reapris</span>
5200      <span class="price-item price-item--sale price-item--last">
5201        699 kr
5202      </span>
5203    </div>
5204    <small class="block uppercase caption hidden">
5205      <span class="sr-only">Enhetspris</span>
5206      <span class="price-item price-item--last">
5207        <span></span>
5208        <span aria-hidden="true">/</span>
5209        <span class="sr-only">&nbsp;per&nbsp;</span>
5210        <span>
5211        </span>
5212      </span>
5213    </small>
5214  </div>
5215</div>
5216
5217
5218<div
5219  class="
5220    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
5221    
5222  "
5223>
5224  
5225  
5226    <span class=""> best seller </span>
5227  
5228</div>
5229</div>
5230    </div>
5231  </div>
5232            </li><li>
5233              
5234<div
5235    x-data="{ showQsOptions: false }"
5236    @click.outside="showQsOptions = false"
5237    class="relative card-product card-product-wrapper mb-12 md:mb-0"
5238    data-id="15951195603326"
5239    data-title="Beloved Heart Pendant Gold"
5240    data-price="34900"
5241    data-vendor="VAIBHAV GLOBAL LTD"
5242    data-type="Pendant"
5243    data-index=""
5244  >
5245    <div
5246      class="card-product-upper relative  product-card__hover"
5247    >
5248      <a
5249        href="/collections/bastsaljare/products/beloved-heart-pendant-gold-pink-quartz"
5250        class="product-card"
5251      >
5252        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
5253          
5254          <img src="//systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=960" alt="A product shot of the Beloved Heart Pendant in gold, featuring a heart-shaped pink quartz stone set within a polished, gold-plated frame." srcset="//systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=170 170w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=340 340w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=510 510w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=640 640w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=720 720w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=828 828w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;
5254width=960" alt="Two gold necklaces layered, featuring a pink quartz heart pendant and a round letter charm." srcset="//systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=170 170w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=340 340w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=510 510w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=720 720w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=828 828w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
5255
5256          
5257          <div
5258            class="lg:hidden"
5259          >
5260            <div
5261              class="slideshow-container"
5262              x-data="productCardSlider()"
5263              ax-load
5264              x-cloak
5265            >
5266              <img src="//systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=960" alt="A product shot of the Beloved Heart Pendant in gold, featuring a heart-shaped pink quartz stone set within a polished, gold-plated frame." srcset="//systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=320 320w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=480 480w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=640 640w, //systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg?v=1758022929&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=960" alt="Two gold necklaces layered, featuring a pink quartz heart pendant and a round letter charm." srcset="//systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Gold._Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_Pink_Quartz_Sheer_Mirror_Necklace_Gold.jpg?v=1769010251&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
5266w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/ba17c306024b454db881e3ced84a5174.thumbnail.0000000000.jpg?v=1730112206&amp;width=640" aria-label="Beloved Heart Pendant Gold"><source src="//systerp.com/cdn/shop/videos/c/vp/ba17c306024b454db881e3ced84a5174/ba17c306024b454db881e3ced84a5174.HD-1080p-7.2Mbps-37214559.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/ba17c306024b454db881e3ced84a5174.thumbnail.0000000000_small.jpg?v=1730112206"></video><img src="//systerp.com/cdn/shop/files/NG1402PQ_1b_Beloved_Heart_Pendant_Gold_Pink_Quartz.jpg?v=1769010251&amp;width=960" alt="A product shot of a gold necklace featuring the Beloved Heart Pendant with a pink quartz stone, styled alongside a round gold pendant with the initial &#39;M&#39;." srcset="//systerp.com/cdn/shop/files/NG1402PQ_1b_Beloved_Heart_Pendant_Gold_Pink_Quartz.jpg?v=1769010251&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1402PQ_1b_Beloved_Heart_Pendant_Gold_Pink_Quartz.jpg?v=1769010251&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1402PQ_1b_Beloved_Heart_Pendant_Gold_Pink_Quartz.jpg?v=1769010251&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1402PQ_1b_Beloved_Heart_Pendant_Gold_Pink_Quartz.jpg?v=1769010251&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BelovedHeartPendantGoldPink_BelovedMiniLetterGold_SheerStationNecklaceGold.jpg?v=1769010251&amp;width=960" alt="A product shot of the Sheer Station Necklace in gold, styled with the Beloved Heart Pendant in gold with a pink quartz stone, and a gold Beloved Mini Letter &#39;S&#39; pendant." srcset="//systerp.com/cdn/shop/files/BelovedHeartPendantGoldPink_BelovedMiniLetterGold_SheerStationNecklaceGold.jpg?v=1769010251&amp;width=320 320w, //systerp.com/cdn/shop/files/BelovedHeartPendantGoldPink_BelovedMiniLetterGold_SheerStationNecklaceGold.jpg?v=1769010251&amp;width=480 480w, //systerp.com/cdn/shop/files/BelovedHeartPendantGoldPink_BelovedMiniLetterGold_SheerStationNecklaceGold.jpg?v=1769010251&amp;width=640 640w, //systerp.com/cdn/shop/files/BelovedHeartPendantGoldPink_BelovedMiniLetterGold_SheerStationNecklaceGold.jpg?v=1769010251&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/a42d5bfa258b4e039e0a62b385ecb2aa.thumbnail.0000000000.jpg?v=1730111659&amp;width=640" aria-label="Beloved Heart Pendant Gold"><source src="//systerp.com/cdn/shop/videos/c/vp/a42d5bfa258b4e039e0a62b385ecb2aa/a42d5bfa258b4e039e0a62b385ecb2aa.HD-1080p-7.2Mbps-37214176.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/a42d5bfa258b4e039e0a62b385ecb2aa.thumbnail.0000000000_small.jpg?v=1730111659"></video>
5267            </div>
5268          </div>
5269        </div>
5270      </a>
5271      
5272        
5273          
5274
5275<div
5276  x-data="
5277    {
5278      showQsOptions: false,
5279      loading: false,
5280      selectedVariant: '57540352803198',
5281      variantAvailable: true,
5282      addToCart() {
5283        this.loading = true;
5284        const body = JSON.stringify({
5285          items: [{ id: this.selectedVariant, quantity: 1 }],
5286          sections: 'cart-items,cart-icon-bubble,cart-footer'
5287        });
5288        fetch(routes.cart_add_url, {
5289          method: 'POST',
5290          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
5291          body
5292        })
5293        .then(r => r.json())
5294        .then(data => {
5295          this.loading = false;
5296          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
5297            const section = document.getElementById(id);
5298            if (!section) return;
5299            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
5300            const el = section.querySelector(selector) || section;
5301            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
5302          });
5303          this.$dispatch('open-cart');
5304        })
5305        .catch(err => { this.loading = false; console.error('Error:', err); });
5306      }
5307    }
5308  "
5309>
5310  
5311  <button
5312    @click="$dispatch('close-quickshops'); showQsOptions = true"
5313    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
5314  >
5315    <span>
5316      
5317
5318
5319
5320<svg
5321  width="18"
5322  height="18"
5323  viewBox="0 0 18 19"
5324  fill="none"
5325  xmlns="http://www.w3.org/2000/svg"
5326>
5327  <rect
5328    x="0.5"
5329    y="0.600098"
5330    width="17"
5331    height="17"
5332    rx="8.5"
5333    stroke="black" />
5334  <path
5335    d="M9 6.1001L9 12.1001"
5336    stroke="currentColor"
5337    stroke-linecap="square" />
5338  <path
5339    d="M6 9.1001L12 9.1001"
5340    stroke="currentColor"
5341    stroke-linecap="square" />
5342</svg>
5343
5344    </span>
5345  </button>
5346
5347  <div
5348    x-show="showQsOptions"
5349    @close-quickshops.window="showQsOptions = false"
5350    @submit.window="showQsOptions = false"
5351    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
5352  ><form
5353      id="product-card-form-15951195603326"
5354      method="post"
5355      action="/cart/add"
5356      accept-charset="UTF-8"
5357      class="w-full"
5358      enctype="multipart/form-data"
5359      @submit.prevent="addToCart()"
5360    >
5361      <input type="hidden" name="form_type" value="product">
5362      <input type="hidden" name="utf8" value="✓">
5363      <input type="hidden" name="id" :value="selectedVariant">
5364      <input type="hidden" name="quantity" value="1">
5365
5366      
5367        <button
5368          type="submit"
5369          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
5370          :disabled="!variantAvailable"
5371          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
5372        >
5373          <span
5374            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
5375          ></span>
5376        </button>
5377
5378      
5379    </form>
5380  </div>
5381</div>
5382
5383        
5384      
5385    </div>
5386    <div class="flex justify-between max-lg:flex-colaspect">
5387      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
5388        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
5389          <div
5390            class="yotpo bottomLine w-full"
5391            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
5392            data-domain="systerp.myshopify.com"
5393            data-product-id="15951195603326"
5394            data-product-models="15951195603326"
5395            data-name="Beloved Heart Pendant Gold"
5396            data-url="https://systerp.com"
5397            data-image-url="//systerp.com/cdn/shop/files/NG14021BelovedHeartPendantGoldPinkQuartz.jpg%3Fv=1758022929%26width=1000"
5398            data-description="&lt;p&gt;Ge dina smycken en personlig touch med en färgglad hjärtberlock! Berlocken har en infattad rosa kvarts i 18K guldpläterad återvunnen mässing. Den är perfekt för att ge din outfit en färgklick. Ett betydelsefullt hjärta att ge bort eller behålla själv, som kan bäras och älskas i många år framöver.&lt;br&gt;&lt;br&gt;&lt;/p&gt;
5399&lt;h2&gt;&lt;strong&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
5400&lt;ul&gt;
5401&lt;li&gt;
5402&lt;p&gt;Handgjord i återvunnen mässing&lt;/p&gt;
5403&lt;/li&gt;
5404&lt;li&gt;
5405&lt;p&gt;18K guldplätering&lt;/p&gt;
5406&lt;/li&gt;
5407&lt;li&gt;
5408&lt;p&gt;Hjärta i rosa kvarts- varierar i färg och utseende&lt;/p&gt;
5409&lt;/li&gt;
5410&lt;li&gt;
5411&lt;p&gt;Endast berlock; kedja säljs separat. Passar alla &lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Beloved &amp;amp; Sheer kedjor&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
5412&lt;/li&gt;
5413&lt;/ul&gt;
5414&lt;h3&gt;&lt;strong&gt;&lt;br&gt;Vad som gör den speciell&lt;/strong&gt;&lt;/h3&gt;
5415&lt;p&gt;Varje hjärtberlock är handgjord med omsorg. Rosa kvarts är en naturlig ädelsten och precis som med alla naturliga stenar kan variationer i färg och utseende förekomma, vilket gör varje smycke helt unikt.&lt;/p&gt;
5416&lt;h4&gt;&lt;strong&gt;&lt;br&gt;SÃ¥ stylar du den&lt;/strong&gt;&lt;/h4&gt;
5417&lt;p&gt;Bär hjärtberlocken på en kedja från &lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;Beloved eller Sheer-kollektionen&lt;/a&gt;&lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;&lt;/a&gt;&lt;/span&gt; (kedja säljs separat). Kombinera gärna med andra berlocker från &lt;a rel=&quot;noopener noreferrer nofollow&quot; href=&quot;https://systerp.com/collections/beloved&quot; target=&quot;_blank&quot;&gt;&lt;u&gt;Beloved-kollektionen&lt;/u&gt;&lt;/a&gt;, som bokstäver, pärlor, stenar eller stjärntecken, för att skapa ett halsband som speglar just din stil. Hjärtat är designat för att kombineras, så du kan enkelt uppdatera ditt halsband och göra sm
5417ycket ännu mer personligt över tid.&lt;/p&gt;"
5418            data-bread-crumbs=""
5419          ></div>
5420        </div>
5421
5422        <h3
5423          class="lg:col-span-6 uppercase text-center px-10 leading-none"
5424          id="title-template--28929183482238__product-grid-15951195603326"
5425        >
5426          <a
5427            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
5428            href="/products/beloved-heart-pendant-gold-pink-quartz"
5429          >
5430            Beloved Heart Pendant Gold
5431          </a>
5432        </h3>
5433<div
5434  class="
5435      price
5436       
5437      text-default
5438    
5439 "
5440>
5441  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
5442        <span class="price-item price-item--regular">
5443          349 kr
5444</span></div>
5445
5446    <div class="price__sale  hidden">
5447        <span class="sr-only sr-only--inline">Ordinarie pris</span>
5448        <span>
5449          <s class="price-item price-item--regular">
5450            
5451              
5452            
5453          </s>
5454        </span><span class="sr-only sr-only--inline">Reapris</span>
5455      <span class="price-item price-item--sale price-item--last">
5456        349 kr
5457      </span>
5458    </div>
5459    <small class="block uppercase caption hidden">
5460      <span class="sr-only">Enhetspris</span>
5461      <span class="price-item price-item--last">
5462        <span></span>
5463        <span aria-hidden="true">/</span>
5464        <span class="sr-only">&nbsp;per&nbsp;</span>
5465        <span>
5466        </span>
5467      </span>
5468    </small>
5469  </div>
5470</div>
5471
5472
5473<div
5474  class="
5475    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
5476    
5477  "
5478>
5479  
5480  
5481    <span class=""> best seller </span>
5482  
5483</div>
5484</div>
5485    </div>
5486  </div>
5487            </li><li>
5488              
5489<div
5490    x-data="{ showQsOptions: false }"
5491    @click.outside="showQsOptions = false"
5492    class="relative card-product card-product-wrapper mb-12 md:mb-0"
5493    data-id="15368595210622"
5494    data-title="Lunetta Earrings Silver"
5495    data-price="79900"
5496    data-vendor="MALYA JEWEL CRAFTS"
5497    data-type="Earrings"
5498    data-index=""
5499  >
5500    <div
5501      class="card-product-upper relative  product-card__hover"
5502    >
5503      <a
5504        href="/collections/bastsaljare/products/lunetta-earrings-silver"
5505        class="product-card"
5506      >
5507        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
5508          
5509          <img src="//systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=960" alt="A close-up shot of a model wearing the Lunetta Earrings in silver, highlighting their unique hoop design composed of small, linked ovals." srcset="//systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=170 170w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=340 340w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=510 510w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=640 640w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=720 720w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=828 828w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=960 960w" width="960" height="1280" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=960" alt="A product shot of the Lunetta Earrings in silver, with one earring standing up and the other lying down to showcase their unique design of two parallel bands connected by a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=170 170w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=340 340w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=510 510w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=640 640w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=720 720w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=828 828w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
5510
5511          
5512          <div
5513            class="lg:hidden"
5514          >
5515            <div
5516              class="slideshow-container"
5517              x-data="productCardSlider()"
5518              ax-load
5519              x-cloak
5520            >
5521              <img src="//systerp.com/cdn/shop/files/Lunetta_Earrings_
5521Silver1.jpg?v=1773928190&amp;width=960" alt="A close-up shot of a model wearing the Lunetta Earrings in silver, highlighting their unique hoop design composed of small, linked ovals." srcset="//systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=320 320w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=480 480w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=640 640w, //systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg?v=1773928190&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=960" alt="A product shot of the Lunetta Earrings in silver, with one earring standing up and the other lying down to showcase their unique design of two parallel bands connected by a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=320 320w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=480 480w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=640 640w, //systerp.com/cdn/shop/files/ES1302_1_Lunetta_earrings_silver.jpg?v=1765525156&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/ES13022cLunettaEarringsSilver.jpg?v=1773928190&amp;width=960" alt="A shot of a model wearing the Lunetta Earrings in silver, showcasing their unique design of two parallel hoops joined by a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/ES13022cLunettaEarringsSilver.jpg?v=1773928190&amp;width=320 320w, //systerp.com/cdn/shop/files/ES13022cLunettaEarringsSilver.jpg?v=1773928190&amp;width=480 480w, //systerp.com/cdn/shop/files/ES13022cLunettaEarringsSilver.jpg?v=1773928190&amp;width=640 640w, //systerp.com/cdn/shop/files/ES13022cLunettaEarringsSilver.jpg?v=1773928190&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:71.3324% 48.6204%;"><img src="//systerp.com/cdn/shop/files/ES1302_1b_Lunetta_earrings_silver.jpg?v=1773928190&amp;width=960" alt="A product shot of the silver Lunetta Earrings, showcasing their unique hoop design formed by a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/ES1302_1b_Lunetta_earrings_silver.jpg?v=1773928190&amp;width=320 320w, //systerp.com/cdn/shop/files/ES1302_1b_Lunetta_earrings_silver.jpg?v=1773928190&amp;width=480 480w, //systerp.com/cdn/shop/files/ES1302_1b_Lunetta_earrings_silver.jpg?v=1773928190&amp;width=640 640w, //systerp.com/cdn/shop/files/ES1302_1b_Lunetta_earrings_silver.jpg?v=1773928190&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/24079adcb9744275add3b63105292ab8.thumbnail.0000000000.jpg?v=1761748867&amp;width=640" aria-label="Lunetta Earrings Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/24079adcb9744275add3b63105292ab8/24079adcb9744275add3b63105292ab8.HD-1080p-7.2Mbps-61158563.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/24079adcb9744275add3b63105292ab8.thumbnail.0000000000_small.jpg?v=1761748867"></video>
5522            </div>
5523          </div>
5524        </div>
5525      </a>
5526      
5527        
5528          
5529
5530<div
5531  x-data="
5532    {
5533      showQsOptions: false,
5534      loading: false,
5535      selectedVariant: '55581749215614',
5536      variantAvailable: true,
5537      addToCart() {
5538        this.loading = true;
5539        const body = JSON.stringify({
5540          items: [{ id: this.selectedVariant, quantity: 1 }],
5541          sections: 'cart-items,cart-icon-bubble,cart-footer'
5542        });
5543        fetch(routes.cart_add_url, {
5544          method: 'POST',
5545          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
5546          body
5547        })
5548        .then(r => r.json())
5549        .then(data => {
5550          this.loading = false;
5551          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
5552            const section = document.getElementById(id);
5553            if (!section) return;
5554            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
5555            const el = section.querySelector(selector) || section;
5556            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
5557          });
5558          this.$dispatch('open-cart');
5559        })
5560        .catch(err => { this.loading = false; console.error('Error:', err); });
5561      }
5562    }
5563  "
5564>
5565  
5566  <button
5567    @click="$dispatch('close-quickshops'); showQsOptions = true"
5568    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
5569  >
5570    <span>
5571      
5572
5573
5574
5575<svg
5576  width="18"
5577  height="18"
5578  viewBox="0 0 18 19"
5579  fill="none"
5580  xmlns="http://www.w3.org/2000/svg"
5581>
5582  <rect
5583    x="0.5"
5584    y="0.600098"
5585    width="17"
5586    height="17"
5587    rx="8.5"
5588    stroke="black" />
5589  <path
5590    d="M9 6.1001L9 12.1001"
5591    stroke="currentColor"
5592    stroke-linecap="square" />
5593  <path
5594    d="M6 9.1001L12 9.1001"
5595    stroke="currentColor"
5596    stroke-linecap="square" />
5597</svg>
5598
5599    </span>
5600  </button>
5601
5602  <div
5603    x-show="showQsOptions"
5604    @close-quickshops.window="showQsOptions = false"
5605    @submit.window="showQsOptions = false"
5606    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
5607  ><form
5608      id="product-card-form-15368595210622"
5609      method="post"
5610      action="/cart/add"
5611      accept-charset="UTF-8"
5612      class="w-full"
5613      enctype="multipart/form-data"
5614      @submit.prevent="addToCart()"
5615    >
5616      <input type="hidden" name="form_type" value="product">
5617      <input type="hidden" name="utf8" value="✓">
5618      <input type="hidden" name="id" :value="selectedVariant">
5619      <input type="hidden" name="quantity" value="1">
5620
5621      
5622        <button
5623          type="submit"
5624          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
5625          :disabled="!variantAvailable"
5626          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
5627        >
5628          <span
5629            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
5630          ></span>
5631        </button>
5632
5633      
5634    </form>
5635  </div>
5636</div>
5637
5638        
5639      
5640    </div>
5641    <div class="flex justify-between max-lg:flex-colaspect">
5642      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
5643        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
5644          <div
5645            class="yotpo bottomLine w-full"
5646            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
5647            data-domain="systerp.myshopify.com"
5648            data-product-id="15368595210622"
5649            data-product-models="15368595210622"
5650            data-name="Lunetta Earrings Silver"
5651            data-url="https://systerp.com"
5652            data-image-url="//systerp.com/cdn/shop/files/Lunetta_Earrings_Silver1.jpg%3Fv=1773928190%26width=1000"
5653            data-description="&lt;p&gt;Lätta örhängen i en vacker design, tillverkade i äkta sterlingsilver, 100% återvunnet. Hoopsen har en unik design där två parallella cirklar i ett mönster av små ovala kulor binds samman till en hoop. De försluts enkelt genom att trycka in haken i spännet. Den minimalistiska designen gör att dessa hoops passar för alla tillfällen!&lt;/p&gt;"
5654            data-bread-crumbs=""
5655          ></div>
5656        </div>
5657
5658        <h3
5659          class="lg:col-span-6 uppercase text-center px-10 leading-none"
5660          id="title-template--28929183482238__product-grid-15368595210622"
5661        >
5662          <a
5663            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
5664            href="/products/lunetta-earrings-silver"
5665          >
5666            Lunetta Earrings Silver
5667          </a>
5668        </h3>
5669<div
5670  class="
5671      price
5672       
5673      text-default
5674    
5675 "
5676>
5677  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
5678        <span class="price-item price-item--regular">
5679          799 kr
5680</span></div>
5681
5682    <div class="price__sale  hidden">
5683        <span class="sr-only sr-only--inline">Ordinarie pris</span>
5684        <span>
5685          <s class="price-item price-item--regular">
5686            
5687              
5688            
5689          </s>
5690        </span><span class="sr-only sr-only--inline">Reapris</span>
5691      <span class="price-item price-item--sale price-item--last">
5692        799 kr
5693      </span>
5694    </div>
5695    <small class="block uppercase caption hidden">
5696      <span class="sr-only">Enhetspris</span>
5697      <span class="price-item price-item--last">
5698        <span></span>
5699        <span aria-hidden="true">/</span>
5700        <span class="sr-only">&nbsp;per&nbsp;</span>
5701        <span>
5702        </span>
5703      </span>
5704    </small>
5705  </div>
5706</div>
5707
5708
5709<div
5710  class="
5711    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
5712    
5713  "
5714>
5715  
5716  
5717    <span class=""> best seller </span>
5718  
5719</div>
5720</div>
5721    </div>
5722  </div>
5723            </li><li>
5724              
5725<div
5726    x-data="{ showQsOptions: false }"
5727    @click.outside="showQsOptions = false"
5728    class="relative card-product card-product-wrapper mb-12 md:mb-0"
5729    data-id="15828253245822"
5730    data-title="Treasure Multi Pearl Bracelet Gold"
5731    data-price="69900"
5732    data-vendor="Pink City"
5733    data-type="Armband"
5734    data-index=""
5735  >
5736    <div
5737      class="card-product-upper relative  product-card__hover"
5738    >
5739      <a
5740        href="/collections/bastsaljare/products/treasure-multi-pearl-bracelet-gold"
5741        class="product-card"
5742      >
5743        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
5744          
5745          <img src="//systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=960" alt="A product shot of the Treasure Multi Pearl Bracelet in gold, laid out in a circle to display its delicate chain adorned with small freshwater pearls spaced thorughout." srcset="//systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=170 170w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=340 340w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=510 510w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=640 640w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=720 720w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=828 828w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=960 960w" width="960" height="1234" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=960" alt="A gold bracelet with a layered design, styled with a thin gold bracelet with pearls" srcset="//systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=170 170w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=340 340w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=510 510w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=640 640w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=720 720w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=828 828w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low" style="object-position:52.3409% 69.8582%;">
5746
5747          
5748          <div
5749            class="lg:hidden"
5750          >
5751            <div
5752              class="slideshow-container"
5753              x-data="productCardSlider()"
5754              ax-load
5755              x-cloak
5756            >
5757              <img src="//systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=960" alt="A product shot of the Treasure Multi Pearl Bracelet in gold, laid out in a circle to display its delicate chain adorned with small freshwater pearls spaced thorughout." srcset="//systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=320 320w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=480 480w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=640 640w, //systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg?v=1751353173&amp;width=768 768w" width="960" height="1234" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
5757w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=960" alt="A gold bracelet with a layered design, styled with a thin gold bracelet with pearls" srcset="//systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=320 320w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=480 480w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=640 640w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold.jpg?v=1776065418&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:52.3409% 69.8582%;"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/52b43db67ff7467090503e7925e66f7b.thumbnail.0000000000.jpg?v=1732098975&amp;width=640" aria-label="Treasure Multi Pearl Bracelet Gold"><source src="//systerp.com/cdn/shop/videos/c/vp/52b43db67ff7467090503e7925e66f7b/52b43db67ff7467090503e7925e66f7b.HD-1080p-7.2Mbps-38384074.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/52b43db67ff7467090503e7925e66f7b.thumbnail.0000000000_small.jpg?v=1732098975"></video><img src="//systerp.com/cdn/shop/files/BG12561bTreasureMultiPearlBraceletGold.jpg?v=1773932799&amp;width=960" alt="A close-up shot of the Treasure Multi Pearl Bracelet in gold, highlighting its delicate chain adorned with small freshwater pearls." srcset="//systerp.com/cdn/shop/files/BG12561bTreasureMultiPearlBraceletGold.jpg?v=1773932799&amp;width=320 320w, //systerp.com/cdn/shop/files/BG12561bTreasureMultiPearlBraceletGold.jpg?v=1773932799&amp;width=480 480w, //systerp.com/cdn/shop/files/BG12561bTreasureMultiPearlBraceletGold.jpg?v=1773932799&amp;width=640 640w, //systerp.com/cdn/shop/files/BG12561bTreasureMultiPearlBraceletGold.jpg?v=1773932799&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/9fdb7c9b557b4563a51724f253299254.thumbnail.0000000000.jpg?v=1774011055&amp;width=640" aria-label="A gold bracelet with a layered design, styled with a thin gold bracelet with pearls"><source src="//systerp.com/cdn/shop/videos/c/vp/9fdb7c9b557b4563a51724f253299254/9fdb7c9b557b4563a51724f253299254.HD-1080p-7.2Mbps-78346137.mp4?v=0" type="video/mp4"><img alt="A gold bracelet with a layered design, styled with a thin gold bracelet with pearls" src="//systerp.com/cdn/shop/files/preview_images/9fdb7c9b557b4563a51724f253299254.thumbnail.0000000000_small.jpg?v=1774011055"></video><img src="//systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold_d8501e72-06ac-40ed-9133-10c9f08d8aa8.jpg?v=1783064711&amp;width=960" alt="Treasure Multi Pearl Bracelet Gold" srcset="//systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold_d8501e72-06ac-40ed-9133-10c9f08d8aa8.jpg?v=1783064711&amp;width=320 320w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold_d8501e72-06ac-40ed-9133-10c9f08d8aa8.jpg?v=1783064711&amp;width=480 480w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold_d8501e72-06ac-40ed-9133-10c9f08d8aa8.jpg?v=1783064711&amp;width=640 640w, //systerp.com/cdn/shop/files/BG12042eLayersOliviaBraceletGold_d8501e72-06ac-40ed-9133-10c9f08d8aa8.jpg?v=1783064711&amp;width=768 768w" width="960" height="1199" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
5757w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
5758            </div>
5759          </div>
5760        </div>
5761      </a>
5762      
5763        
5764          
5765
5766<div
5767  x-data="
5768    {
5769      showQsOptions: false,
5770      loading: false,
5771      selectedVariant: '57130010837374',
5772      variantAvailable: true,
5773      addToCart() {
5774        this.loading = true;
5775        const body = JSON.stringify({
5776          items: [{ id: this.selectedVariant, quantity: 1 }],
5777          sections: 'cart-items,cart-icon-bubble,cart-footer'
5778        });
5779        fetch(routes.cart_add_url, {
5780          method: 'POST',
5781          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
5782          body
5783        })
5784        .then(r => r.json())
5785        .then(data => {
5786          this.loading = false;
5787          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
5788            const section = document.getElementById(id);
5789            if (!section) return;
5790            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
5791            const el = section.querySelector(selector) || section;
5792            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
5793          });
5794          this.$dispatch('open-cart');
5795        })
5796        .catch(err => { this.loading = false; console.error('Error:', err); });
5797      }
5798    }
5799  "
5800>
5801  
5802  <button
5803    @click="$dispatch('close-quickshops'); showQsOptions = true"
5804    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
5805  >
5806    <span>
5807      
5808
5809
5810
5811<svg
5812  width="18"
5813  height="18"
5814  viewBox="0 0 18 19"
5815  fill="none"
5816  xmlns="http://www.w3.org/2000/svg"
5817>
5818  <rect
5819    x="0.5"
5820    y="0.600098"
5821    width="17"
5822    height="17"
5823    rx="8.5"
5824    stroke="black" />
5825  <path
5826    d="M9 6.1001L9 12.1001"
5827    stroke="currentColor"
5828    stroke-linecap="square" />
5829  <path
5830    d="M6 9.1001L12 9.1001"
5831    stroke="currentColor"
5832    stroke-linecap="square" />
5833</svg>
5834
5835    </span>
5836  </button>
5837
5838  <div
5839    x-show="showQsOptions"
5840    @close-quickshops.window="showQsOptions = false"
5841    @submit.window="showQsOptions = false"
5842    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
5843  ><form
5844      id="product-card-form-15828253245822"
5845      method="post"
5846      action="/cart/add"
5847      accept-charset="UTF-8"
5848      class="w-full"
5849      enctype="multipart/form-data"
5850      @submit.prevent="addToCart()"
5851    >
5852      <input type="hidden" name="form_type" value="product">
5853      <input type="hidden" name="utf8" value="✓">
5854      <input type="hidden" name="id" :value="selectedVariant">
5855      <input type="hidden" name="quantity" value="1">
5856
5857      
5858        <button
5859          type="submit"
5860          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
5861          :disabled="!variantAvailable"
5862          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
5863        >
5864          <span
5865            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
5866          ></span>
5867        </button>
5868
5869      
5870    </form>
5871  </div>
5872</div>
5873
5874        
5875      
5876    </div>
5877    <div class="flex justify-between max-lg:flex-colaspect">
5878      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
5879        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
5880          <div
5881            class="yotpo bottomLine w-full"
5882            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
5883            data-domain="systerp.myshopify.com"
5884            data-product-id="15828253245822"
5885            data-product-models="15828253245822"
5886            data-name="Treasure Multi Pearl Bracelet Gold"
5887            data-url="https://systerp.com"
5888            data-image-url="//systerp.com/cdn/shop/files/BG12561TreasureMultiPearlBraceletGold.jpg%3Fv=1751353173%26width=1000"
5889            data-description="&lt;p&gt;Ett tidlöst och mångsidigt armband handgjort i 18K guldpläterad återvunnen mässing. Kedjan pryds av flera små odlade sötvattenspärlor. Det är ett av våra mest populära armband, en favorit som passar alla tillfällen och en perfekt present.&lt;/p&gt;
5890&lt;p&gt;&amp;nbsp;&lt;/p&gt;
5891&lt;p&gt;&lt;br&gt;&lt;/p&gt;
5892&lt;h2&gt;&lt;strong&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
5893&lt;ul&gt;
5894&lt;li&gt;
5895&lt;p&gt;Handgjort i återvunnen mässing&lt;/p&gt;
5896&lt;/li&gt;
5897&lt;li&gt;
5898&lt;p&gt;18K guldplätering&lt;/p&gt;
5899&lt;/li&gt;
5900&lt;li&gt;
5901&lt;p&gt;Odlade sötvattenpärlor&lt;/p&gt;
5902&lt;/li&gt;
5903&lt;li&gt;
5904&lt;p&gt;
5904Justerbar längd i tre steg: 16,5 / 18 / 19,5 cm&lt;/p&gt;
5905&lt;/li&gt;
5906&lt;/ul&gt;
5907&lt;p&gt;&lt;br&gt;&lt;/p&gt;
5908&lt;h3&gt;&lt;strong&gt;Vad som gör det speciellt&lt;/strong&gt;&lt;/h3&gt;
5909&lt;p&gt;Varje Treasure Multi Pearl Bracelet är handgjort och varje pärla noggrant utvald, vilket ger varje smycke sin egen karaktär. Den minimalistiska designen tillsammans med de tidlösa pärlorna gör detta till ett armband du kommer vilja bära om och om igen.&lt;br&gt;&lt;/p&gt;
5910&lt;p&gt;&amp;nbsp;&lt;/p&gt;
5911&lt;p&gt;&lt;br&gt;&lt;/p&gt;
5912&lt;h4&gt;&lt;strong&gt;Hur du stylar det&lt;/strong&gt;&lt;/h4&gt;
5913&lt;p&gt;Armbandet är lika fint att bära för sig självt som tillsammans med andra armband, oavsett om du kombinerar med tunna länkar eller fler pärlsmycken. Den justerbara kedjan gör det enkelt att anpassa passformen.&lt;/p&gt;"
5914            data-bread-crumbs=""
5915          ></div>
5916        </div>
5917
5918        <h3
5919          class="lg:col-span-6 uppercase text-center px-10 leading-none"
5920          id="title-template--28929183482238__product-grid-15828253245822"
5921        >
5922          <a
5923            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
5924            href="/products/treasure-multi-pearl-bracelet-gold"
5925          >
5926            Treasure Multi Pearl Bracelet Gold
5927          </a>
5928        </h3>
5929<div
5930  class="
5931      price
5932       
5933      text-default
5934    
5935 "
5936>
5937  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
5938        <span class="price-item price-item--regular">
5939          699 kr
5940</span></div>
5941
5942    <div class="price__sale  hidden">
5943        <span class="sr-only sr-only--inline">Ordinarie pris</span>
5944        <span>
5945          <s class="price-item price-item--regular">
5946            
5947              
5948            
5949          </s>
5950        </span><span class="sr-only sr-only--inline">Reapris</span>
5951      <span class="price-item price-item--sale price-item--last">
5952        699 kr
5953      </span>
5954    </div>
5955    <small class="block uppercase caption hidden">
5956      <span class="sr-only">Enhetspris</span>
5957      <span class="price-item price-item--last">
5958        <span></span>
5959        <span aria-hidden="true">/</span>
5960        <span class="sr-only">&nbsp;per&nbsp;</span>
5961        <span>
5962        </span>
5963      </span>
5964    </small>
5965  </div>
5966</div>
5967
5968
5969<div
5970  class="
5971    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
5972    
5973  "
5974>
5975  
5976  
5977    <span class=""> best seller </span>
5978  
5979</div>
5980</div>
5981    </div>
5982  </div>
5983            </li><li>
5984              
5985<div
5986    x-data="{ showQsOptions: false }"
5987    @click.outside="showQsOptions = false"
5988    class="relative card-product card-product-wrapper mb-12 md:mb-0"
5989    data-id="6933967241291"
5990    data-title="North Star Necklace Silver"
5991    data-price="79900"
5992    data-vendor="Pink City"
5993    data-type="Halsband"
5994    data-index=""
5995  >
5996    <div
5997      class="card-product-upper relative  product-card__hover"
5998    >
5999      <a
6000        href="/collections/bastsaljare/products/north-star-necklace-silver"
6001        class="product-card"
6002      >
6003        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
6004          
6005          <img src="//systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=960" alt="A close-up product shot of the North Star Necklace in silver, showcasing the intricate detail of its unique chain and the star pendant with a central crystal." srcset="//systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=170 170w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=340 340w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=510 510w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=720 720w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=828 828w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=960" alt="A silver necklace featuring a sparkling star pendant with a crystal, layered with a longer silver necklace, and paired with small silver hoop earrings." srcset="//systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=170 170w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=340 340w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=510 510w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=720 720w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=828 828w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=960 960w" width="960" height="1344" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
6006
6007          
6008          <div
6009            class="lg:hidden"
6010          >
6011            <div
6012              class="slideshow-container"
6013              x-data="productCardSlider()"
6014              ax-load
6015              x-cloak
6016            >
6017              <img src="//systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=960" alt="A close-up product shot of the North Star Necklace in silver, showcasing the intricate detail of its unique chain and the star pendant with a central crystal." srcset="//systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=320 320w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=480 480w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg?v=1718199013&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
6017w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=960" alt="A silver necklace featuring a sparkling star pendant with a crystal, layered with a longer silver necklace, and paired with small silver hoop earrings." srcset="//systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=320 320w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=480 480w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13572bNorthStarNecklaceSilver.jpg?v=1769183836&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/9b6d2bf549f742cc9b63f9b778f0490e.thumbnail.0000000000.jpg?v=1746625523&amp;width=640" aria-label="North Star Necklace Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/9b6d2bf549f742cc9b63f9b778f0490e/9b6d2bf549f742cc9b63f9b778f0490e.HD-1080p-7.2Mbps-47159773.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/9b6d2bf549f742cc9b63f9b778f0490e.thumbnail.0000000000_small.jpg?v=1746625523"></video><img src="//systerp.com/cdn/shop/files/NS13574NorthStarShortNecklaceSilver.jpg?v=1769183836&amp;width=960" alt="A product shot of the North Star Necklace in silver, featuring a sparkling chain and a small star-shaped pendant set with a facetted crystal." srcset="//systerp.com/cdn/shop/files/NS13574NorthStarShortNecklaceSilver.jpg?v=1769183836&amp;width=320 320w, //systerp.com/cdn/shop/files/NS13574NorthStarShortNecklaceSilver.jpg?v=1769183836&amp;width=480 480w, //systerp.com/cdn/shop/files/NS13574NorthStarShortNecklaceSilver.jpg?v=1769183836&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13574NorthStarShortNecklaceSilver.jpg?v=1769183836&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/b3680c9b38bd47ff950cbb4c336d2314.thumbnail.0000000000.jpg?v=1774010420&amp;width=640" aria-label="Two layered silver necklaces—one with a star charm, the other with a october birthstone and letter pendant."><source src="//systerp.com/cdn/shop/videos/c/vp/b3680c9b38bd47ff950cbb4c336d2314/b3680c9b38bd47ff950cbb4c336d2314.HD-1080p-7.2Mbps-78345591.mp4?v=0" type="video/mp4"><img alt="Two layered silver necklaces—one with a star charm, the other with a october birthstone and letter pendant." src="//systerp.com/cdn/shop/files/preview_images/b3680c9b38bd47ff950cbb4c336d2314.thumbnail.0000000000_small.jpg?v=1774010420"></video><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/3a692291b12b47c3a42650190b5a0014.thumbnail.0000000000.jpg?v=1744188062&amp;width=640" aria-label="custom_The necklace is handmade using 100% recycled silver and a set crystal, designed with sustainability and craftsmanship in mind. The video shows the final step — the careful polishing that brings out the silver’s natural shine."><source src="//systerp.com/cdn/shop/videos/c/vp/3a692291b12b47c3a42650190b5a0014/3a692291b12b47c3a42650190b5a0014.HD-1080p-7.2Mbps-45628664.mp4?v=0" type="video/mp4"><img alt="custom_The necklace is handmade using 100% recycled silver and a set crystal, designed with sustainability and craftsmanship in mind. The video shows the final step — the careful polishing that brings out the silver’s natural shine." src="//systerp.com/cdn/shop/files/preview_images/3a692291b12b47c3a42650190b5a0014.thumbnail.0000000000_small.jpg?v=1744188062"></video><img src="//systerp.com/cdn/shop/files/NS13572cNorthStarNecklaceSilver.jpg?v=1774274199&amp;width=960" alt="A silver necklace featuring a sparkling star pendant with a crystal and layered with a longer silver necklace." srcset="//systerp.com/cdn/shop/files/NS13572cNorthStarNecklaceSilver.jpg?v=1774274199&amp;width=320 320w, //systerp.com/cdn/shop/files/NS13572cNorthStarNecklaceSilver.jpg?v=1774274199&amp;width=480 480w, //systerp.com/cdn/shop/files/NS13572cNorthStarNecklaceSilver.jpg?v=1774274199&amp;width=640 640w, //systerp.com/cdn/shop/files/NS13572cNorthStarNecklaceSilver.jpg?v=1774274199&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
6017w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/4dd5fb979f1544d6b3c641f616cab043.thumbnail.0000000000.jpg?v=1774274154&amp;width=640" aria-label="A silver necklace featuring a sparkling star pendant with a crystal, layered with a longer silver necklace, and paired with small silver hoop earrings."><source src="//systerp.com/cdn/shop/videos/c/vp/4dd5fb979f1544d6b3c641f616cab043/4dd5fb979f1544d6b3c641f616cab043.HD-1080p-7.2Mbps-79282836.mp4?v=0" type="video/mp4"><img alt="A silver necklace featuring a sparkling star pendant with a crystal, layered with a longer silver necklace, and paired with small silver hoop earrings." src="//systerp.com/cdn/shop/files/preview_images/4dd5fb979f1544d6b3c641f616cab043.thumbnail.0000000000_small.jpg?v=1774274154"></video><img src="//systerp.com/cdn/shop/files/BelovedNecklaceSilver_SheerMirrorNecklaceSilver_NorthStarNecklaceSilver.jpg?v=1774274199&amp;width=960" alt="A close-up shot of a model wearing three layered silver necklaces: the Sheer Mirror Necklace, the North Star Necklace with a star pendant, and the Beloved Necklace with a circular &#39;N&#39; initial pendant." srcset="//systerp.com/cdn/shop/files/BelovedNecklaceSilver_SheerMirrorNecklaceSilver_NorthStarNecklaceSilver.jpg?v=1774274199&amp;width=320 320w, //systerp.com/cdn/shop/files/BelovedNecklaceSilver_SheerMirrorNecklaceSilver_NorthStarNecklaceSilver.jpg?v=1774274199&amp;width=480 480w, //systerp.com/cdn/shop/files/BelovedNecklaceSilver_SheerMirrorNecklaceSilver_NorthStarNecklaceSilver.jpg?v=1774274199&amp;width=640 640w, //systerp.com/cdn/shop/files/BelovedNecklaceSilver_SheerMirrorNecklaceSilver_NorthStarNecklaceSilver.jpg?v=1774274199&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
6018            </div>
6019          </div>
6020        </div>
6021      </a>
6022      
6023        
6024          
6025
6026<div
6027  x-data="
6028    {
6029      showQsOptions: false,
6030      loading: false,
6031      selectedVariant: '40296321351755',
6032      variantAvailable: true,
6033      addToCart() {
6034        this.loading = true;
6035        const body = JSON.stringify({
6036          items: [{ id: this.selectedVariant, quantity: 1 }],
6037          sections: 'cart-items,cart-icon-bubble,cart-footer'
6038        });
6039        fetch(routes.cart_add_url, {
6040          method: 'POST',
6041          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
6042          body
6043        })
6044        .then(r => r.json())
6045        .then(data => {
6046          this.loading = false;
6047          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
6048            const section = document.getElementById(id);
6049            if (!section) return;
6050            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
6051            const el = section.querySelector(selector) || section;
6052            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
6053          });
6054          this.$dispatch('open-cart');
6055        })
6056        .catch(err => { this.loading = false; console.error('Error:', err); });
6057      }
6058    }
6059  "
6060>
6061  
6062  <button
6063    @click="$dispatch('close-quickshops'); showQsOptions = true"
6064    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
6065  >
6066    <span>
6067      
6068
6069
6070
6071<svg
6072  width="18"
6073  height="18"
6074  viewBox="0 0 18 19"
6075  fill="none"
6076  xmlns="http://www.w3.org/2000/svg"
6077>
6078  <rect
6079    x="0.5"
6080    y="0.600098"
6081    width="17"
6082    height="17"
6083    rx="8.5"
6084    stroke="black" />
6085  <path
6086    d="M9 6.1001L9 12.1001"
6087    stroke="currentColor"
6088    stroke-linecap="square" />
6089  <path
6090    d="M6 9.1001L12 9.1001"
6091    stroke="currentColor"
6092    stroke-linecap="square" />
6093</svg>
6094
6095    </span>
6096  </button>
6097
6098  <div
6099    x-show="showQsOptions"
6100    @close-quickshops.window="showQsOptions = false"
6101    @submit.window="showQsOptions = false"
6102    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
6103  ><form
6104      id="product-card-form-6933967241291"
6105      method="post"
6106      action="/cart/add"
6107      accept-charset="UTF-8"
6108      class="w-full"
6109      enctype="multipart/form-data"
6110      @submit.prevent="addToCart()"
6111    >
6112      <input type="hidden" name="form_type" value="product">
6113      <input type="hidden" name="utf8" value="✓">
6114      <input type="hidden" name="id" :value="selectedVariant">
6115      <input type="hidden" name="quantity" value="1">
6116
6117      
6118        <button
6119          type="submit"
6120          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
6121          :disabled="!variantAvailable"
6122          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
6123        >
6124          <span
6125            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
6126          ></span>
6127        </button>
6128
6129      
6130    </form>
6131  </div>
6132</div>
6133
6134        
6135      
6136    </div>
6137    <div class="flex justify-between max-lg:flex-colaspect">
6138      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
6139        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
6140          <div
6141            class="yotpo bottomLine w-full"
6142            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
6143            data-domain="systerp.myshopify.com"
6144            data-product-id="6933967241291"
6145            data-product-models="6933967241291"
6146            data-name="North Star Necklace Silver"
6147            data-url="https://systerp.com"
6148            data-image-url="//systerp.com/cdn/shop/files/NS13574bNorthStarShortNecklaceSilver.jpg%3Fv=1718199013%26width=1000"
6149            data-description="&lt;p&gt;Ett stilrent halsband handgjort i 925 sterlingsilver, 100% återvunnet. Den glittrande kedjan har en fasetterad bergskristall infattad i en liten stjärna, inspirerad av Nordstjärnan där kristallen symboliserar ljuset. Ett tidlöst smycke som fungerar lika bra till vardag som till kväll.&lt;br&gt;&lt;/p&gt;
6150&lt;h2&gt;&lt;strong&gt;&lt;br&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
6151&lt;ul&gt;
6152&lt;li&gt;
6153&lt;p&gt;Handgjort i 925 sterlingsilver, 100% återvunnet&lt;/p&gt;
6154&lt;/li&gt;
6155&lt;li&gt;
6156&lt;p&gt;Fasetterad bergskristall som fångar ljuset&lt;/p&gt;
6157&lt;/li&gt;
6158&lt;li&gt;
6159&lt;p&gt;Unik kedja med liten stjärnberlock&lt;/p&gt;
6160&lt;/li&gt;
6161&lt;/ul&gt;
6162&lt;p&gt;&lt;br&gt;&lt;/p&gt;
6163&lt;h3&gt;&lt;strong&gt;Vad som gör det speciellt&lt;/strong&gt;&lt;/h3&gt;
6164&lt;p&gt;Varje halsband är handgjort, vilket ger varje exemplar en unik känsla. Den minimalistiska designen tillsammans med den symboliska detaljen skapar ett smycke som känns både tidlöst och personligt.&lt;/p&gt;
6165&lt;p&gt;&lt;br&gt;&lt;/p&gt;
6166&lt;h4&gt;&lt;strong&gt;SÃ¥ stylar du den&lt;/strong&gt;&lt;/h4&gt;
6167&lt;p&gt;Bär den för sig själv för en enkel vardagslook, eller kombinera med längre halsband för en personlig layering – perfekt från dag till kväll.&lt;/p&gt;"
6168            data-bread-crumbs=""
6169          ></div>
6170        </div>
6171
6172        <h3
6173          class="lg:col-span-6 uppercase text-center px-10 leading-none"
6174          id="title-template--28929183482238__product-grid-6933967241291"
6175        >
6176          <a
6177            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
6178            href="/products/north-star-necklace-silver"
6179          >
6180            North Star Necklace Silver
6181          </a>
6182        </h3>
6183<div
6184  class="
6185      price
6186       
6187      text-default
6188    
6189 "
6190>
6191  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
6192        <span class="price-item price-item--regular">
6193          799 kr
6194</span></div>
6195
6196    <div class="price__sale  hidden">
6197        <span class="sr-only sr-only--inline">Ordinarie pris</span>
6198        <span>
6199          <s class="price-item price-item--regular">
6200            
6201              
6202            
6203          </s>
6204        </span><span class="sr-only sr-only--inline">Reapris</span>
6205      <span class="price-item price-item--sale price-item--last">
6206        799 kr
6207      </span>
6208    </div>
6209    <small class="block uppercase caption hidden">
6210      <span class="sr-only">Enhetspris</span>
6211      <span class="price-item price-item--last">
6212        <span></span>
6213        <span aria-hidden="true">/</span>
6214        <span class="sr-only">&nbsp;per&nbsp;</span>
6215        <span>
6216        </span>
6217      </span>
6218    </small>
6219  </div>
6220</div>
6221
6222
6223<div
6224  class="
6225    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
6226    
6227  "
6228>
6229  
6230  
6231    <span class=""> best seller </span>
6232  
6233</div>
6234</div>
6235    </div>
6236  </div>
6237            </li><li>
6238              
6239<div
6240    x-data="{ showQsOptions: false }"
6241    @click.outside="showQsOptions = false"
6242    class="relative card-product card-product-wrapper mb-12 md:mb-0"
6243    data-id="15828136984958"
6244    data-title="Treasure Pearl Hoops Gold"
6245    data-price="79900"
6246    data-vendor="Pink City"
6247    data-type="Örhängen"
6248    data-index=""
6249  >
6250    <div
6251      class="card-product-upper relative  product-card__hover"
6252    >
6253      <a
6254        href="/collections/bastsaljare/products/treasure-pearl-hoops-gold"
6255        class="product-card"
6256      >
6257        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
6258          
6259          <img src="//systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=960" alt="A product shot of the Treasure Pearl Hoops in gold, highlighting the classic design of a simple hoop with a dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=170 170w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=340 340w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=510 510w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=640 640w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=720 720w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=828 828w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=960" alt="A shot of a model wearing the Treasure Pearl Hoops Gold, featuring a dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=170 170w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=340 340w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=510 510w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=640 640w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=720 720w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=828 828w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low" style="object-position:67.2774% 55.7067%;">
6260
6261          
6262          <div
6263            class="lg:hidden"
6264          >
6265            <div
6266              class="slideshow-container"
6267              x-data="productCardSlider()"
6268              ax-load
6269              x-cloak
6270            >
6271              <img src="//systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=960" alt="A product shot of the Treasure Pearl Hoops in gold, highlighting the classic design of a simple hoop with a dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=320 320w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=480 480w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=640 640w, //systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg?v=1761924817&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
6271w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=960" alt="A shot of a model wearing the Treasure Pearl Hoops Gold, featuring a dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=320 320w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=480 480w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=640 640w, //systerp.com/cdn/shop/files/EG12102dTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:67.2774% 55.7067%;"><img src="//systerp.com/cdn/shop/files/EG12104bTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=960" alt="A product shot of the Treasure Pearl Hoops Gold, showing the pair of small gold hoops each with a dangling freshwater pearl." srcset="//systerp.com/cdn/shop/files/EG12104bTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=320 320w, //systerp.com/cdn/shop/files/EG12104bTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=480 480w, //systerp.com/cdn/shop/files/EG12104bTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=640 640w, //systerp.com/cdn/shop/files/EG12104bTreasurePearlHoopsGold.jpg?v=1773932686&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/TreasurePearlHoopsGold_BelovedTwistedSmallHoopsGold_TreasureMultiPearlNecklaceGold_TrueLoveSpikeHeartNecklaceGold.jpg?v=1773932686&amp;width=960" alt="A close-up of a model wearing the Treasure Pearl Hoops Gold, featuring a dangling freshwater pearl, alongside the smaller Beloved Twisted Small Hoops Gold." srcset="//systerp.com/cdn/shop/files/TreasurePearlHoopsGold_BelovedTwistedSmallHoopsGold_TreasureMultiPearlNecklaceGold_TrueLoveSpikeHeartNecklaceGold.jpg?v=1773932686&amp;width=320 320w, //systerp.com/cdn/shop/files/TreasurePearlHoopsGold_BelovedTwistedSmallHoopsGold_TreasureMultiPearlNecklaceGold_TrueLoveSpikeHeartNecklaceGold.jpg?v=1773932686&amp;width=480 480w, //systerp.com/cdn/shop/files/TreasurePearlHoopsGold_BelovedTwistedSmallHoopsGold_TreasureMultiPearlNecklaceGold_TrueLoveSpikeHeartNecklaceGold.jpg?v=1773932686&amp;width=640 640w, //systerp.com/cdn/shop/files/TreasurePearlHoopsGold_BelovedTwistedSmallHoopsGold_TreasureMultiPearlNecklaceGold_TrueLoveSpikeHeartNecklaceGold.jpg?v=1773932686&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/custom_treasurepearl.jpg?v=1773932686&amp;width=960" alt="All our jewelry is handmade." srcset="//systerp.com/cdn/shop/files/custom_treasurepearl.jpg?v=1773932686&amp;width=320 320w, //systerp.com/cdn/shop/files/custom_treasurepearl.jpg?v=1773932686&amp;width=480 480w, //systerp.com/cdn/shop/files/custom_treasurepearl.jpg?v=1773932686&amp;width=640 640w, //systerp.com/cdn/shop/files/custom_treasurepearl.jpg?v=1773932686&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/TreasureMultiPearlNecklaceGold_TreasurePearlHoopsGold.jpg?v=1773932686&amp;width=960" alt="A styled product shot of the gold Treasure Pearl Hoops and the Treasure Multi Pearl Necklace, elegantly arranged on a white Syster P gift box tied with a black ribbon." srcset="//systerp.com/cdn/shop/files/TreasureMultiPearlNecklaceGold_TreasurePearlHoopsGold.jpg?v=1773932686&amp;width=320 320w, //systerp.com/cdn/shop/files/TreasureMultiPearlNecklaceGold_TreasurePearlHoopsGold.jpg?v=1773932686&amp;width=480 480w, //systerp.com/cdn/shop/files/TreasureMultiPearlNecklaceGold_TreasurePearlHoopsGold.jpg?v=1773932686&amp;width=640 640w, //systerp.com/cdn/shop/files/TreasureMultiPearlNecklaceGold_TreasurePearlHoopsGold.jpg?v=1773932686&amp;width=768 768w" width="960" height="1290" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
6271w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
6272            </div>
6273          </div>
6274        </div>
6275      </a>
6276      
6277        
6278          
6279
6280<div
6281  x-data="
6282    {
6283      showQsOptions: false,
6284      loading: false,
6285      selectedVariant: '57129315598718',
6286      variantAvailable: true,
6287      addToCart() {
6288        this.loading = true;
6289        const body = JSON.stringify({
6290          items: [{ id: this.selectedVariant, quantity: 1 }],
6291          sections: 'cart-items,cart-icon-bubble,cart-footer'
6292        });
6293        fetch(routes.cart_add_url, {
6294          method: 'POST',
6295          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
6296          body
6297        })
6298        .then(r => r.json())
6299        .then(data => {
6300          this.loading = false;
6301          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
6302            const section = document.getElementById(id);
6303            if (!section) return;
6304            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
6305            const el = section.querySelector(selector) || section;
6306            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
6307          });
6308          this.$dispatch('open-cart');
6309        })
6310        .catch(err => { this.loading = false; console.error('Error:', err); });
6311      }
6312    }
6313  "
6314>
6315  
6316  <button
6317    @click="$dispatch('close-quickshops'); showQsOptions = true"
6318    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
6319  >
6320    <span>
6321      
6322
6323
6324
6325<svg
6326  width="18"
6327  height="18"
6328  viewBox="0 0 18 19"
6329  fill="none"
6330  xmlns="http://www.w3.org/2000/svg"
6331>
6332  <rect
6333    x="0.5"
6334    y="0.600098"
6335    width="17"
6336    height="17"
6337    rx="8.5"
6338    stroke="black" />
6339  <path
6340    d="M9 6.1001L9 12.1001"
6341    stroke="currentColor"
6342    stroke-linecap="square" />
6343  <path
6344    d="M6 9.1001L12 9.1001"
6345    stroke="currentColor"
6346    stroke-linecap="square" />
6347</svg>
6348
6349    </span>
6350  </button>
6351
6352  <div
6353    x-show="showQsOptions"
6354    @close-quickshops.window="showQsOptions = false"
6355    @submit.window="showQsOptions = false"
6356    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
6357  ><form
6358      id="product-card-form-15828136984958"
6359      method="post"
6360      action="/cart/add"
6361      accept-charset="UTF-8"
6362      class="w-full"
6363      enctype="multipart/form-data"
6364      @submit.prevent="addToCart()"
6365    >
6366      <input type="hidden" name="form_type" value="product">
6367      <input type="hidden" name="utf8" value="✓">
6368      <input type="hidden" name="id" :value="selectedVariant">
6369      <input type="hidden" name="quantity" value="1">
6370
6371      
6372        <button
6373          type="submit"
6374          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
6375          :disabled="!variantAvailable"
6376          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
6377        >
6378          <span
6379            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
6380          ></span>
6381        </button>
6382
6383      
6384    </form>
6385  </div>
6386</div>
6387
6388        
6389      
6390    </div>
6391    <div class="flex justify-between max-lg:flex-colaspect">
6392      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
6393        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
6394          <div
6395            class="yotpo bottomLine w-full"
6396            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
6397            data-domain="systerp.myshopify.com"
6398            data-product-id="15828136984958"
6399            data-product-models="15828136984958"
6400            data-name="Treasure Pearl Hoops Gold"
6401            data-url="https://systerp.com"
6402            data-image-url="//systerp.com/cdn/shop/files/EG12104TreasurePearlHoopsGold.jpg%3Fv=1761924817%26width=1000"
6403            data-description="&lt;p&gt;Ett par tidlösa och populära örhängen handgjorda i 18K guldpläterad återvunnen mässing. Hoopsen har en droppformad sötvattenspärla — en riktig klassiker som håller år efter år. Enkla, klassiska och fina att bära både till vardags och vid mer uppklädda tillfällen. De är en riktig bästsäljare som även är den perfekta presenten.&lt;/p&gt;
6404&lt;h2&gt;&lt;strong&gt;&lt;br&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
6405&lt;ul&gt;
6406&lt;li&gt;
6407&lt;p&gt;Handgjorda i återvunnen mässing&lt;/p&gt;
6408&lt;/li&gt;
6409&lt;li&gt;
6410&lt;p&gt;18K guldplätering&lt;/p&gt;
6411&lt;/li&gt;
6412&lt;li&gt;
6413&lt;p&gt;Odlade sötvattenspärlor&lt;/p&gt;
6414&lt;/li&gt;
6415&lt;li&gt;
6416&lt;p&gt;Bästsäljare och en perfekt present&lt;/p&gt;
6417&lt;/li&gt;
6418&lt;/ul&gt;
6419&lt;h3&gt;&lt;strong&gt;&lt;br&gt;Vad som gör dem speciella&lt;/strong&gt;&lt;/h3&gt;
6420&lt;p&gt;Varje par Treasure Pearl Hoops är handgjort och varje pärla noggrant utvald, vilket gör varje smycke unikt. Den rena och tidlösa designen med den klassiska pärlan gör att örhängena kan bäras år efter år — ett enkelt val när du vill ge en minnesvärd present.&lt;br&gt;&lt;/p&gt;
6421&lt;h4&gt;&lt;strong&gt;&lt;br&gt;SÃ¥ stylar du dem&lt;/strong&gt;&lt;/h4&gt;
6422&lt;p&gt;Treasure Pearl Hoops passar perfekt att bära tillsammans med andra smycken, framför allt andra pärlsmycken som bästsäljande &lt;a href=&quot;https://systerp.com/products/treasure-multi-pearl-necklace-gold&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Treasure Multi Pearl Necklace&lt;/span&gt;&lt;/a&gt; eller &lt;a href=&quot;https://systerp.com/products/treasure-multi-pearl-bracelet-gold&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Treasure Multi Pearl Bracelet&lt;/span&gt;&lt;/a&gt;. Har du fler hål i öronen är de fina att kombinera med små hoops eller studs för en personlig look.&lt;/p&gt;"
6423            data-bread-crumbs=""
6424          ></div>
6425        </div>
6426
6427        <h3
6428          class="lg:col-span-6 uppercase text-center px-10 leading-none"
6429          id="title-template--28929183482238__product-grid-15828136984958"
6430        >
6431          <a
6432            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
6433            href="/products/treasure-pearl-hoops-gold"
6434          >
6435            Treasure Pearl Hoops Gold
6436          </a>
6437        </h3>
6438<div
6439  class="
6440      price
6441       
6442      text-default
6443    
6444 "
6445>
6446  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
6447        <span class="price-item price-item--regular">
6448          799 kr
6449</span></div>
6450
6451    <div class="price__sale  hidden">
6452        <span class="sr-only sr-only--inline">Ordinarie pris</span>
6453        <span>
6454          <s class="price-item price-item--regular">
6455            
6456              
6457            
6458          </s>
6459        </span><span class="sr-only sr-only--inline">Reapris</span>
6460      <span class="price-item price-item--sale price-item--last">
6461        799 kr
6462      </span>
6463    </div>
6464    <small class="block uppercase caption hidden">
6465      <span class="sr-only">Enhetspris</span>
6466      <span class="price-item price-item--last">
6467        <span></span>
6468        <span aria-hidden="true">/</span>
6469        <span class="sr-only">&nbsp;per&nbsp;</span>
6470        <span>
6471        </span>
6472      </span>
6473    </small>
6474  </div>
6475</div>
6476
6477
6478<div
6479  class="
6480    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
6481    
6482  "
6483>
6484  
6485  
6486    <span class=""> best seller </span>
6487  
6488</div>
6489</div>
6490    </div>
6491  </div>
6492            </li><li>
6493              
6494<div
6495    x-data="{ showQsOptions: false }"
6496    @click.outside="showQsOptions = false"
6497    class="relative card-product card-product-wrapper mb-12 md:mb-0"
6498    data-id="6933954265163"
6499    data-title="Santa Monica Bracelet Silver"
6500    data-price="54900"
6501    data-vendor="MALYA JEWEL CRAFTS"
6502    data-type="Armband"
6503    data-index=""
6504  >
6505    <div
6506      class="card-product-upper relative  product-card__hover"
6507    >
6508      <a
6509        href="/collections/bastsaljare/products/santa-monica-bracelet-silver"
6510        class="product-card"
6511      >
6512        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
6513          
6514          <img src="//systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=960" alt="A product shot of the Santa Monica Bracelet in silver, laid out in a circle to display its design of a fine chain adorned with small, colorful gemstone beads: Yellow Jade, Pink Opal, Sodalite, Green Onyx, Blue Color Reconstituted Turquoise, Vit Agate and Carnelian." srcset="//systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=170 170w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=340 340w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=510 510w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=720 720w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=828 828w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=960 960w" width="960" height="1234" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=960" alt="A silver bracelet with colorful gemstones, layered with a thin silver bracelet featuring a star charm, paired with a delicate silver chain necklace, small silver hoop earrings, and a silver ring." srcset="//systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=170 170w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=340 340w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=510 510w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=720 720w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=828 828w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=960 960w" width="960" height="1344" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
6515
6516          
6517          <div
6518            class="lg:hidden"
6519          >
6520            <div
6521              class="slideshow-container"
6522              x-data="productCardSlider()"
6523              ax-load
6524              x-cloak
6525            >
6526              <img src="//systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=960" alt="A product shot of the Santa Monica Bracelet in silver, laid out in a circle to display its design of a fine chain adorned with small, colorful gemstone beads: Yellow Jade, Pink Opal, Sodalite, Green Onyx, Blue Color Reconstituted Turquoise, Vit Agate and Carnelian." srcset="//systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=320 320w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=480 480w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg?v=1751351866&amp;width=768 768w" width="960" height="1234" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
6526w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=960" alt="A silver bracelet with colorful gemstones, layered with a thin silver bracelet featuring a star charm, paired with a delicate silver chain necklace, small silver hoop earrings, and a silver ring." srcset="//systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=320 320w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=480 480w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12532dSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BS12531bSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=960" alt="A close-up of the Santa Monica Bracelet in silver, showcasing its chain design adorned with various colorful gemstone beads: Yellow Jade, Pink Opal, Sodalite, Green Onyx, Blue Color Reconstituted Turquoise, Vit Agate and Carnelian." srcset="//systerp.com/cdn/shop/files/BS12531bSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=320 320w, //systerp.com/cdn/shop/files/BS12531bSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=480 480w, //systerp.com/cdn/shop/files/BS12531bSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12531bSantaMonicaBraceletSilver.jpg?v=1769183915&amp;width=768 768w" width="960" height="1148" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Sheermirrorbraceletsilver_Sheerlovebraceletsilver_SantaMonicabraceletsilver_adb3c258-31f9-44c9-8eab-d8cdbd297615.jpg?v=1774881319&amp;width=960" alt="A model&#39;s wrist styled with a stack of three Syster P silver bracelets: the Santa Monica Bracelet with colorful gemstones, the simple Sheer Mirror chain bracelet, and the Sheer Love linked chain bracelet." srcset="//systerp.com/cdn/shop/files/Sheermirrorbraceletsilver_Sheerlovebraceletsilver_SantaMonicabraceletsilver_adb3c258-31f9-44c9-8eab-d8cdbd297615.jpg?v=1774881319&amp;width=320 320w, //systerp.com/cdn/shop/files/Sheermirrorbraceletsilver_Sheerlovebraceletsilver_SantaMonicabraceletsilver_adb3c258-31f9-44c9-8eab-d8cdbd297615.jpg?v=1774881319&amp;width=480 480w, //systerp.com/cdn/shop/files/Sheermirrorbraceletsilver_Sheerlovebraceletsilver_SantaMonicabraceletsilver_adb3c258-31f9-44c9-8eab-d8cdbd297615.jpg?v=1774881319&amp;width=640 640w, //systerp.com/cdn/shop/files/Sheermirrorbraceletsilver_Sheerlovebraceletsilver_SantaMonicabraceletsilver_adb3c258-31f9-44c9-8eab-d8cdbd297615.jpg?v=1774881319&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/23dbfaed82104b9fb43e3fedb1f8e112.thumbnail.0000000000.jpg?v=1744271589&amp;width=640" aria-label="Santa Monica Bracelet Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/23dbfaed82104b9fb43e3fedb1f8e112/23dbfaed82104b9fb43e3fedb1f8e112.HD-1080p-7.2Mbps-45698293.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/23dbfaed82104b9fb43e3fedb1f8e112.thumbnail.0000000000_small.jpg?v=1744271589"></video><img src="//systerp.com/cdn/shop/files/custom_fabrik.jpg?v=1769414516&amp;width=960" alt="Each piece is handmade using 100% recycled silver, with every detail carefully crafted to create a beautiful and lasting design." srcset="//systerp.com/cdn/shop/files/custom_fabrik.jpg?v=1769414516&amp;width=320 320w, //systerp.com/cdn/shop/files/custom_fabrik.jpg?v=1769414516&amp;width=480 480w, //systerp.com/cdn/shop/files/custom_fabrik.jpg?v=1769414516&amp;width=640 640w, //systerp.com/cdn/shop/files/custom_fabrik.jpg?v=1769414516&amp;width=768 768w" width="960" height="720" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
6526w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
6527            </div>
6528          </div>
6529        </div>
6530      </a>
6531      
6532        
6533          
6534
6535<div
6536  x-data="
6537    {
6538      showQsOptions: false,
6539      loading: false,
6540      selectedVariant: '40296308047947',
6541      variantAvailable: true,
6542      addToCart() {
6543        this.loading = true;
6544        const body = JSON.stringify({
6545          items: [{ id: this.selectedVariant, quantity: 1 }],
6546          sections: 'cart-items,cart-icon-bubble,cart-footer'
6547        });
6548        fetch(routes.cart_add_url, {
6549          method: 'POST',
6550          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
6551          body
6552        })
6553        .then(r => r.json())
6554        .then(data => {
6555          this.loading = false;
6556          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
6557            const section = document.getElementById(id);
6558            if (!section) return;
6559            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
6560            const el = section.querySelector(selector) || section;
6561            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
6562          });
6563          this.$dispatch('open-cart');
6564        })
6565        .catch(err => { this.loading = false; console.error('Error:', err); });
6566      }
6567    }
6568  "
6569>
6570  
6571  <button
6572    @click="$dispatch('close-quickshops'); showQsOptions = true"
6573    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
6574  >
6575    <span>
6576      
6577
6578
6579
6580<svg
6581  width="18"
6582  height="18"
6583  viewBox="0 0 18 19"
6584  fill="none"
6585  xmlns="http://www.w3.org/2000/svg"
6586>
6587  <rect
6588    x="0.5"
6589    y="0.600098"
6590    width="17"
6591    height="17"
6592    rx="8.5"
6593    stroke="black" />
6594  <path
6595    d="M9 6.1001L9 12.1001"
6596    stroke="currentColor"
6597    stroke-linecap="square" />
6598  <path
6599    d="M6 9.1001L12 9.1001"
6600    stroke="currentColor"
6601    stroke-linecap="square" />
6602</svg>
6603
6604    </span>
6605  </button>
6606
6607  <div
6608    x-show="showQsOptions"
6609    @close-quickshops.window="showQsOptions = false"
6610    @submit.window="showQsOptions = false"
6611    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
6612  ><form
6613      id="product-card-form-6933954265163"
6614      method="post"
6615      action="/cart/add"
6616      accept-charset="UTF-8"
6617      class="w-full"
6618      enctype="multipart/form-data"
6619      @submit.prevent="addToCart()"
6620    >
6621      <input type="hidden" name="form_type" value="product">
6622      <input type="hidden" name="utf8" value="✓">
6623      <input type="hidden" name="id" :value="selectedVariant">
6624      <input type="hidden" name="quantity" value="1">
6625
6626      
6627        <button
6628          type="submit"
6629          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
6630          :disabled="!variantAvailable"
6631          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
6632        >
6633          <span
6634            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
6635          ></span>
6636        </button>
6637
6638      
6639    </form>
6640  </div>
6641</div>
6642
6643        
6644      
6645    </div>
6646    <div class="flex justify-between max-lg:flex-colaspect">
6647      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
6648        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
6649          <div
6650            class="yotpo bottomLine w-full"
6651            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
6652            data-domain="systerp.myshopify.com"
6653            data-product-id="6933954265163"
6654            data-product-models="6933954265163"
6655            data-name="Santa Monica Bracelet Silver"
6656            data-url="https://systerp.com"
6657            data-image-url="//systerp.com/cdn/shop/files/BS12531SantaMonicaBraceletSilver.jpg%3Fv=1751351866%26width=1000"
6658            data-description="&lt;p&gt;Letar du efter det perfekta armbandet? Santa Monica är vårt mest populära! Det är tillverkat i&amp;nbsp;
6658äkta sterlingsilver, 100% återvunnet.&amp;nbsp;Kombinera gärna med det matchande halsbandet för en komplett och trendig look! De små stenarna är: Gul Jade, Rosa Opal, Sodalit, Grön Onyx, Rekonstruerad Turkos, Vit Agat och Karneol. Ett smycke som passar perfekt både till vardag och fest – och en uppskattad present!&lt;/p&gt;"
6659            data-bread-crumbs=""
6660          ></div>
6661        </div>
6662
6663        <h3
6664          class="lg:col-span-6 uppercase text-center px-10 leading-none"
6665          id="title-template--28929183482238__product-grid-6933954265163"
6666        >
6667          <a
6668            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
6669            href="/products/santa-monica-bracelet-silver"
6670          >
6671            Santa Monica Bracelet Silver
6672          </a>
6673        </h3>
6674<div
6675  class="
6676      price
6677       
6678      text-default
6679    
6680 "
6681>
6682  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
6683        <span class="price-item price-item--regular">
6684          549 kr
6685</span></div>
6686
6687    <div class="price__sale  hidden">
6688        <span class="sr-only sr-only--inline">Ordinarie pris</span>
6689        <span>
6690          <s class="price-item price-item--regular">
6691            
6692              
6693            
6694          </s>
6695        </span><span class="sr-only sr-only--inline">Reapris</span>
6696      <span class="price-item price-item--sale price-item--last">
6697        549 kr
6698      </span>
6699    </div>
6700    <small class="block uppercase caption hidden">
6701      <span class="sr-only">Enhetspris</span>
6702      <span class="price-item price-item--last">
6703        <span></span>
6704        <span aria-hidden="true">/</span>
6705        <span class="sr-only">&nbsp;per&nbsp;</span>
6706        <span>
6707        </span>
6708      </span>
6709    </small>
6710  </div>
6711</div>
6712
6713
6714<div
6715  class="
6716    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
6717    
6718  "
6719>
6720  
6721  
6722    <span class=""> best seller </span>
6723  
6724</div>
6725</div>
6726    </div>
6727  </div>
6728            </li><li>
6729              
6730<div
6731    x-data="{ showQsOptions: false }"
6732    @click.outside="showQsOptions = false"
6733    class="relative card-product card-product-wrapper mb-12 md:mb-0"
6734    data-id="15828017873278"
6735    data-title="Treasure Single Pearl Necklace Gold"
6736    data-price="109900"
6737    data-vendor="Pink City"
6738    data-type="Halsband"
6739    data-index=""
6740  >
6741    <div
6742      class="card-product-upper relative  product-card__hover"
6743    >
6744      <a
6745        href="/collections/bastsaljare/products/treasure-single-pearl-necklace-gold"
6746        class="product-card"
6747      >
6748        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
6749          
6750          <img src="//systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=960" alt="A product shot of the Treasure Single Pearl Necklace in gold, highlighting its unique chain and its single teardrop-shaped freshwater pearl pendant." srcset="//systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=170 170w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=340 340w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=510 510w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=720 720w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=828 828w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=960" alt="A model shot of the Treasure Single Pearl Necklace in gold, highlighting its unique chain and its single teardrop-shaped freshwater pearl pendant." srcset="//systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=170 170w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=340 340w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=510 510w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=720 720w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=828 828w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
6751
6752          
6753          <div
6754            class="lg:hidden"
6755          >
6756            <div
6757              class="slideshow-container"
6758              x-data="productCardSlider()"
6759              ax-load
6760              x-cloak
6761            >
6762              <img src="//systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=960" alt="A product shot of the Treasure Single Pearl Necklace in gold, highlighting its unique chain and its single teardrop-shaped freshwater pearl pendant." srcset="//systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
6762w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=960" alt="A model shot of the Treasure Single Pearl Necklace in gold, highlighting its unique chain and its single teardrop-shaped freshwater pearl pendant." srcset="//systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold.jpg?v=1773933075&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/4cbd6be67e8d48d59b1b31d3d305a047.thumbnail.0000000000.jpg?v=1736764949&amp;width=640" aria-label="A short gold necklace with more small pearls on it and a longer charm necklace with one pearl on and the chain with its tiny, shining dots."><source src="//systerp.com/cdn/shop/videos/c/vp/4cbd6be67e8d48d59b1b31d3d305a047/4cbd6be67e8d48d59b1b31d3d305a047.HD-1080p-7.2Mbps-40912384.mp4?v=0" type="video/mp4"><img alt="A short gold necklace with more small pearls on it and a longer charm necklace with one pearl on and the chain with its tiny, shining dots." src="//systerp.com/cdn/shop/files/preview_images/4cbd6be67e8d48d59b1b31d3d305a047.thumbnail.0000000000_small.jpg?v=1736764949"></video><img src="//systerp.com/cdn/shop/files/NG13531bTreasureSinglePearlNecklaceGoldcopy.jpg?v=1773933075&amp;width=960" alt="A close-up product shot of the Treasure Single Pearl Necklace in gold, showing its delicate, beaded chain and the single freshwater pearl pendant." srcset="//systerp.com/cdn/shop/files/NG13531bTreasureSinglePearlNecklaceGoldcopy.jpg?v=1773933075&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13531bTreasureSinglePearlNecklaceGoldcopy.jpg?v=1773933075&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13531bTreasureSinglePearlNecklaceGoldcopy.jpg?v=1773933075&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13531bTreasureSinglePearlNecklaceGoldcopy.jpg?v=1773933075&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1354_2a_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1773933075&amp;width=960" alt="A close-up of a model wearing the Treasure Single Pearl Necklace in gold, featuring a delicate teardrop-shaped pearl, layered with a shorter gold necklace dotted with small freshwater pearls." srcset="//systerp.com/cdn/shop/files/NG1354_2a_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1773933075&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1354_2a_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1773933075&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1354_2a_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1773933075&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1354_2a_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1773933075&amp;width=768 768w" width="960" height="1092" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:42.9055% 83.416%;"><img src="//systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=960" alt="A model wears the gold Treasure Multi Pearl Necklace, styled in a layered look with the Treasure Single Pearl Necklace, both featuring delicate freshwater pearls and shown against a crisp white shirt." srcset="//systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=320 320w, //systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=480 480w, //systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=640 640w, //systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
6762w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold_1dfbf19d-5089-47a6-a26c-124ade941faa.jpg?v=1783064988&amp;width=960" alt="Treasure Single Pearl Necklace Gold" srcset="//systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold_1dfbf19d-5089-47a6-a26c-124ade941faa.jpg?v=1783064988&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold_1dfbf19d-5089-47a6-a26c-124ade941faa.jpg?v=1783064988&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold_1dfbf19d-5089-47a6-a26c-124ade941faa.jpg?v=1783064988&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13532dTreasureSinglePearlNecklaceGold_1dfbf19d-5089-47a6-a26c-124ade941faa.jpg?v=1783064988&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
6763            </div>
6764          </div>
6765        </div>
6766      </a>
6767      
6768        
6769          
6770
6771<div
6772  x-data="
6773    {
6774      showQsOptions: false,
6775      loading: false,
6776      selectedVariant: '57128474280318',
6777      variantAvailable: true,
6778      addToCart() {
6779        this.loading = true;
6780        const body = JSON.stringify({
6781          items: [{ id: this.selectedVariant, quantity: 1 }],
6782          sections: 'cart-items,cart-icon-bubble,cart-footer'
6783        });
6784        fetch(routes.cart_add_url, {
6785          method: 'POST',
6786          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
6787          body
6788        })
6789        .then(r => r.json())
6790        .then(data => {
6791          this.loading = false;
6792          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
6793            const section = document.getElementById(id);
6794            if (!section) return;
6795            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
6796            const el = section.querySelector(selector) || section;
6797            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
6798          });
6799          this.$dispatch('open-cart');
6800        })
6801        .catch(err => { this.loading = false; console.error('Error:', err); });
6802      }
6803    }
6804  "
6805>
6806  
6807  <button
6808    @click="$dispatch('close-quickshops'); showQsOptions = true"
6809    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
6810  >
6811    <span>
6812      
6813
6814
6815
6816<svg
6817  width="18"
6818  height="18"
6819  viewBox="0 0 18 19"
6820  fill="none"
6821  xmlns="http://www.w3.org/2000/svg"
6822>
6823  <rect
6824    x="0.5"
6825    y="0.600098"
6826    width="17"
6827    height="17"
6828    rx="8.5"
6829    stroke="black" />
6830  <path
6831    d="M9 6.1001L9 12.1001"
6832    stroke="currentColor"
6833    stroke-linecap="square" />
6834  <path
6835    d="M6 9.1001L12 9.1001"
6836    stroke="currentColor"
6837    stroke-linecap="square" />
6838</svg>
6839
6840    </span>
6841  </button>
6842
6843  <div
6844    x-show="showQsOptions"
6845    @close-quickshops.window="showQsOptions = false"
6846    @submit.window="showQsOptions = false"
6847    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
6848  ><form
6849      id="product-card-form-15828017873278"
6850      method="post"
6851      action="/cart/add"
6852      accept-charset="UTF-8"
6853      class="w-full"
6854      enctype="multipart/form-data"
6855      @submit.prevent="addToCart()"
6856    >
6857      <input type="hidden" name="form_type" value="product">
6858      <input type="hidden" name="utf8" value="✓">
6859      <input type="hidden" name="id" :value="selectedVariant">
6860      <input type="hidden" name="quantity" value="1">
6861
6862      
6863        <button
6864          type="submit"
6865          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
6866          :disabled="!variantAvailable"
6867          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
6868        >
6869          <span
6870            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
6871          ></span>
6872        </button>
6873
6874      
6875    </form>
6876  </div>
6877</div>
6878
6879        
6880      
6881    </div>
6882    <div class="flex justify-between max-lg:flex-colaspect">
6883      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
6884        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
6885          <div
6886            class="yotpo bottomLine w-full"
6887            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
6888            data-domain="systerp.myshopify.com"
6889            data-product-id="15828017873278"
6890            data-product-models="15828017873278"
6891            data-name="Treasure Single Pearl Necklace Gold"
6892            data-url="https://systerp.com"
6893            data-image-url="//systerp.com/cdn/shop/files/NG13531cTreasureSinglePearlNecklaceGold.jpg%3Fv=1773933075%26width=1000"
6894            data-description="&lt;p&gt;Treasure Single Pearl Necklace är ett handgjort halsband med en unik kedja prydd med en odlad sötvattenspärla. Tillverkat i 18K guldpläterad återvunnen mässing. Med sin tidlösa design är det ett smycke du kommer bära om och om igen, och det blir även en uppskattad present.&lt;br&gt;&lt;br&gt;&lt;/p&gt;
6895&lt;h2&gt;&lt;strong&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
6896&lt;ul&gt;
6897&lt;li&gt;
6898&lt;p&gt;Handgjord i återvunnen mässing&lt;/p&gt;
6899&lt;/li&gt;
6900&lt;li&gt;
6901&lt;p&gt;18K guldplätering&lt;/p&gt;
6902&lt;/li&gt;
6903&lt;li&gt;
6904&lt;p&gt;Odlad sötvattenspärla&lt;/p&gt;
6905&lt;/li&gt;
6906&lt;li&gt;
6907&lt;p&gt;Justerbar kedja i 2 steg: 44–48 cm&lt;/p&gt;
6908&lt;/li&gt;
6909&lt;/ul&gt;
6910&lt;h3&gt;&lt;strong&gt;&lt;br&gt;Vad som gör det speciellt&lt;/strong&gt;&lt;/h3&gt;
6911&lt;p&gt;Treasure Single Pearl Necklace är handgjort i äkta silver och pärlan är noggrant utvald. Pärlan är naturligt bildad i sötvattensmusslor vilket ger varje pärla små variationer i färg och form och gör varje halsband helt unikt.&lt;/p&gt;
6912&lt;h4&gt;&lt;strong&gt;&lt;br&gt;Hur du stylar det&lt;/strong&gt;&lt;/h4&gt;
6913&lt;p&gt;Halsbandet ingår i &lt;a href=&quot;https://systerp.com/products/treasure-necklace-set-gold&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Treasure Necklace Set&lt;/span&gt;&lt;/a&gt;&lt;em&gt; &lt;/em&gt;— en färdig kombination med ett kortare pärlhalsband för en komplett layering. Det är även fint att matcha med kortare enkla kedjor eller andra pärlsmycken.&lt;/p&gt;"
6914            data-bread-crumbs=""
6915          ></div>
6916        </div>
6917
6918        <h3
6919          class="lg:col-span-6 uppercase text-center px-10 leading-none"
6920          id="title-template--28929183482238__product-grid-15828017873278"
6921        >
6922          <a
6923            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
6924            href="/products/treasure-single-pearl-necklace-gold"
6925          >
6926            Treasure Single Pearl Necklace Gold
6927          </a>
6928        </h3>
6929<div
6930  class="
6931      price
6932       
6933      text-default
6934    
6935 "
6936>
6937  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
6938        <span class="price-item price-item--regular">
6939          1,099 kr
6940</span></div>
6941
6942    <div class="price__sale  hidden">
6943        <span class="sr-only sr-only--inline">Ordinarie pris</span>
6944        <span>
6945          <s class="price-item price-item--regular">
6946            
6947              
6948            
6949          </s>
6950        </span><span class="sr-only sr-only--inline">Reapris</span>
6951      <span class="price-item price-item--sale price-item--last">
6952        1,099 kr
6953      </span>
6954    </div>
6955    <small class="block uppercase caption hidden">
6956      <span class="sr-only">Enhetspris</span>
6957      <span class="price-item price-item--last">
6958        <span></span>
6959        <span aria-hidden="true">/</span>
6960        <span class="sr-only">&nbsp;per&nbsp;</span>
6961        <span>
6962        </span>
6963      </span>
6964    </small>
6965  </div>
6966</div>
6967
6968
6969<div
6970  class="
6971    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
6972    
6973  "
6974>
6975  
6976  
6977    <span class=""> best seller </span>
6978  
6979</div>
6980</div>
6981    </div>
6982  </div>
6983            </li><li>
6984              
6985<div
6986    x-data="{ showQsOptions: false }"
6987    @click.outside="showQsOptions = false"
6988    class="relative card-product card-product-wrapper mb-12 md:mb-0"
6989    data-id="6933957804107"
6990    data-title="Beloved Heart Pendant Silver"
6991    data-price="24900"
6992    data-vendor="Pink City"
6993    data-type="Berlock"
6994    data-index=""
6995  >
6996    <div
6997      class="card-product-upper relative  product-card__hover"
6998    >
6999      <a
7000        href="/collections/bastsaljare/products/beloved-heart-pendant-silver"
7001        class="product-card"
7002      >
7003        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
7004          
7005          <img src="//systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=960" alt="A product shot of the Beloved Heart Pendant in silver, showing the small, polished heart-shaped charm." srcset="//systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=170 170w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=340 340w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=510 510w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=640 640w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=720 720w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=828 828w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=960" alt="A close-up of a model wearing a layered silver necklace combination. The shorter necklace is a flat Sheer Mirror chain, and the longer one is a delicate Sheer Station chain holding a Beloved Heart pendant and a Beloved Mini Letter &#39;E&#39; pendant." srcset="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=170 170w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=340 340w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=510 510w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=720 720w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=828 828w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
7006
7007          
7008          <div
7009            class="lg:hidden"
7010          >
7011            <div
7012              class="slideshow-container"
7013              x-data="productCardSlider()"
7014              ax-load
7015              x-cloak
7016            >
7017              <img src="//systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=960" alt="A product shot of the Beloved Heart Pendant in silver, showing the small, polished heart-shaped charm." srcset="//systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=320 320w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=480 480w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=640 640w, //systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg?v=1716897253&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7017w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=960" alt="A close-up of a model wearing a layered silver necklace combination. The shorter necklace is a flat Sheer Mirror chain, and the longer one is a delicate Sheer Station chain holding a Beloved Heart pendant and a Beloved Mini Letter &#39;E&#39; pendant." srcset="//systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Heart_Pendant_Silver_Beloved_Mini_Letter_Silver_Sheer_Station_Necklace_Silver_Sheer_Mirror_Necklace_Silver.jpg?v=1774947866&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/9a2a63daea8b450c82056c5a9c74607b.thumbnail.0000000000.jpg?v=1727189638&amp;width=640" aria-label="Beloved Heart Pendant Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/9a2a63daea8b450c82056c5a9c74607b/9a2a63daea8b450c82056c5a9c74607b.HD-1080p-7.2Mbps-35249935.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/9a2a63daea8b450c82056c5a9c74607b.thumbnail.0000000000_small.jpg?v=1727189638"></video><img src="//systerp.com/cdn/shop/files/custom_belovedheart_363c61e6-fb4b-4507-aa13-220a4dfc0bf2.jpg?v=1746170694&amp;width=960" alt="All our jewelry is handmade and made from 100% recycled sterling silver." srcset="//systerp.com/cdn/shop/files/custom_belovedheart_363c61e6-fb4b-4507-aa13-220a4dfc0bf2.jpg?v=1746170694&amp;width=320 320w, //systerp.com/cdn/shop/files/custom_belovedheart_363c61e6-fb4b-4507-aa13-220a4dfc0bf2.jpg?v=1746170694&amp;width=480 480w, //systerp.com/cdn/shop/files/custom_belovedheart_363c61e6-fb4b-4507-aa13-220a4dfc0bf2.jpg?v=1746170694&amp;width=640 640w, //systerp.com/cdn/shop/files/custom_belovedheart_363c61e6-fb4b-4507-aa13-220a4dfc0bf2.jpg?v=1746170694&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/f9b9c9aea8c745559f75c6f9040b9abb.thumbnail.0000000000.jpg?v=1741769771&amp;width=640" aria-label="Beloved Heart Pendant Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/f9b9c9aea8c745559f75c6f9040b9abb/f9b9c9aea8c745559f75c6f9040b9abb.HD-1080p-7.2Mbps-44028623.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/f9b9c9aea8c745559f75c6f9040b9abb.thumbnail.0000000000_small.jpg?v=1741769771"></video><img src="//systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver_Beloved_Medium_Box_Chain_Gold_Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_1_kopiera_06723b22-9cd4-4d4b-9808-804142f9e035.jpg?v=1742561994&amp;width=960" alt="A product shot of two Beloved necklaces, one in gold with a heart pendant and a mini &#39;S&#39; letter pendant, and one in silver with a heart pendant and a mini &#39;M&#39; letter pendant, both on box chains." srcset="//systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver_Beloved_Medium_Box_Chain_Gold_Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_1_kopiera_06723b22-9cd4-4d4b-9808-804142f9e035.jpg?v=1742561994&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver_Beloved_Medium_Box_Chain_Gold_Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_1_kopiera_06723b22-9cd4-4d4b-9808-804142f9e035.jpg?v=1742561994&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver_Beloved_Medium_Box_Chain_Gold_Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_1_kopiera_06723b22-9cd4-4d4b-9808-804142f9e035.jpg?v=1742561994&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver_Beloved_Medium_Box_Chain_Gold_Beloved_Mini_Letter_Gold_Beloved_Heart_Pendant_Gold_1_kopiera_06723b22-9cd4-4d4b-9808-804142f9e035.jpg?v=1742561994&amp;width=768 768w" width="960" height="960" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7017w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
7018            </div>
7019          </div>
7020        </div>
7021      </a>
7022      
7023        
7024          
7025
7026<div
7027  x-data="
7028    {
7029      showQsOptions: false,
7030      loading: false,
7031      selectedVariant: '40296312045643',
7032      variantAvailable: true,
7033      addToCart() {
7034        this.loading = true;
7035        const body = JSON.stringify({
7036          items: [{ id: this.selectedVariant, quantity: 1 }],
7037          sections: 'cart-items,cart-icon-bubble,cart-footer'
7038        });
7039        fetch(routes.cart_add_url, {
7040          method: 'POST',
7041          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
7042          body
7043        })
7044        .then(r => r.json())
7045        .then(data => {
7046          this.loading = false;
7047          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
7048            const section = document.getElementById(id);
7049            if (!section) return;
7050            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
7051            const el = section.querySelector(selector) || section;
7052            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
7053          });
7054          this.$dispatch('open-cart');
7055        })
7056        .catch(err => { this.loading = false; console.error('Error:', err); });
7057      }
7058    }
7059  "
7060>
7061  
7062  <button
7063    @click="$dispatch('close-quickshops'); showQsOptions = true"
7064    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
7065  >
7066    <span>
7067      
7068
7069
7070
7071<svg
7072  width="18"
7073  height="18"
7074  viewBox="0 0 18 19"
7075  fill="none"
7076  xmlns="http://www.w3.org/2000/svg"
7077>
7078  <rect
7079    x="0.5"
7080    y="0.600098"
7081    width="17"
7082    height="17"
7083    rx="8.5"
7084    stroke="black" />
7085  <path
7086    d="M9 6.1001L9 12.1001"
7087    stroke="currentColor"
7088    stroke-linecap="square" />
7089  <path
7090    d="M6 9.1001L12 9.1001"
7091    stroke="currentColor"
7092    stroke-linecap="square" />
7093</svg>
7094
7095    </span>
7096  </button>
7097
7098  <div
7099    x-show="showQsOptions"
7100    @close-quickshops.window="showQsOptions = false"
7101    @submit.window="showQsOptions = false"
7102    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
7103  ><form
7104      id="product-card-form-6933957804107"
7105      method="post"
7106      action="/cart/add"
7107      accept-charset="UTF-8"
7108      class="w-full"
7109      enctype="multipart/form-data"
7110      @submit.prevent="addToCart()"
7111    >
7112      <input type="hidden" name="form_type" value="product">
7113      <input type="hidden" name="utf8" value="✓">
7114      <input type="hidden" name="id" :value="selectedVariant">
7115      <input type="hidden" name="quantity" value="1">
7116
7117      
7118        <button
7119          type="submit"
7120          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
7121          :disabled="!variantAvailable"
7122          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
7123        >
7124          <span
7125            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
7126          ></span>
7127        </button>
7128
7129      
7130    </form>
7131  </div>
7132</div>
7133
7134        
7135      
7136    </div>
7137    <div class="flex justify-between max-lg:flex-colaspect">
7138      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
7139        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
7140          <div
7141            class="yotpo bottomLine w-full"
7142            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
7143            data-domain="systerp.myshopify.com"
7144            data-product-id="6933957804107"
7145            data-product-models="6933957804107"
7146            data-name="Beloved Heart Pendant Silver"
7147            data-url="https://systerp.com"
7148            data-image-url="//systerp.com/cdn/shop/files/ES10761BelovedHeartPendantSilver.jpg%3Fv=1716897253%26width=1000"
7149            data-description="&lt;p&gt;Liten men betydelsefull – en tidlös hjärtberlock som ger ditt halsband en personlig touch. Tillverkad i 100% återvunnet sterlingsilver. Den perfekta presenten som kan bäras och älskas i många år.&lt;br&gt;&lt;br&gt;&lt;/p&gt;
7150&lt;h2&gt;&lt;strong&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
7151&lt;ul&gt;
7152&lt;li&gt;
7153&lt;p&gt;
7153Handgjord i 925 sterlingsilver, 100% återvunnet&lt;/p&gt;
7154&lt;/li&gt;
7155&lt;li&gt;
7156&lt;p&gt;Endast berlock; kedja säljs separat. Passar alla &lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Beloved &amp;amp; Sheer kedjor&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
7157&lt;/li&gt;
7158&lt;/ul&gt;
7159&lt;h3&gt;&lt;strong&gt;&lt;br&gt;Vad som gör den speciell&lt;/strong&gt;&lt;/h3&gt;
7160&lt;p&gt;Varje hjärtberlock är handgjord med omsorg, vilket gör varje smycke helt unikt. Det lilla hjärtat är en tidlös symbol för kärlek och kan bäras nära hjärtat som en personlig påminnelse.&lt;/p&gt;
7161&lt;h4&gt;&lt;strong&gt;&lt;br&gt;SÃ¥ stylar du den&lt;/strong&gt;&lt;/h4&gt;
7162&lt;p&gt;Bär hjärtberlocken på en kedja från &lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;Beloved eller Sheer-kollektionen&lt;/a&gt;&lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;&lt;/a&gt;&lt;/span&gt; (kedja säljs separat). Kombinera gärna med andra berlocker från &lt;a rel=&quot;noopener noreferrer nofollow&quot; href=&quot;https://systerp.com/collections/beloved&quot; target=&quot;_blank&quot;&gt;&lt;u&gt;Beloved-kollektionen&lt;/u&gt;&lt;/a&gt;, som bokstäver, pärlor, stenar eller stjärntecken, för att skapa ett halsband som speglar just din stil. Hjärtat är designat för att kombineras, så du kan enkelt uppdatera ditt halsband och göra smycket ännu mer personligt över tid.&lt;/p&gt;"
7163            data-bread-crumbs=""
7164          ></div>
7165        </div>
7166
7167        <h3
7168          class="lg:col-span-6 uppercase text-center px-10 leading-none"
7169          id="title-template--28929183482238__product-grid-6933957804107"
7170        >
7171          <a
7172            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
7173            href="/products/beloved-heart-pendant-silver"
7174          >
7175            Beloved Heart Pendant Silver
7176          </a>
7177        </h3>
7178<div
7179  class="
7180      price
7181       
7182      text-default
7183    
7184 "
7185>
7186  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
7187        <span class="price-item price-item--regular">
7188          249 kr
7189</span></div>
7190
7191    <div class="price__sale  hidden">
7192        <span class="sr-only sr-only--inline">Ordinarie pris</span>
7193        <span>
7194          <s class="price-item price-item--regular">
7195            
7196              
7197            
7198          </s>
7199        </span><span class="sr-only sr-only--inline">Reapris</span>
7200      <span class="price-item price-item--sale price-item--last">
7201        249 kr
7202      </span>
7203    </div>
7204    <small class="block uppercase caption hidden">
7205      <span class="sr-only">Enhetspris</span>
7206      <span class="price-item price-item--last">
7207        <span></span>
7208        <span aria-hidden="true">/</span>
7209        <span class="sr-only">&nbsp;per&nbsp;</span>
7210        <span>
7211        </span>
7212      </span>
7213    </small>
7214  </div>
7215</div>
7216
7217
7218<div
7219  class="
7220    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
7221    
7222  "
7223>
7224  
7225  
7226</div>
7227</div>
7228    </div>
7229  </div>
7230            </li><li>
7231              
7232<div
7233    x-data="{ showQsOptions: false }"
7234    @click.outside="showQsOptions = false"
7235    class="relative card-product card-product-wrapper mb-12 md:mb-0"
7236    data-id="14842082460030"
7237    data-title="Santa Monica Necklace Gold"
7238    data-price="79900"
7239    data-vendor="MALYA JEWEL CRAFTS"
7240    data-type="Necklace"
7241    data-index=""
7242  >
7243    <div
7244      class="card-product-upper relative  product-card__hover"
7245    >
7246      <a
7247        href="/collections/bastsaljare/products/santa-monica-necklace-gold-green-onyx"
7248        class="product-card"
7249      >
7250        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
7251          
7252          <img src="//systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=960" alt="A product shot of the Santa Monica Necklace in gold, laid out in a wavy line to show its fine chain design adorned with vibrant green onyx stones." srcset="//systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=170 170w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=340 340w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=510 510w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=720 720w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=828 828w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=960" alt="A close-up of a model wearing the Santa Monica Necklace and the Florentina Necklace layered together. The Santa Monica is a delicate gold chain with green onyx beads, and the Florentina features a gold sun pendant with a green jade stone." srcset="//systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=170 170w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=340 340w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=510 510w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=640 640w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=720 720w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=828 828w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=960 960w" width="960" height="1283" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
7253
7254          
7255          <div
7256            class="lg:hidden"
7257          >
7258            <div
7259              class="slideshow-container"
7260              x-data="productCardSlider()"
7261              ax-load
7262              x-cloak
7263            >
7264              <img src="//systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=960" alt="A product shot of the Santa Monica Necklace in gold, laid out in a wavy line to show its fine chain design adorned with vibrant green onyx stones." srcset="//systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7264w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=960" alt="A close-up of a model wearing the Santa Monica Necklace and the Florentina Necklace layered together. The Santa Monica is a delicate gold chain with green onyx beads, and the Florentina features a gold sun pendant with a green jade stone." srcset="//systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=320 320w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=480 480w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=640 640w, //systerp.com/cdn/shop/files/MelindaEarringsGold_FlorentinaNecklaceGoldGreenJade_SantaMonicaNecklaceGoldGreenOnyx1.jpg?v=1759759329&amp;width=768 768w" width="960" height="1283" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Santa_Monica_Necklace_Gold_Green_Sheer_Mirror_Necklace_Gold_Lucky_Coin_Keep_Dreaming_Necklace_Gold.jpg?v=1759759329&amp;width=960" alt="A model wearing a stack of three layered gold necklaces: the Santa Monica necklace with green onyx stones, the Sheer Mirror chain, and the Keep Dreaming necklace with a rectangular pendant." srcset="//systerp.com/cdn/shop/files/Santa_Monica_Necklace_Gold_Green_Sheer_Mirror_Necklace_Gold_Lucky_Coin_Keep_Dreaming_Necklace_Gold.jpg?v=1759759329&amp;width=320 320w, //systerp.com/cdn/shop/files/Santa_Monica_Necklace_Gold_Green_Sheer_Mirror_Necklace_Gold_Lucky_Coin_Keep_Dreaming_Necklace_Gold.jpg?v=1759759329&amp;width=480 480w, //systerp.com/cdn/shop/files/Santa_Monica_Necklace_Gold_Green_Sheer_Mirror_Necklace_Gold_Lucky_Coin_Keep_Dreaming_Necklace_Gold.jpg?v=1759759329&amp;width=640 640w, //systerp.com/cdn/shop/files/Santa_Monica_Necklace_Gold_Green_Sheer_Mirror_Necklace_Gold_Lucky_Coin_Keep_Dreaming_Necklace_Gold.jpg?v=1759759329&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1351GO1SantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=960" alt="A product shot of the Santa Monica Necklace in gold, featuring a fine chain adorned with small, vibrant green onyx stones spaced evenly along its length." srcset="//systerp.com/cdn/shop/files/NG1351GO1SantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1351GO1SantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1351GO1SantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1351GO1SantaMonicaNecklaceGreenOnyxGold.jpg?v=1759759329&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_ecade8f4-8755-4db8-ab19-4ff74afcfcdf.jpg?v=1751352947&amp;width=960" alt="Close-up of a model wearing the Santa Monica Necklace Gold, a delicate gold chain with green onyx beads, layered with a gold chain and a gold pendant necklace, complemented by bold gold earrings and a green heart-shaped stud." srcset="//systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_ecade8f4-8755-4db8-ab19-4ff74afcfcdf.jpg?v=1751352947&amp;width=320 320w, //systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_ecade8f4-8755-4db8-ab19-4ff74afcfcdf.jpg?v=1751352947&amp;width=480 480w, //systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_ecade8f4-8755-4db8-ab19-4ff74afcfcdf.jpg?v=1751352947&amp;width=640 640w, //systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_ecade8f4-8755-4db8-ab19-4ff74afcfcdf.jpg?v=1751352947&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7264w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
7265            </div>
7266          </div>
7267        </div>
7268      </a>
7269      
7270        
7271          
7272
7273<div
7274  x-data="
7275    {
7276      showQsOptions: false,
7277      loading: false,
7278      selectedVariant: '54800693690750',
7279      variantAvailable: true,
7280      addToCart() {
7281        this.loading = true;
7282        const body = JSON.stringify({
7283          items: [{ id: this.selectedVariant, quantity: 1 }],
7284          sections: 'cart-items,cart-icon-bubble,cart-footer'
7285        });
7286        fetch(routes.cart_add_url, {
7287          method: 'POST',
7288          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
7289          body
7290        })
7291        .then(r => r.json())
7292        .then(data => {
7293          this.loading = false;
7294          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
7295            const section = document.getElementById(id);
7296            if (!section) return;
7297            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
7298            const el = section.querySelector(selector) || section;
7299            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
7300          });
7301          this.$dispatch('open-cart');
7302        })
7303        .catch(err => { this.loading = false; console.error('Error:', err); });
7304      }
7305    }
7306  "
7307>
7308  
7309  <button
7310    @click="$dispatch('close-quickshops'); showQsOptions = true"
7311    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
7312  >
7313    <span>
7314      
7315
7316
7317
7318<svg
7319  width="18"
7320  height="18"
7321  viewBox="0 0 18 19"
7322  fill="none"
7323  xmlns="http://www.w3.org/2000/svg"
7324>
7325  <rect
7326    x="0.5"
7327    y="0.600098"
7328    width="17"
7329    height="17"
7330    rx="8.5"
7331    stroke="black" />
7332  <path
7333    d="M9 6.1001L9 12.1001"
7334    stroke="currentColor"
7335    stroke-linecap="square" />
7336  <path
7337    d="M6 9.1001L12 9.1001"
7338    stroke="currentColor"
7339    stroke-linecap="square" />
7340</svg>
7341
7342    </span>
7343  </button>
7344
7345  <div
7346    x-show="showQsOptions"
7347    @close-quickshops.window="showQsOptions = false"
7348    @submit.window="showQsOptions = false"
7349    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
7350  ><form
7351      id="product-card-form-14842082460030"
7352      method="post"
7353      action="/cart/add"
7354      accept-charset="UTF-8"
7355      class="w-full"
7356      enctype="multipart/form-data"
7357      @submit.prevent="addToCart()"
7358    >
7359      <input type="hidden" name="form_type" value="product">
7360      <input type="hidden" name="utf8" value="✓">
7361      <input type="hidden" name="id" :value="selectedVariant">
7362      <input type="hidden" name="quantity" value="1">
7363
7364      
7365        <button
7366          type="submit"
7367          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
7368          :disabled="!variantAvailable"
7369          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
7370        >
7371          <span
7372            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
7373          ></span>
7374        </button>
7375
7376      
7377    </form>
7378  </div>
7379</div>
7380
7381        
7382      
7383    </div>
7384    <div class="flex justify-between max-lg:flex-colaspect">
7385      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
7386        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
7387          <div
7388            class="yotpo bottomLine w-full"
7389            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
7390            data-domain="systerp.myshopify.com"
7391            data-product-id="14842082460030"
7392            data-product-models="14842082460030"
7393            data-name="Santa Monica Necklace Gold"
7394            data-url="https://systerp.com"
7395            data-image-url="//systerp.com/cdn/shop/files/NG1351GO1bSantaMonicaNecklaceGreenOnyxGold.jpg%3Fv=1759759329%26width=1000"
7396            data-description="&lt;p&gt;Den perfekta färgklicken för alla tillfällen. Halsbandet fångar uppmärksamheten med sina vackra gröna onyx-stenar och ger varje look det där lilla extra! Tillverkat i äkta sterlingsilver, 
7396100% återvunnet. Pläterat med 18K guld. Perfekt att kombinera med ett matchande armband för en komplett look. Garanterat en uppskattad present för den som gillar färg.&lt;/p&gt;"
7397            data-bread-crumbs=""
7398          ></div>
7399        </div>
7400
7401        <h3
7402          class="lg:col-span-6 uppercase text-center px-10 leading-none"
7403          id="title-template--28929183482238__product-grid-14842082460030"
7404        >
7405          <a
7406            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
7407            href="/products/santa-monica-necklace-gold-green-onyx"
7408          >
7409            Santa Monica Necklace Gold
7410          </a>
7411        </h3>
7412<div
7413  class="
7414      price
7415       
7416      text-default
7417    
7418 "
7419>
7420  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
7421        <span class="price-item price-item--regular">
7422          799 kr
7423</span></div>
7424
7425    <div class="price__sale  hidden">
7426        <span class="sr-only sr-only--inline">Ordinarie pris</span>
7427        <span>
7428          <s class="price-item price-item--regular">
7429            
7430              
7431            
7432          </s>
7433        </span><span class="sr-only sr-only--inline">Reapris</span>
7434      <span class="price-item price-item--sale price-item--last">
7435        799 kr
7436      </span>
7437    </div>
7438    <small class="block uppercase caption hidden">
7439      <span class="sr-only">Enhetspris</span>
7440      <span class="price-item price-item--last">
7441        <span></span>
7442        <span aria-hidden="true">/</span>
7443        <span class="sr-only">&nbsp;per&nbsp;</span>
7444        <span>
7445        </span>
7446      </span>
7447    </small>
7448  </div>
7449</div>
7450
7451
7452<div
7453  class="
7454    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
7455    
7456  "
7457>
7458  
7459  
7460    <span class=""> best seller </span>
7461  
7462</div>
7463</div>
7464    </div>
7465  </div>
7466            </li><li>
7467              
7468<div
7469    x-data="{ showQsOptions: false }"
7470    @click.outside="showQsOptions = false"
7471    class="relative card-product card-product-wrapper mb-12 md:mb-0"
7472    data-id="6933956100171"
7473    data-title="Bolded Little Sis Earrings Gold"
7474    data-price="139900"
7475    data-vendor="Pink City"
7476    data-type="Örhängen"
7477    data-index=""
7478  >
7479    <div
7480      class="card-product-upper relative  product-card__hover"
7481    >
7482      <a
7483        href="/collections/bastsaljare/products/bolded-little-sis-earrings-gold"
7484        class="product-card"
7485      >
7486        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
7487          
7488          <img src="//systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=960" alt="A product shot of the Bolded Little Sis Earrings in gold, showcasing the pair&#39;s chunky and polished C-shaped design." srcset="//systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=170 170w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=340 340w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=510 510w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=640 640w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=720 720w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=828 828w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=960" alt="A close-up shot of a model wearing the Bolded Little Sis Earrings in gold, featuring their chunky hoop design. " srcset="//systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=170 170w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=340 340w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=510 510w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=640 640w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=720 720w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=828 828w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low" style="object-position:58.1434% 54.0424%;">
7489
7490          
7491          <div
7492            class="lg:hidden"
7493          >
7494            <div
7495              class="slideshow-container"
7496              x-data="productCardSlider()"
7497              ax-load
7498              x-cloak
7499            >
7500              <img src="//systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=960" alt="A product shot of the Bolded Little Sis Earrings in gold, showcasing the pair&#39;s chunky and polished C-shaped design." srcset="//systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=320 320w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=480 480w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=640 640w, //systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg?v=1764319230&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7500w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=960" alt="A close-up shot of a model wearing the Bolded Little Sis Earrings in gold, featuring their chunky hoop design. " srcset="//systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=320 320w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=480 480w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=640 640w, //systerp.com/cdn/shop/files/EG1236_2c_Bolded_Little_Sis_Earrings_gold.jpg?v=1773918126&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:58.1434% 54.0424%;"><img src="//systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_Beloved_Twisted_Small_Hoops_Gold.jpg?v=1773918126&amp;width=960" alt="A close-up shot of a model wearing the Bolded Little Sis Earrings in gold, featuring a chunky hoop design with a twisted detail at the clasp, and a matching gold chain necklace." srcset="//systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_Beloved_Twisted_Small_Hoops_Gold.jpg?v=1773918126&amp;width=320 320w, //systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_Beloved_Twisted_Small_Hoops_Gold.jpg?v=1773918126&amp;width=480 480w, //systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_Beloved_Twisted_Small_Hoops_Gold.jpg?v=1773918126&amp;width=640 640w, //systerp.com/cdn/shop/files/Bolded_Little_Sis_Earrings_Gold_Beloved_Twisted_Small_Hoops_Gold.jpg?v=1773918126&amp;width=768 768w" width="960" height="1275" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/EG11364BoldedLittleSisEarringsgold.jpg?v=1773918126&amp;width=960" alt="A product shot of the Bolded Little Sis Earrings in gold, showcasing their chunky, crescent-shaped design." srcset="//systerp.com/cdn/shop/files/EG11364BoldedLittleSisEarringsgold.jpg?v=1773918126&amp;width=320 320w, //systerp.com/cdn/shop/files/EG11364BoldedLittleSisEarringsgold.jpg?v=1773918126&amp;width=480 480w, //systerp.com/cdn/shop/files/EG11364BoldedLittleSisEarringsgold.jpg?v=1773918126&amp;width=640 640w, //systerp.com/cdn/shop/files/EG11364BoldedLittleSisEarringsgold.jpg?v=1773918126&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/ca996ebd73cd4621ad0bd555e8a5e63c.thumbnail.0000000000.jpg?v=1732099435&amp;width=640" aria-label="Bolded Little Sis Earrings Gold"><source src="//systerp.com/cdn/shop/videos/c/vp/ca996ebd73cd4621ad0bd555e8a5e63c/ca996ebd73cd4621ad0bd555e8a5e63c.HD-1080p-7.2Mbps-38384452.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/ca996ebd73cd4621ad0bd555e8a5e63c.thumbnail.0000000000_small.jpg?v=1732099435"></video><img src="//systerp.com/cdn/shop/files/EG12362BoldedLittleSisEarringsGold.jpg?v=1773918100&amp;width=960" alt="Drop-shaped earrings, a matching chunky gold ring, and a delicate gold chain necklace." srcset="//systerp.com/cdn/shop/files/EG12362BoldedLittleSisEarringsGold.jpg?v=1773918100&amp;width=320 320w, //systerp.com/cdn/shop/files/EG12362BoldedLittleSisEarringsGold.jpg?v=1773918100&amp;width=480 480w, //systerp.com/cdn/shop/files/EG12362BoldedLittleSisEarringsGold.jpg?v=1773918100&amp;width=640 640w, //systerp.com/cdn/shop/files/EG12362BoldedLittleSisEarringsGold.jpg?v=1773918100&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7500w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/c0a4262f815b48e7b8a247f20a52d5e5.thumbnail.0000000000.jpg?v=1746193734&amp;width=640" aria-label="custom_The earrings are handmade using 100% recycled silver. The video showcases the process of plating the piece in 18K gold, followed by the final polish, highlighting the careful attention to detail in every step."><source src="//systerp.com/cdn/shop/videos/c/vp/c0a4262f815b48e7b8a247f20a52d5e5/c0a4262f815b48e7b8a247f20a52d5e5.HD-1080p-7.2Mbps-46910797.mp4?v=0" type="video/mp4"><img alt="custom_The earrings are handmade using 100% recycled silver. The video showcases the process of plating the piece in 18K gold, followed by the final polish, highlighting the careful attention to detail in every step." src="//systerp.com/cdn/shop/files/preview_images/c0a4262f815b48e7b8a247f20a52d5e5.thumbnail.0000000000_small.jpg?v=1746193734"></video><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/0ab2ef00d2bb4b0aa768fea3b4877d33.thumbnail.0000000000.jpg?v=1774002901&amp;width=640" aria-label="A video of a model wearing the Beloved Medium Rolo Chain in gold, styled with a round gold pendant featuring the letter H and an crystal heart charm"><source src="//systerp.com/cdn/shop/videos/c/vp/0ab2ef00d2bb4b0aa768fea3b4877d33/0ab2ef00d2bb4b0aa768fea3b4877d33.HD-1080p-7.2Mbps-78337929.mp4?v=0" type="video/mp4"><img alt="A video of a model wearing the Beloved Medium Rolo Chain in gold, styled with a round gold pendant featuring the letter H and an crystal heart charm" src="//systerp.com/cdn/shop/files/preview_images/0ab2ef00d2bb4b0aa768fea3b4877d33.thumbnail.0000000000_small.jpg?v=1774002901"></video>
7501            </div>
7502          </div>
7503        </div>
7504      </a>
7505      
7506        
7507          
7508
7509<div
7510  x-data="
7511    {
7512      showQsOptions: false,
7513      loading: false,
7514      selectedVariant: '40296310341707',
7515      variantAvailable: true,
7516      addToCart() {
7517        this.loading = true;
7518        const body = JSON.stringify({
7519          items: [{ id: this.selectedVariant, quantity: 1 }],
7520          sections: 'cart-items,cart-icon-bubble,cart-footer'
7521        });
7522        fetch(routes.cart_add_url, {
7523          method: 'POST',
7524          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
7525          body
7526        })
7527        .then(r => r.json())
7528        .then(data => {
7529          this.loading = false;
7530          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
7531            const section = document.getElementById(id);
7532            if (!section) return;
7533            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
7534            const el = section.querySelector(selector) || section;
7535            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
7536          });
7537          this.$dispatch('open-cart');
7538        })
7539        .catch(err => { this.loading = false; console.error('Error:', err); });
7540      }
7541    }
7542  "
7543>
7544  
7545  <button
7546    @click="$dispatch('close-quickshops'); showQsOptions = true"
7547    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
7548  >
7549    <span>
7550      
7551
7552
7553
7554<svg
7555  width="18"
7556  height="18"
7557  viewBox="0 0 18 19"
7558  fill="none"
7559  xmlns="http://www.w3.org/2000/svg"
7560>
7561  <rect
7562    x="0.5"
7563    y="0.600098"
7564    width="17"
7565    height="17"
7566    rx="8.5"
7567    stroke="black" />
7568  <path
7569    d="M9 6.1001L9 12.1001"
7570    stroke="currentColor"
7571    stroke-linecap="square" />
7572  <path
7573    d="M6 9.1001L12 9.1001"
7574    stroke="currentColor"
7575    stroke-linecap="square" />
7576</svg>
7577
7578    </span>
7579  </button>
7580
7581  <div
7582    x-show="showQsOptions"
7583    @close-quickshops.window="showQsOptions = false"
7584    @submit.window="showQsOptions = false"
7585    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
7586  ><form
7587      id="product-card-form-6933956100171"
7588      method="post"
7589      action="/cart/add"
7590      accept-charset="UTF-8"
7591      class="w-full"
7592      enctype="multipart/form-data"
7593      @submit.prevent="addToCart()"
7594    >
7595      <input type="hidden" name="form_type" value="product">
7596      <input type="hidden" name="utf8" value="✓">
7597      <input type="hidden" name="id" :value="selectedVariant">
7598      <input type="hidden" name="quantity" value="1">
7599
7600      
7601        <button
7602          type="submit"
7603          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
7604          :disabled="!variantAvailable"
7605          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
7606        >
7607          <span
7608            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
7609          ></span>
7610        </button>
7611
7612      
7613    </form>
7614  </div>
7615</div>
7616
7617        
7618      
7619    </div>
7620    <div class="flex justify-between max-lg:flex-colaspect">
7621      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
7622        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
7623          <div
7624            class="yotpo bottomLine w-full"
7625            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
7626            data-domain="systerp.myshopify.com"
7627            data-product-id="6933956100171"
7628            data-product-models="6933956100171"
7629            data-name="Bolded Little Sis Earrings Gold"
7630            data-url="https://systerp.com"
7631            data-image-url="//systerp.com/cdn/shop/files/EG11364bBoldedLittleSisEarringsgold.jpg%3Fv=1764319230%26width=1000"
7632            data-description="&lt;p&gt;Vår storsäljare – Bolded Little Sis. Dessa trendiga örhängen är både tjocka och otroligt lätta, tack vare produktionstekniken elektroformning. Tillverkade i äkta sterlingsilver, 100% återvunnet. Pläterat med 18K guld. Bär dem som de är för en enkel, stilren look eller kombinera med andra favoriter från vår Bolded-kollektion. Dessa örhängen passar för alla tillfällen och är en populär och uppskattad present.&lt;/span&gt;&lt;/p&gt;"
7633            data-bread-crumbs=""
7634          ></div>
7635        </div>
7636
7637        <h3
7638          class="lg:col-span-6 uppercase text-center px-10 leading-none"
7639          id="title-template--28929183482238__product-grid-6933956100171"
7640        >
7641          <a
7642            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
7643            href="/products/bolded-little-sis-earrings-gold"
7644          >
7645            Bolded Little Sis Earrings Gold
7646          </a>
7647        </h3>
7648<div
7649  class="
7650      price
7651       
7652      text-default
7653    
7654 "
7655>
7656  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
7657        <span class="price-item price-item--regular">
7658          1,399 kr
7659</span></div>
7660
7661    <div class="price__sale  hidden">
7662        <span class="sr-only sr-only--inline">Ordinarie pris</span>
7663        <span>
7664          <s class="price-item price-item--regular">
7665            
7666              
7667            
7668          </s>
7669        </span><span class="sr-only sr-only--inline">Reapris</span>
7670      <span class="price-item price-item--sale price-item--last">
7671        1,399 kr
7672      </span>
7673    </div>
7674    <small class="block uppercase caption hidden">
7675      <span class="sr-only">Enhetspris</span>
7676      <span class="price-item price-item--last">
7677        <span></span>
7678        <span aria-hidden="true">/</span>
7679        <span class="sr-only">&nbsp;per&nbsp;</span>
7680        <span>
7681        </span>
7682      </span>
7683    </small>
7684  </div>
7685</div>
7686
7687
7688<div
7689  class="
7690    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
7691    
7692  "
7693>
7694  
7695  
7696    <span class=""> best seller </span>
7697  
7698</div>
7699</div>
7700    </div>
7701  </div>
7702            </li><li>
7703              
7704<div
7705    x-data="{ showQsOptions: false }"
7706    @click.outside="showQsOptions = false"
7707    class="relative card-product card-product-wrapper mb-12 md:mb-0"
7708    data-id="14842082558334"
7709    data-title="Beloved Heart Pendant Silver"
7710    data-price="34900"
7711    data-vendor="VAIBHAV GLOBAL LTD"
7712    data-type="Pendant"
7713    data-index=""
7714  >
7715    <div
7716      class="card-product-upper relative  product-card__hover"
7717    >
7718      <a
7719        href="/collections/bastsaljare/products/beloved-heart-pendant-silver-green-aventurine"
7720        class="product-card"
7721      >
7722        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
7723          
7724          <img src="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=960" alt="A product shot of the Beloved Heart Pendant in silver, featuring a heart-shaped setting with a central green aventurine stone." srcset="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=170 170w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=340 340w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=510 510w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=720 720w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=828 828w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=960" alt="A close-up shot of a model wearing the Beloved Heart Pendant in silver with a green aventurine stone, layered with another silver necklace. The pendant is styled on a silver chain with an initial charm, and the second necklace is a delicate chain with small, colorful beads." srcset="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=170 170w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=340 340w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=510 510w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=720 720w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=828 828w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
7725
7726          
7727          <div
7728            class="lg:hidden"
7729          >
7730            <div
7731              class="slideshow-container"
7732              x-data="productCardSlider()"
7733              ax-load
7734              x-cloak
7735            >
7736              <img src="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=960" alt="A product shot of the Beloved Heart Pendant in silver, featuring a heart-shaped setting with a central green aventurine stone." srcset="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg?v=1737639308&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7736w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=960" alt="A close-up shot of a model wearing the Beloved Heart Pendant in silver with a green aventurine stone, layered with another silver necklace. The pendant is styled on a silver chain with an initial charm, and the second necklace is a delicate chain with small, colorful beads." srcset="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_f2fd5003-adb1-4adf-8b32-62508cd7186a.jpg?v=1774620266&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/b2daeb8154154309a0bac699560eb88e.thumbnail.0000000000.jpg?v=1737639293&amp;width=640" aria-label="Beloved Heart Pendant Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/b2daeb8154154309a0bac699560eb88e/b2daeb8154154309a0bac699560eb88e.HD-1080p-7.2Mbps-41460925.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/b2daeb8154154309a0bac699560eb88e.thumbnail.0000000000_small.jpg?v=1737639293"></video><img src="//systerp.com/cdn/shop/files/NS1402GA1bBelovedHeartPendantSilverGreenAventurine.jpg?v=1774620191&amp;width=960" alt="Beloved Heart Pendant Silver" srcset="//systerp.com/cdn/shop/files/NS1402GA1bBelovedHeartPendantSilverGreenAventurine.jpg?v=1774620191&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1402GA1bBelovedHeartPendantSilverGreenAventurine.jpg?v=1774620191&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1402GA1bBelovedHeartPendantSilverGreenAventurine.jpg?v=1774620191&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1402GA1bBelovedHeartPendantSilverGreenAventurine.jpg?v=1774620191&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_smile.jpg?v=1774620191&amp;width=960" alt="A smiling model wearing a layered silver necklace set, featuring the Beloved Heart Pendant with a green aventurine stone and a round silver disc pendant, styled with a shorter, delicate beaded necklace." srcset="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_smile.jpg?v=1774620191&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_smile.jpg?v=1774620191&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_smile.jpg?v=1774620191&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurine_smile.jpg?v=1774620191&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
7737            </div>
7738          </div>
7739        </div>
7740      </a>
7741      
7742        
7743          
7744
7745<div
7746  x-data="
7747    {
7748      showQsOptions: false,
7749      loading: false,
7750      selectedVariant: '56220159345022',
7751      variantAvailable: true,
7752      addToCart() {
7753        this.loading = true;
7754        const body = JSON.stringify({
7755          items: [{ id: this.selectedVariant, quantity: 1 }],
7756          sections: 'cart-items,cart-icon-bubble,cart-footer'
7757        });
7758        fetch(routes.cart_add_url, {
7759          method: 'POST',
7760          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
7761          body
7762        })
7763        .then(r => r.json())
7764        .then(data => {
7765          this.loading = false;
7766          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
7767            const section = document.getElementById(id);
7768            if (!section) return;
7769            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
7770            const el = section.querySelector(selector) || section;
7771            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
7772          });
7773          this.$dispatch('open-cart');
7774        })
7775        .catch(err => { this.loading = false; console.error('Error:', err); });
7776      }
7777    }
7778  "
7779>
7780  
7781  <button
7782    @click="$dispatch('close-quickshops'); showQsOptions = true"
7783    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
7784  >
7785    <span>
7786      
7787
7788
7789
7790<svg
7791  width="18"
7792  height="18"
7793  viewBox="0 0 18 19"
7794  fill="none"
7795  xmlns="http://www.w3.org/2000/svg"
7796>
7797  <rect
7798    x="0.5"
7799    y="0.600098"
7800    width="17"
7801    height="17"
7802    rx="8.5"
7803    stroke="black" />
7804  <path
7805    d="M9 6.1001L9 12.1001"
7806    stroke="currentColor"
7807    stroke-linecap="square" />
7808  <path
7809    d="M6 9.1001L12 9.1001"
7810    stroke="currentColor"
7811    stroke-linecap="square" />
7812</svg>
7813
7814    </span>
7815  </button>
7816
7817  <div
7818    x-show="showQsOptions"
7819    @close-quickshops.window="showQsOptions = false"
7820    @submit.window="showQsOptions = false"
7821    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
7822  ><form
7823      id="product-card-form-14842082558334"
7824      method="post"
7825      action="/cart/add"
7826      accept-charset="UTF-8"
7827      class="w-full"
7828      enctype="multipart/form-data"
7829      @submit.prevent="addToCart()"
7830    >
7831      <input type="hidden" name="form_type" value="product">
7832      <input type="hidden" name="utf8" value="✓">
7833      <input type="hidden" name="id" :value="selectedVariant">
7834      <input type="hidden" name="quantity" value="1">
7835
7836      
7837        <button
7838          type="submit"
7839          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
7840          :disabled="!variantAvailable"
7841          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
7842        >
7843          <span
7844            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
7845          ></span>
7846        </button>
7847
7848      
7849    </form>
7850  </div>
7851</div>
7852
7853        
7854      
7855    </div>
7856    <div class="flex justify-between max-lg:flex-colaspect">
7857      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
7858        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
7859          <div
7860            class="yotpo bottomLine w-full"
7861            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
7862            data-domain="systerp.myshopify.com"
7863            data-product-id="14842082558334"
7864            data-product-models="14842082558334"
7865            data-name="Beloved Heart Pendant Silver"
7866            data-url="https://systerp.com"
7867            data-image-url="//systerp.com/cdn/shop/files/Beloved_heart_pendant_silver_green_aventurie.jpg%3Fv=1737639308%26width=1000"
7868            data-description="&lt;p&gt;Ge dina smycken en personlig touch med en färgglad hjärtberlock! Berlocken har en infattad grön aventurin i 100% återvunnet sterlingsilver. Den är perfekt för att ge din outfit en färgklick. Ett betydelsefullt hjärta att ge bort eller behålla själv, som kan bäras och älskas i många år framöver.&lt;br&gt;&lt;br&gt;&lt;/p&gt;
7869&lt;h2&gt;&lt;strong&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
7870&lt;ul&gt;
7871&lt;li&gt;
7872&lt;p&gt;Handgjord i 925 sterlingsilver, 100% återvunnet&lt;/p&gt;
7873&lt;/li&gt;
7874&lt;li&gt;
7875&lt;p&gt;Fasetterat hjärta i grön aventurin - varierar i färg och utseende&lt;/p&gt;
7876&lt;/li&gt;
7877&lt;li&gt;
7878&lt;p&gt;Endast berlock; kedja säljs separat. Passar alla &lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Beloved &amp; Sheer kedjor&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
7879&lt;/li&gt;
7880&lt;/ul&gt;
7881&lt;h3&gt;&lt;strong&gt;&lt;br&gt;Vad som gör den speciell&lt;/strong&gt;&lt;/h3&gt;
7882&lt;p&gt;Varje hjärtberlock är handgjord med omsorg. Grön aventurin är en naturlig ädelsten och precis som med alla naturliga stenar kan variationer i färg och utseende förekomma, vilket gör varje smycke helt unikt.&lt;/p&gt;
7883&lt;h4&gt;&lt;strong&gt;&lt;br&gt;SÃ¥ stylar du den&lt;/strong&gt;&lt;/h4&gt;
7884&lt;p&gt;Bär hjärtberlocken på en kedja från &lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;Beloved eller Sheer-kollektionen&lt;/a&gt;&lt;a href=&quot;https://systerp.com/collections/chains&quot;&gt;&lt;/a&gt;&lt;/span&gt; (kedja säljs separat). Kombinera gärna med andra berlocker från &lt;a href=&quot;https://systerp.com/collections/beloved&quot; rel=&quot;noopener noreferrer nofollow&quot; target=&quot;_blank&quot;&gt;&lt;u&gt;Beloved-kollektionen&lt;/u&gt;&lt;/a&gt;, som bokstäver, pärlor, stenar eller stjärntecken, för att skapa ett halsband som speglar just din stil. Hjärtat är designat för att kombineras, så du kan enkelt uppdatera ditt halsband och göra sm
7884ycket ännu mer personligt över tid.&lt;/p&gt;"
7885            data-bread-crumbs=""
7886          ></div>
7887        </div>
7888
7889        <h3
7890          class="lg:col-span-6 uppercase text-center px-10 leading-none"
7891          id="title-template--28929183482238__product-grid-14842082558334"
7892        >
7893          <a
7894            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
7895            href="/products/beloved-heart-pendant-silver-green-aventurine"
7896          >
7897            Beloved Heart Pendant Silver
7898          </a>
7899        </h3>
7900<div
7901  class="
7902      price
7903       
7904      text-default
7905    
7906 "
7907>
7908  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
7909        <span class="price-item price-item--regular">
7910          349 kr
7911</span></div>
7912
7913    <div class="price__sale  hidden">
7914        <span class="sr-only sr-only--inline">Ordinarie pris</span>
7915        <span>
7916          <s class="price-item price-item--regular">
7917            
7918              
7919            
7920          </s>
7921        </span><span class="sr-only sr-only--inline">Reapris</span>
7922      <span class="price-item price-item--sale price-item--last">
7923        349 kr
7924      </span>
7925    </div>
7926    <small class="block uppercase caption hidden">
7927      <span class="sr-only">Enhetspris</span>
7928      <span class="price-item price-item--last">
7929        <span></span>
7930        <span aria-hidden="true">/</span>
7931        <span class="sr-only">&nbsp;per&nbsp;</span>
7932        <span>
7933        </span>
7934      </span>
7935    </small>
7936  </div>
7937</div>
7938
7939
7940<div
7941  class="
7942    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
7943    
7944  "
7945>
7946  
7947  
7948    <span class=""> best seller </span>
7949  
7950</div>
7951</div>
7952    </div>
7953  </div>
7954            </li><li>
7955              
7956<div
7957    x-data="{ showQsOptions: false }"
7958    @click.outside="showQsOptions = false"
7959    class="relative card-product card-product-wrapper mb-12 md:mb-0"
7960    data-id="15828016890238"
7961    data-title="Treasure Multi Pearl Necklace Gold"
7962    data-price="89900"
7963    data-vendor="Pink City"
7964    data-type="Halsband"
7965    data-index=""
7966  >
7967    <div
7968      class="card-product-upper relative  product-card__hover"
7969    >
7970      <a
7971        href="/collections/bastsaljare/products/treasure-multi-pearl-necklace-gold"
7972        class="product-card"
7973      >
7974        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
7975          
7976          <img src="//systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=960" alt="A close-up image of the Treasure Multi Pearl Necklace in gold, detailing the delicate chain and the small freshwater pearls set along its length." srcset="//systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=170 170w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=340 340w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=510 510w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=720 720w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=828 828w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=960" alt="A close-up on a model&#39;s neck shows a layered look, featuring the gold Treasure Multi Pearl Necklace with its delicate freshwater pearls, styled with the Florentina Necklace with a moonstone pendant." srcset="//systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=170 170w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=340 340w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=510 510w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=640 640w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=720 720w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=828 828w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=960 960w" width="960" height="1280" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
7977
7978          
7979          <div
7980            class="lg:hidden"
7981          >
7982            <div
7983              class="slideshow-container"
7984              x-data="productCardSlider()"
7985              ax-load
7986              x-cloak
7987            >
7988              <img src="//systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=960" alt="A close-up image of the Treasure Multi Pearl Necklace in gold, detailing the delicate chain and the small freshwater pearls set along its length." srcset="//systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg?v=1758208888&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7988w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=960" alt="A close-up on a model&#39;s neck shows a layered look, featuring the gold Treasure Multi Pearl Necklace with its delicate freshwater pearls, styled with the Florentina Necklace with a moonstone pendant." srcset="//systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=320 320w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=480 480w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=640 640w, //systerp.com/cdn/shop/files/Florentina_Necklace_Gold_Moonstone_Treasure_Multi_Pearl_Necklace_Gold.jpg?v=1774949496&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG13542gTreasureMultiNecklaceGold.jpg?v=1774949496&amp;width=960" alt="Two layered gold necklaces: a delicate chain with small spaced freshwater pearls, and a second chain with a sunburst pendant featuring a pearl in the center." srcset="//systerp.com/cdn/shop/files/NG13542gTreasureMultiNecklaceGold.jpg?v=1774949496&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13542gTreasureMultiNecklaceGold.jpg?v=1774949496&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13542gTreasureMultiNecklaceGold.jpg?v=1774949496&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13542gTreasureMultiNecklaceGold.jpg?v=1774949496&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/6ccb53043fdc4d43a703d9a5c3a18cef.thumbnail.0000000000.jpg?v=1736417649&amp;width=640" aria-label="Treasure Multi Pearl Necklace Gold"><source src="//systerp.com/cdn/shop/videos/c/vp/6ccb53043fdc4d43a703d9a5c3a18cef/6ccb53043fdc4d43a703d9a5c3a18cef.HD-1080p-7.2Mbps-40738105.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/6ccb53043fdc4d43a703d9a5c3a18cef.thumbnail.0000000000_small.jpg?v=1736417649"></video><img src="//systerp.com/cdn/shop/files/NG13541aTreasureMultiPearlNecklaceGoldSmalare.jpg?v=1769414711&amp;width=960" alt="A product shot of the Treasure Multi Pearl Necklace Gold, featuring a fine gold chain adorned with small, evenly spaced freshwater pearls." srcset="//systerp.com/cdn/shop/files/NG13541aTreasureMultiPearlNecklaceGoldSmalare.jpg?v=1769414711&amp;width=320 320w, //systerp.com/cdn/shop/files/NG13541aTreasureMultiPearlNecklaceGoldSmalare.jpg?v=1769414711&amp;width=480 480w, //systerp.com/cdn/shop/files/NG13541aTreasureMultiPearlNecklaceGoldSmalare.jpg?v=1769414711&amp;width=640 640w, //systerp.com/cdn/shop/files/NG13541aTreasureMultiPearlNecklaceGoldSmalare.jpg?v=1769414711&amp;width=768 768w" width="960" height="1344" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/1394fd384f68484c889dedb79749b6c3.thumbnail.0000000000.jpg?v=1774279336&amp;width=640" aria-label="Two layered gold necklaces: a delicate chain with small spaced freshwater pearls, and a second chain with a sunburst pendant featuring a pearl in the center."><source src="//systerp.com/cdn/shop/videos/c/vp/1394fd384f68484c889dedb79749b6c3/1394fd384f68484c889dedb79749b6c3.HD-1080p-7.2Mbps-79288286.mp4?v=0" type="video/mp4"><img alt="Two layered gold necklaces: a delicate chain with small spaced freshwater pearls, and a second chain with a sunburst pendant featuring a pearl in the center." src="//systerp.com/cdn/shop/files/preview_images/1394fd384f68484c889dedb79749b6c3.thumbnail.0000000000_small.jpg?v=1774279336"></video><img src="//systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=960" alt="A model wears the gold Treasure Multi Pearl Necklace, styled in a layered look with the Treasure Single Pearl Necklace, both featuring delicate freshwater pearls and shown against a crisp white shirt." srcset="//systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=320 320w, //systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=480 480w, //systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=640 640w, //systerp.com/cdn/shop/files/Treasure_Multi_Pearl_Necklace_Gold_Treasure_Singel_Pearl_Necklace_Gold.jpg?v=1774279528&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
7988w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
7989            </div>
7990          </div>
7991        </div>
7992      </a>
7993      
7994        
7995          
7996
7997<div
7998  x-data="
7999    {
8000      showQsOptions: false,
8001      loading: false,
8002      selectedVariant: '57128472969598',
8003      variantAvailable: true,
8004      addToCart() {
8005        this.loading = true;
8006        const body = JSON.stringify({
8007          items: [{ id: this.selectedVariant, quantity: 1 }],
8008          sections: 'cart-items,cart-icon-bubble,cart-footer'
8009        });
8010        fetch(routes.cart_add_url, {
8011          method: 'POST',
8012          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
8013          body
8014        })
8015        .then(r => r.json())
8016        .then(data => {
8017          this.loading = false;
8018          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
8019            const section = document.getElementById(id);
8020            if (!section) return;
8021            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
8022            const el = section.querySelector(selector) || section;
8023            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
8024          });
8025          this.$dispatch('open-cart');
8026        })
8027        .catch(err => { this.loading = false; console.error('Error:', err); });
8028      }
8029    }
8030  "
8031>
8032  
8033  <button
8034    @click="$dispatch('close-quickshops'); showQsOptions = true"
8035    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
8036  >
8037    <span>
8038      
8039
8040
8041
8042<svg
8043  width="18"
8044  height="18"
8045  viewBox="0 0 18 19"
8046  fill="none"
8047  xmlns="http://www.w3.org/2000/svg"
8048>
8049  <rect
8050    x="0.5"
8051    y="0.600098"
8052    width="17"
8053    height="17"
8054    rx="8.5"
8055    stroke="black" />
8056  <path
8057    d="M9 6.1001L9 12.1001"
8058    stroke="currentColor"
8059    stroke-linecap="square" />
8060  <path
8061    d="M6 9.1001L12 9.1001"
8062    stroke="currentColor"
8063    stroke-linecap="square" />
8064</svg>
8065
8066    </span>
8067  </button>
8068
8069  <div
8070    x-show="showQsOptions"
8071    @close-quickshops.window="showQsOptions = false"
8072    @submit.window="showQsOptions = false"
8073    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
8074  ><form
8075      id="product-card-form-15828016890238"
8076      method="post"
8077      action="/cart/add"
8078      accept-charset="UTF-8"
8079      class="w-full"
8080      enctype="multipart/form-data"
8081      @submit.prevent="addToCart()"
8082    >
8083      <input type="hidden" name="form_type" value="product">
8084      <input type="hidden" name="utf8" value="✓">
8085      <input type="hidden" name="id" :value="selectedVariant">
8086      <input type="hidden" name="quantity" value="1">
8087
8088      
8089        <button
8090          type="submit"
8091          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
8092          :disabled="!variantAvailable"
8093          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
8094        >
8095          <span
8096            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
8097          ></span>
8098        </button>
8099
8100      
8101    </form>
8102  </div>
8103</div>
8104
8105        
8106      
8107    </div>
8108    <div class="flex justify-between max-lg:flex-colaspect">
8109      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
8110        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
8111          <div
8112            class="yotpo bottomLine w-full"
8113            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
8114            data-domain="systerp.myshopify.com"
8115            data-product-id="15828016890238"
8116            data-product-models="15828016890238"
8117            data-name="Treasure Multi Pearl Necklace Gold"
8118            data-url="https://systerp.com"
8119            data-image-url="//systerp.com/cdn/shop/files/NG13541bTreasureMultiPearlNecklaceGold.jpg%3Fv=1758208888%26width=1000"
8120            data-description="&lt;p&gt;Ett tidlöst och mångsidigt halsband handgjort i 18K guldpläterad återvunnen mässing. Kedjan är dekorerad med flera odlade sötvattenspärlor som ger en modern twist på en klassisk detalj. Halsbandet är ett av våra mest populära och är lätt att bära, både till vardag och festliga tillfällen. Det är dessutom en perfekt present!&lt;/p&gt;
8121&lt;h2&gt;&lt;strong&gt;&lt;br&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
8122&lt;ul&gt;
8123&lt;li&gt;
8124&lt;p&gt;Handgjord i återvunnen mässing&lt;/p&gt;
8125&lt;/li&gt;
8126&lt;li&gt;
8127&lt;p&gt;18K guldplätering&lt;/p&gt;
8128&lt;/li&gt;
8129&lt;li&gt;
8130&lt;p&gt;Odlade sötvattenpärlor&lt;/p&gt;
8131&lt;/li&gt;
8132&lt;li&gt;
8133&lt;p&gt;
8133Justerbar längd i två steg: 40–42 cm&lt;/p&gt;
8134&lt;/li&gt;
8135&lt;/ul&gt;
8136&lt;h3&gt;&lt;strong&gt;&lt;br&gt;Vad som gör det speciellt&lt;/strong&gt;&lt;/h3&gt;
8137&lt;p&gt;Varje Treasure Multi Pearl Necklace är handgjort och varje pärla noggrant utvald, vilket gör halsbandet unikt. Tillverkat med återvunnen mässing och med en tidlös design är det ett smycke som håller över tid och som också blir en fin och betydelsefull present.&lt;br&gt;&lt;/p&gt;
8138&lt;h4&gt;&lt;strong&gt;&lt;br&gt;Hur du stylar det&lt;/strong&gt;&lt;/h4&gt;
8139&lt;p&gt;Halsbandet är fint att kombinera med andra pärlsmycken och ingår i den populära kombinationen &lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;https://systerp.com/products/treasure-necklace-set-gold&quot;&gt;Treasure Necklace Set&lt;/a&gt;&lt;a href=&quot;https://systerp.com/products/treasure-necklace-set-silver&quot;&gt;&lt;/a&gt;&lt;/span&gt;. Har du redan ett favorithalsband kan du enkelt lägga till detta till din look - den korta kedjan i halsbandet gör det perfekt för layering!&lt;/p&gt;"
8140            data-bread-crumbs=""
8141          ></div>
8142        </div>
8143
8144        <h3
8145          class="lg:col-span-6 uppercase text-center px-10 leading-none"
8146          id="title-template--28929183482238__product-grid-15828016890238"
8147        >
8148          <a
8149            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
8150            href="/products/treasure-multi-pearl-necklace-gold"
8151          >
8152            Treasure Multi Pearl Necklace Gold
8153          </a>
8154        </h3>
8155<div
8156  class="
8157      price
8158       
8159      text-default
8160    
8161 "
8162>
8163  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
8164        <span class="price-item price-item--regular">
8165          899 kr
8166</span></div>
8167
8168    <div class="price__sale  hidden">
8169        <span class="sr-only sr-only--inline">Ordinarie pris</span>
8170        <span>
8171          <s class="price-item price-item--regular">
8172            
8173              
8174            
8175          </s>
8176        </span><span class="sr-only sr-only--inline">Reapris</span>
8177      <span class="price-item price-item--sale price-item--last">
8178        899 kr
8179      </span>
8180    </div>
8181    <small class="block uppercase caption hidden">
8182      <span class="sr-only">Enhetspris</span>
8183      <span class="price-item price-item--last">
8184        <span></span>
8185        <span aria-hidden="true">/</span>
8186        <span class="sr-only">&nbsp;per&nbsp;</span>
8187        <span>
8188        </span>
8189      </span>
8190    </small>
8191  </div>
8192</div>
8193
8194
8195<div
8196  class="
8197    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
8198    
8199  "
8200>
8201  
8202  
8203    <span class=""> best seller </span>
8204  
8205</div>
8206</div>
8207    </div>
8208  </div>
8209            </li><li>
8210              
8211<div
8212    x-data="{ showQsOptions: false }"
8213    @click.outside="showQsOptions = false"
8214    class="relative card-product card-product-wrapper mb-12 md:mb-0"
8215    data-id="6933954461771"
8216    data-title="Minimalistica Solo Nova Bracelet Silver"
8217    data-price="69900"
8218    data-vendor="Pink City"
8219    data-type="Armband"
8220    data-index=""
8221  >
8222    <div
8223      class="card-product-upper relative  product-card__hover"
8224    >
8225      <a
8226        href="/collections/bastsaljare/products/minimalistica-solo-nova-bracelet-silver"
8227        class="product-card"
8228      >
8229        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
8230          
8231          <img src="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=960" alt="A close-up of a model&#39;s wrist wearing a stack of three silver bracelets: the Herringbone Twisted Bracelet, the Minimalistica Solo Nova Bracelet with a single stone, and the delicate Sheer Station Bracelet." srcset="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=170 170w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=340 340w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=510 510w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=640 640w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=720 720w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=828 828w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=960 960w" width="960" height="1345" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=960" alt="A product shot of the Minimalistica Solo Nova Bracelet in silver, laid out in a circle to show its design of a delicate chain with a single, central white topaz stone." srcset="//systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=170 170w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=340 340w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=510 510w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=720 720w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=828 828w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
8232
8233          
8234          <div
8235            class="lg:hidden"
8236          >
8237            <div
8238              class="slideshow-container"
8239              x-data="productCardSlider()"
8240              ax-load
8241              x-cloak
8242            >
8243              <img src="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=960" alt="A close-up of a model&#39;s wrist wearing a stack of three silver bracelets: the Herringbone Twisted Bracelet, the Minimalistica Solo Nova Bracelet with a single stone, and the delicate Sheer Station Bracelet." srcset="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=320 320w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=480 480w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=640 640w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg?v=1774940348&amp;width=768 768w" width="960" height="1345" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8243w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=960" alt="A product shot of the Minimalistica Solo Nova Bracelet in silver, laid out in a circle to show its design of a delicate chain with a single, central white topaz stone." srcset="//systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=320 320w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=480 480w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12611MinimalisticaSoloNovabraceletsilver_1aca9b3e-1545-46a7-8076-96682de9384c.jpg?v=1760446959&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BS12612bMinimalisticaSoloNovabraceletsilver.jpg?v=1773929013&amp;width=960" alt="A shot of a model wearing the Minimalistica Solo Nova Bracelet with a single stone" srcset="//systerp.com/cdn/shop/files/BS12612bMinimalisticaSoloNovabraceletsilver.jpg?v=1773929013&amp;width=320 320w, //systerp.com/cdn/shop/files/BS12612bMinimalisticaSoloNovabraceletsilver.jpg?v=1773929013&amp;width=480 480w, //systerp.com/cdn/shop/files/BS12612bMinimalisticaSoloNovabraceletsilver.jpg?v=1773929013&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12612bMinimalisticaSoloNovabraceletsilver.jpg?v=1773929013&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:65.4027% 79.7955%;"><img src="//systerp.com/cdn/shop/files/BS12611bMinimalisticaSoloNovabraceletsilver_c44a3fa0-5371-4132-8e33-b84b5d4b3270.jpg?v=1773929013&amp;width=960" alt="A close-up shot of the Minimalistica Solo Nova Bracelet in silver, highlighting its delicate chain and the single white topaz stone." srcset="//systerp.com/cdn/shop/files/BS12611bMinimalisticaSoloNovabraceletsilver_c44a3fa0-5371-4132-8e33-b84b5d4b3270.jpg?v=1773929013&amp;width=320 320w, //systerp.com/cdn/shop/files/BS12611bMinimalisticaSoloNovabraceletsilver_c44a3fa0-5371-4132-8e33-b84b5d4b3270.jpg?v=1773929013&amp;width=480 480w, //systerp.com/cdn/shop/files/BS12611bMinimalisticaSoloNovabraceletsilver_c44a3fa0-5371-4132-8e33-b84b5d4b3270.jpg?v=1773929013&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12611bMinimalisticaSoloNovabraceletsilver_c44a3fa0-5371-4132-8e33-b84b5d4b3270.jpg?v=1773929013&amp;width=768 768w" width="960" height="1368" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BS12612cMinimalisticaSoloNovabraceletsilver.jpg?v=1773932369&amp;width=960" alt="A close-up of a model&#39;s wrist wearing a stack of three silver bracelets: the Herringbone Bracelet, the Minimalistica Solo Nova Bracelet with a single stone, and the delicate Sheer Station Bracelet." srcset="//systerp.com/cdn/shop/files/BS12612cMinimalisticaSoloNovabraceletsilver.jpg?v=1773932369&amp;width=320 320w, //systerp.com/cdn/shop/files/BS12612cMinimalisticaSoloNovabraceletsilver.jpg?v=1773932369&amp;width=480 480w, //systerp.com/cdn/shop/files/BS12612cMinimalisticaSoloNovabraceletsilver.jpg?v=1773932369&amp;width=640 640w, //systerp.com/cdn/shop/files/BS12612cMinimalisticaSoloNovabraceletsilver.jpg?v=1773932369&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8243w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true" style="object-position:43.5663% 74.5293%;"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/6a4ece2956f14f6f965d46fe19940075.thumbnail.0000000000.jpg?v=1732098302&amp;width=640" aria-label="Minimalistica Solo Nova Bracelet Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/6a4ece2956f14f6f965d46fe19940075/6a4ece2956f14f6f965d46fe19940075.HD-1080p-7.2Mbps-38383632.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/6a4ece2956f14f6f965d46fe19940075.thumbnail.0000000000_small.jpg?v=1732098302"></video><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/6aa9c3b7c3a74fcf8c14519e3bc8ea9d.thumbnail.0000000000.jpg?v=1774012304&amp;width=640" aria-label="A video of a model wearing a stack of three silver bracelets: the Herringbone Bracelet, the Minimalistica Solo Nova Bracelet with a single stone, and the delicate Sheer Station Bracelet."><source src="//systerp.com/cdn/shop/videos/c/vp/6aa9c3b7c3a74fcf8c14519e3bc8ea9d/6aa9c3b7c3a74fcf8c14519e3bc8ea9d.HD-1080p-7.2Mbps-78347115.mp4?v=0" type="video/mp4"><img alt="A video of a model wearing a stack of three silver bracelets: the Herringbone Bracelet, the Minimalistica Solo Nova Bracelet with a single stone, and the delicate Sheer Station Bracelet." src="//systerp.com/cdn/shop/files/preview_images/6aa9c3b7c3a74fcf8c14519e3bc8ea9d.thumbnail.0000000000_small.jpg?v=1774012304"></video>
8244            </div>
8245          </div>
8246        </div>
8247      </a>
8248      
8249        
8250          
8251
8252<div
8253  x-data="
8254    {
8255      showQsOptions: false,
8256      loading: false,
8257      selectedVariant: '40296308211787',
8258      variantAvailable: true,
8259      addToCart() {
8260        this.loading = true;
8261        const body = JSON.stringify({
8262          items: [{ id: this.selectedVariant, quantity: 1 }],
8263          sections: 'cart-items,cart-icon-bubble,cart-footer'
8264        });
8265        fetch(routes.cart_add_url, {
8266          method: 'POST',
8267          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
8268          body
8269        })
8270        .then(r => r.json())
8271        .then(data => {
8272          this.loading = false;
8273          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
8274            const section = document.getElementById(id);
8275            if (!section) return;
8276            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
8277            const el = section.querySelector(selector) || section;
8278            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
8279          });
8280          this.$dispatch('open-cart');
8281        })
8282        .catch(err => { this.loading = false; console.error('Error:', err); });
8283      }
8284    }
8285  "
8286>
8287  
8288  <button
8289    @click="$dispatch('close-quickshops'); showQsOptions = true"
8290    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
8291  >
8292    <span>
8293      
8294
8295
8296
8297<svg
8298  width="18"
8299  height="18"
8300  viewBox="0 0 18 19"
8301  fill="none"
8302  xmlns="http://www.w3.org/2000/svg"
8303>
8304  <rect
8305    x="0.5"
8306    y="0.600098"
8307    width="17"
8308    height="17"
8309    rx="8.5"
8310    stroke="black" />
8311  <path
8312    d="M9 6.1001L9 12.1001"
8313    stroke="currentColor"
8314    stroke-linecap="square" />
8315  <path
8316    d="M6 9.1001L12 9.1001"
8317    stroke="currentColor"
8318    stroke-linecap="square" />
8319</svg>
8320
8321    </span>
8322  </button>
8323
8324  <div
8325    x-show="showQsOptions"
8326    @close-quickshops.window="showQsOptions = false"
8327    @submit.window="showQsOptions = false"
8328    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
8329  ><form
8330      id="product-card-form-6933954461771"
8331      method="post"
8332      action="/cart/add"
8333      accept-charset="UTF-8"
8334      class="w-full"
8335      enctype="multipart/form-data"
8336      @submit.prevent="addToCart()"
8337    >
8338      <input type="hidden" name="form_type" value="product">
8339      <input type="hidden" name="utf8" value="✓">
8340      <input type="hidden" name="id" :value="selectedVariant">
8341      <input type="hidden" name="quantity" value="1">
8342
8343      
8344        <button
8345          type="submit"
8346          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
8347          :disabled="!variantAvailable"
8348          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
8349        >
8350          <span
8351            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
8352          ></span>
8353        </button>
8354
8355      
8356    </form>
8357  </div>
8358</div>
8359
8360        
8361      
8362    </div>
8363    <div class="flex justify-between max-lg:flex-colaspect">
8364      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
8365        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
8366          <div
8367            class="yotpo bottomLine w-full"
8368            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
8369            data-domain="systerp.myshopify.com"
8370            data-product-id="6933954461771"
8371            data-product-models="6933954461771"
8372            data-name="Minimalistica Solo Nova Bracelet Silver"
8373            data-url="https://systerp.com"
8374            data-image-url="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Minimalistica_Solo_Nova_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver.jpg%3Fv=1774940348%26width=1000"
8375            data-description="&lt;p&gt;Tunt nätt armband tillverkat i&amp;nbsp;äkta sterlingsilver, 100% återvunnet.&amp;nbsp;Armbandet har en liten vit topas fäst på kedjan. Superfint och klassiskt!&lt;/p&gt;"
8376            data-bread-crumbs=""
8377          ></div>
8378        </div>
8379
8380        <h3
8381          class="lg:col-span-6 uppercase text-center px-10 leading-none"
8382          id="title-template--28929183482238__product-grid-6933954461771"
8383        >
8384          <a
8385            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
8386            href="/products/minimalistica-solo-nova-bracelet-silver"
8387          >
8388            Minimalistica Solo Nova Bracelet Silver
8389          </a>
8390        </h3>
8391<div
8392  class="
8393      price
8394       
8395      text-default
8396    
8397 "
8398>
8399  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
8400        <span class="price-item price-item--regular">
8401          699 kr
8402</span></div>
8403
8404    <div class="price__sale  hidden">
8405        <span class="sr-only sr-only--inline">Ordinarie pris</span>
8406        <span>
8407          <s class="price-item price-item--regular">
8408            
8409              
8410            
8411          </s>
8412        </span><span class="sr-only sr-only--inline">Reapris</span>
8413      <span class="price-item price-item--sale price-item--last">
8414        699 kr
8415      </span>
8416    </div>
8417    <small class="block uppercase caption hidden">
8418      <span class="sr-only">Enhetspris</span>
8419      <span class="price-item price-item--last">
8420        <span></span>
8421        <span aria-hidden="true">/</span>
8422        <span class="sr-only">&nbsp;per&nbsp;</span>
8423        <span>
8424        </span>
8425      </span>
8426    </small>
8427  </div>
8428</div>
8429
8430
8431<div
8432  class="
8433    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
8434    
8435  "
8436>
8437  
8438  
8439    <span class=""> best seller </span>
8440  
8441</div>
8442</div>
8443    </div>
8444  </div>
8445            </li><li>
8446              
8447<div
8448    x-data="{ showQsOptions: false }"
8449    @click.outside="showQsOptions = false"
8450    class="relative card-product card-product-wrapper mb-12 md:mb-0"
8451    data-id="15827981304190"
8452    data-title="Solea Necklace Gold"
8453    data-price="89900"
8454    data-vendor="MALYA JEWEL CRAFTS"
8455    data-type="Necklace"
8456    data-index=""
8457  >
8458    <div
8459      class="card-product-upper relative  product-card__hover"
8460    >
8461      <a
8462        href="/collections/bastsaljare/products/solea-necklace-gold"
8463        class="product-card"
8464      >
8465        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
8466          
8467          <img src="//systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=960" alt="A product shot of the Solea Necklace in gold, laid out to showcase its design of a delicate chain adorned with small, round, hammered circles." srcset="//systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=170 170w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=340 340w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=510 510w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=720 720w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=828 828w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=960" alt="A model wearing the Solea Necklace Gold, which has a delicate chain adorned with small hammered gold circles, layered with another gold necklace featuring a round hammered pendant." srcset="//systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=170 170w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=340 340w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=510 510w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=640 640w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=720 720w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=828 828w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=960 960w" width="960" height="1440" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
8468
8469          
8470          <div
8471            class="lg:hidden"
8472          >
8473            <div
8474              class="slideshow-container"
8475              x-data="productCardSlider()"
8476              ax-load
8477              x-cloak
8478            >
8479              <img src="//systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=960" alt="A product shot of the Solea Necklace in gold, laid out to showcase its design of a delicate chain adorned with small, round, hammered circles." srcset="//systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg?v=1773320537&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8479w, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=960" alt="A model wearing the Solea Necklace Gold, which has a delicate chain adorned with small hammered gold circles, layered with another gold necklace featuring a round hammered pendant." srcset="//systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=320 320w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=480 480w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=640 640w, //systerp.com/cdn/shop/files/NG12532cMinimalisticahammerednecklacegold.jpg?v=1773932500&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG14122dSoleanecklacegold.jpg?v=1773932500&amp;width=960" alt="A model wears a layered look with the Solea Necklace in gold, which features a fine chain with small hammered discs, worn with a longer necklace with a green sun pendant and matching gold drop earrings." srcset="//systerp.com/cdn/shop/files/NG14122dSoleanecklacegold.jpg?v=1773932500&amp;width=320 320w, //systerp.com/cdn/shop/files/NG14122dSoleanecklacegold.jpg?v=1773932500&amp;width=480 480w, //systerp.com/cdn/shop/files/NG14122dSoleanecklacegold.jpg?v=1773932500&amp;width=640 640w, //systerp.com/cdn/shop/files/NG14122dSoleanecklacegold.jpg?v=1773932500&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NG1412_1b_Solea_necklace_gold.jpg?v=1773932500&amp;width=960" alt="A close-up shot of the Solea Necklace in gold, highlighting the detail of its fine chain adorned with small, round, hammered circles." srcset="//systerp.com/cdn/shop/files/NG1412_1b_Solea_necklace_gold.jpg?v=1773932500&amp;width=320 320w, //systerp.com/cdn/shop/files/NG1412_1b_Solea_necklace_gold.jpg?v=1773932500&amp;width=480 480w, //systerp.com/cdn/shop/files/NG1412_1b_Solea_necklace_gold.jpg?v=1773932500&amp;width=640 640w, //systerp.com/cdn/shop/files/NG1412_1b_Solea_necklace_gold.jpg?v=1773932500&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/e98b3014e180417bbaa7dce04a49f70c.thumbnail.0000000000.jpg?v=1748443183&amp;width=640" aria-label="Solea Necklace Gold"><source src="//systerp.com/cdn/shop/videos/c/vp/e98b3014e180417bbaa7dce04a49f70c/e98b3014e180417bbaa7dce04a49f70c.HD-1080p-7.2Mbps-48392013.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/e98b3014e180417bbaa7dce04a49f70c.thumbnail.0000000000_small.jpg?v=1748443183"></video><img src="//systerp.com/cdn/shop/files/SoleaNecklaceGold_MinimalisticaHammeredNecklaceGold.jpg?v=1773932500&amp;width=960" alt="A close-up of a model wearing the Solea Necklace Gold, which has a delicate chain adorned with small hammered gold circles, layered with another gold necklace featuring a round hammered pendant." srcset="//systerp.com/cdn/shop/files/SoleaNecklaceGold_MinimalisticaHammeredNecklaceGold.jpg?v=1773932500&amp;width=320 320w, //systerp.com/cdn/shop/files/SoleaNecklaceGold_MinimalisticaHammeredNecklaceGold.jpg?v=1773932500&amp;width=480 480w, //systerp.com/cdn/shop/files/SoleaNecklaceGold_MinimalisticaHammeredNecklaceGold.jpg?v=1773932500&amp;width=640 640w, //systerp.com/cdn/shop/files/SoleaNecklaceGold_MinimalisticaHammeredNecklaceGold.jpg?v=1773932500&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8479w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/43b80d8fe9084653b91ba3d58935fa49.thumbnail.0000000000.jpg?v=1774010734&amp;width=640" aria-label="A model wearing the Solea Necklace Gold, which has a delicate chain adorned with small hammered gold circles, layered with another gold necklace featuring a round hammered pendant."><source src="//systerp.com/cdn/shop/videos/c/vp/43b80d8fe9084653b91ba3d58935fa49/43b80d8fe9084653b91ba3d58935fa49.HD-1080p-7.2Mbps-78345845.mp4?v=0" type="video/mp4"><img alt="A model wearing the Solea Necklace Gold, which has a delicate chain adorned with small hammered gold circles, layered with another gold necklace featuring a round hammered pendant." src="//systerp.com/cdn/shop/files/preview_images/43b80d8fe9084653b91ba3d58935fa49.thumbnail.0000000000_small.jpg?v=1774010734"></video>
8480            </div>
8481          </div>
8482        </div>
8483      </a>
8484      
8485        
8486          
8487
8488<div
8489  x-data="
8490    {
8491      showQsOptions: false,
8492      loading: false,
8493      selectedVariant: '57128356905342',
8494      variantAvailable: true,
8495      addToCart() {
8496        this.loading = true;
8497        const body = JSON.stringify({
8498          items: [{ id: this.selectedVariant, quantity: 1 }],
8499          sections: 'cart-items,cart-icon-bubble,cart-footer'
8500        });
8501        fetch(routes.cart_add_url, {
8502          method: 'POST',
8503          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
8504          body
8505        })
8506        .then(r => r.json())
8507        .then(data => {
8508          this.loading = false;
8509          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
8510            const section = document.getElementById(id);
8511            if (!section) return;
8512            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
8513            const el = section.querySelector(selector) || section;
8514            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
8515          });
8516          this.$dispatch('open-cart');
8517        })
8518        .catch(err => { this.loading = false; console.error('Error:', err); });
8519      }
8520    }
8521  "
8522>
8523  
8524  <button
8525    @click="$dispatch('close-quickshops'); showQsOptions = true"
8526    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
8527  >
8528    <span>
8529      
8530
8531
8532
8533<svg
8534  width="18"
8535  height="18"
8536  viewBox="0 0 18 19"
8537  fill="none"
8538  xmlns="http://www.w3.org/2000/svg"
8539>
8540  <rect
8541    x="0.5"
8542    y="0.600098"
8543    width="17"
8544    height="17"
8545    rx="8.5"
8546    stroke="black" />
8547  <path
8548    d="M9 6.1001L9 12.1001"
8549    stroke="currentColor"
8550    stroke-linecap="square" />
8551  <path
8552    d="M6 9.1001L12 9.1001"
8553    stroke="currentColor"
8554    stroke-linecap="square" />
8555</svg>
8556
8557    </span>
8558  </button>
8559
8560  <div
8561    x-show="showQsOptions"
8562    @close-quickshops.window="showQsOptions = false"
8563    @submit.window="showQsOptions = false"
8564    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
8565  ><form
8566      id="product-card-form-15827981304190"
8567      method="post"
8568      action="/cart/add"
8569      accept-charset="UTF-8"
8570      class="w-full"
8571      enctype="multipart/form-data"
8572      @submit.prevent="addToCart()"
8573    >
8574      <input type="hidden" name="form_type" value="product">
8575      <input type="hidden" name="utf8" value="✓">
8576      <input type="hidden" name="id" :value="selectedVariant">
8577      <input type="hidden" name="quantity" value="1">
8578
8579      
8580        <button
8581          type="submit"
8582          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
8583          :disabled="!variantAvailable"
8584          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
8585        >
8586          <span
8587            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
8588          ></span>
8589        </button>
8590
8591      
8592    </form>
8593  </div>
8594</div>
8595
8596        
8597      
8598    </div>
8599    <div class="flex justify-between max-lg:flex-colaspect">
8600      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
8601        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
8602          <div
8603            class="yotpo bottomLine w-full"
8604            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
8605            data-domain="systerp.myshopify.com"
8606            data-product-id="15827981304190"
8607            data-product-models="15827981304190"
8608            data-name="Solea Necklace Gold"
8609            data-url="https://systerp.com"
8610            data-image-url="//systerp.com/cdn/shop/files/NG1412_1_Solea_necklace_gold.jpg%3Fv=1773320537%26width=1000"
8611            data-description="&lt;p&gt;Ett tidlöst smycke med en unik kedja, dekorerad med små runda hamrade cirklar som ger halsbandet en fin handgjord känsla. Tillverkat i 18K guldpläterad återvunnen mässing. Den tunna kedjan passar perfekt att bära ensam eller i kombination med andra smycken.&lt;/p&gt;"
8612            data-bread-crumbs=""
8613          ></div>
8614        </div>
8615
8616        <h3
8617          class="lg:col-span-6 uppercase text-center px-10 leading-none"
8618          id="title-template--28929183482238__product-grid-15827981304190"
8619        >
8620          <a
8621            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
8622            href="/products/solea-necklace-gold"
8623          >
8624            Solea Necklace Gold
8625          </a>
8626        </h3>
8627<div
8628  class="
8629      price
8630       
8631      text-default
8632    
8633 "
8634>
8635  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
8636        <span class="price-item price-item--regular">
8637          899 kr
8638</span></div>
8639
8640    <div class="price__sale  hidden">
8641        <span class="sr-only sr-only--inline">Ordinarie pris</span>
8642        <span>
8643          <s class="price-item price-item--regular">
8644            
8645              
8646            
8647          </s>
8648        </span><span class="sr-only sr-only--inline">Reapris</span>
8649      <span class="price-item price-item--sale price-item--last">
8650        899 kr
8651      </span>
8652    </div>
8653    <small class="block uppercase caption hidden">
8654      <span class="sr-only">Enhetspris</span>
8655      <span class="price-item price-item--last">
8656        <span></span>
8657        <span aria-hidden="true">/</span>
8658        <span class="sr-only">&nbsp;per&nbsp;</span>
8659        <span>
8660        </span>
8661      </span>
8662    </small>
8663  </div>
8664</div>
8665
8666
8667<div
8668  class="
8669    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
8670    
8671  "
8672>
8673  
8674  
8675    <span class=""> best seller </span>
8676  
8677</div>
8678</div>
8679    </div>
8680  </div>
8681            </li><li>
8682              
8683<div
8684    x-data="{ showQsOptions: false }"
8685    @click.outside="showQsOptions = false"
8686    class="relative card-product card-product-wrapper mb-12 md:mb-0"
8687    data-id="6933965471819"
8688    data-title="Beloved Mini Letter Silver"
8689    data-price="39900"
8690    data-vendor="Pink City"
8691    data-type="Berlock"
8692    data-index=""
8693  >
8694    <div
8695      class="card-product-upper relative  product-card__hover"
8696    >
8697      <a
8698        href="/collections/bastsaljare/products/beloved-mini-letter-silver-a"
8699        class="product-card"
8700      >
8701        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
8702          
8703          <img src="//systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver pendants, showcasing three examples with the letters T, I, and N engraved on the small, circular charms." srcset="//systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=170 170w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=340 340w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=510 510w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=640 640w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=720 720w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=828 828w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver pendant, featuring a small roun
8703d charm with the letter &#39;A&#39; engraved on it." srcset="//systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=170 170w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=340 340w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=510 510w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=720 720w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=828 828w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
8704
8705          
8706          <div
8707            class="lg:hidden"
8708          >
8709            <div
8710              class="slideshow-container"
8711              x-data="productCardSlider()"
8712              ax-load
8713              x-cloak
8714            >
8715              <img src="//systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver pendants, showcasing three examples with the letters T, I, and N engraved on the small, circular charms." srcset="//systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=320 320w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=480 480w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=640 640w, //systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg?v=1714472440&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver pendant, featuring a small round charm with the letter &#39;A&#39; engraved on it." srcset="//systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230A_Beloved_Mini_Letter_Silver_4e4db404-b61d-47bb-9012-0fd430b139ac.jpg?v=1718200511&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS12302gBelovedMiniLetterSilver.jpg?v=1769177476&amp;width=960" alt="Short silver chain with letter pendant layered with longer rectangular pendant chain and hoop earrings." srcset="//systerp.com/cdn/shop/files/NS12302gBelovedMiniLetterSilver.jpg?v=1769177476&amp;width=320 320w, //systerp.com/cdn/shop/files/NS12302gBelovedMiniLetterSilver.jpg?v=1769177476&amp;width=480 480w, //systerp.com/cdn/shop/files/NS12302gBelovedMiniLetterSilver.jpg?v=1769177476&amp;width=640 640w, //systerp.com/cdn/shop/files/NS12302gBelovedMiniLetterSilver.jpg?v=1769177476&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8715w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><video playsinline="true" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" loop="loop" muted="muted" quality="480p" preload="none" poster="//systerp.com/cdn/shop/files/preview_images/5bd7257a130240648ddaf0ce95c28385.thumbnail.0000000000.jpg?v=1761561867&amp;width=640" aria-label="Beloved Mini Letter Silver"><source src="//systerp.com/cdn/shop/videos/c/vp/5bd7257a130240648ddaf0ce95c28385/5bd7257a130240648ddaf0ce95c28385.HD-1080p-7.2Mbps-60975693.mp4?v=0" type="video/mp4"><img src="//systerp.com/cdn/shop/files/preview_images/5bd7257a130240648ddaf0ce95c28385.thumbnail.0000000000_small.jpg?v=1761561867"></video><img src="//systerp.com/cdn/shop/files/NS12022fBelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=960" alt="The medium-length necklace is adorned with a letter pendant and an pink heart charm" srcset="//systerp.com/cdn/shop/files/NS12022fBelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS12022fBelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS12022fBelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS12022fBelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/BelovedMediumBoxChainSilver_NorthStarNecklaceSilver_SheerMirrorNecklaceSilver.jpg?v=1773917945&amp;width=960" alt="A close-up of a model wearing three layered silver necklaces: the North Star Necklace with a small star charm, the flat Sheer Mirror Necklace, and the Beloved Medium Box Chain with a round Beloved Mini Letter &#39;M&#39; pendant." srcset="//systerp.com/cdn/shop/files/BelovedMediumBoxChainSilver_NorthStarNecklaceSilver_SheerMirrorNecklaceSilver.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainSilver_NorthStarNecklaceSilver_SheerMirrorNecklaceSilver.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainSilver_NorthStarNecklaceSilver_SheerMirrorNecklaceSilver.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/BelovedMediumBoxChainSilver_NorthStarNecklaceSilver_SheerMirrorNecklaceSilver.jpg?v=1773917945&amp;width=768 768w" width="960" height="1204" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/custom_beloved_461dbc66-15ea-4645-b54c-eff4cc53808c.jpg?v=1773917945&amp;width=960" alt="Our Beloved Letter being polished by hand at one of our factories in India." srcset="//systerp.com/cdn/shop/files/custom_beloved_461dbc66-15ea-4645-b54c-eff4cc53808c.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/custom_beloved_461dbc66-15ea-4645-b54c-eff4cc53808c.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/custom_beloved_461dbc66-15ea-4645-b54c-eff4cc53808c.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/custom_beloved_461dbc66-15ea-4645-b54c-eff4cc53808c.jpg?v=1773917945&amp;width=768 768w" width="960" height="1280" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230BelovedMiniLetterSilver_BelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Medium Box Chain in silver, adorned with two silver Beloved Mini Letter pendants." srcset="//systerp.com/cdn/shop/files/NS1230BelovedMiniLetterSilver_BelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230BelovedMiniLetterSilver_BelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230BelovedMiniLetterSilver_BelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230BelovedMiniLetterSilver_BelovedMediumBoxChainSilver.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8715w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_Short_Box_Chain_Silver_Beloved_Mini_Letter_Silver1.jpg?v=1773917945&amp;width=960" alt="A close-up shot of a model wearing the Syster P Beloved Mini Letter &#39;E&#39; pendant on a silver short box chain necklace." srcset="//systerp.com/cdn/shop/files/Beloved_Short_Box_Chain_Silver_Beloved_Mini_Letter_Silver1.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Short_Box_Chain_Silver_Beloved_Mini_Letter_Silver1.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Short_Box_Chain_Silver_Beloved_Mini_Letter_Silver1.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Short_Box_Chain_Silver_Beloved_Mini_Letter_Silver1.jpg?v=1773917945&amp;width=768 768w" width="960" height="1091" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver.jpg?v=1773917945&amp;width=960" alt="A product shot of a silver Syster P Beloved necklace with a medium box chain, featuring a mini letter &#39;B&#39; pendant and a heart pendant, resting on a white gift box with a black ribbon." srcset="//systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_Beloved_Heart_Pendant_Silver.jpg?v=1773917945&amp;width=768 768w" width="960" height="1440" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230B_Beloved_Mini_Letter_Silver_59ac68cf-e34a-4ed7-9ecf-f2da30ab74c7.jpg?v=1773917945&amp;width=960" alt="A product shot of the Syster P Beloved Mini Letter charm in silver, featuring the letter &#39;B&#39; engraved on its small, round surface." srcset="//systerp.com/cdn/shop/files/NS1230B_Beloved_Mini_Letter_Silver_59ac68cf-e34a-4ed7-9ecf-f2da30ab74c7.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230B_Beloved_Mini_Letter_Silver_59ac68cf-e34a-4ed7-9ecf-f2da30ab74c7.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230B_Beloved_Mini_Letter_Silver_59ac68cf-e34a-4ed7-9ecf-f2da30ab74c7.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230B_Beloved_Mini_Letter_Silver_59ac68cf-e34a-4ed7-9ecf-f2da30ab74c7.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230C_Beloved_Mini_Letter_Silver_9ca6f27c-33cc-4ee8-a560-12684ca71151.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, featuring a round pendant with the letter &#39;C&#39; engraved on it." srcset="//systerp.com/cdn/shop/files/NS1230C_Beloved_Mini_Letter_Silver_9ca6f27c-33cc-4ee8-a560-12684ca71151.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230C_Beloved_Mini_Letter_Silver_9ca6f27c-33cc-4ee8-a560-12684ca71151.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230C_Beloved_Mini_Letter_Silver_9ca6f27c-33cc-4ee8-a560-12684ca71151.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230C_Beloved_Mini_Letter_Silver_9ca6f27c-33cc-4ee8-a560-12684ca71151.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8715w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230D_Beloved_Mini_Letter_Silver_71350da2-b965-4bef-abf9-72a25da2c577.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, showcasing the round pendant with the letter D engraved on it." srcset="//systerp.com/cdn/shop/files/NS1230D_Beloved_Mini_Letter_Silver_71350da2-b965-4bef-abf9-72a25da2c577.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230D_Beloved_Mini_Letter_Silver_71350da2-b965-4bef-abf9-72a25da2c577.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230D_Beloved_Mini_Letter_Silver_71350da2-b965-4bef-abf9-72a25da2c577.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230D_Beloved_Mini_Letter_Silver_71350da2-b965-4bef-abf9-72a25da2c577.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230E_Beloved_Mini_Letter_Silver_a1b77013-6d1b-4e48-b897-2ae1149fc3f1.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, featuring the letter E engraved on its round surface." srcset="//systerp.com/cdn/shop/files/NS1230E_Beloved_Mini_Letter_Silver_a1b77013-6d1b-4e48-b897-2ae1149fc3f1.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230E_Beloved_Mini_Letter_Silver_a1b77013-6d1b-4e48-b897-2ae1149fc3f1.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230E_Beloved_Mini_Letter_Silver_a1b77013-6d1b-4e48-b897-2ae1149fc3f1.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230E_Beloved_Mini_Letter_Silver_a1b77013-6d1b-4e48-b897-2ae1149fc3f1.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230F_Beloved_Mini_Letter_Silver_4dcd5419-b088-4ce9-b359-37d6ed397d7b.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver pendant, showing the letter &#39;F&#39; engraved on the small, round charm." srcset="//systerp.com/cdn/shop/files/NS1230F_Beloved_Mini_Letter_Silver_4dcd5419-b088-4ce9-b359-37d6ed397d7b.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230F_Beloved_Mini_Letter_Silver_4dcd5419-b088-4ce9-b359-37d6ed397d7b.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230F_Beloved_Mini_Letter_Silver_4dcd5419-b088-4ce9-b359-37d6ed397d7b.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230F_Beloved_Mini_Letter_Silver_4dcd5419-b088-4ce9-b359-37d6ed397d7b.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230G_Beloved_Mini_Letter_Silver_c1b1b49d-4e49-480f-9871-5de5f35833f0.jpg?v=1773917945&amp;width=960" alt="A product shot of the silver Beloved Mini Letter G pendant, showing the initial engraved on a small, circular charm." srcset="//systerp.com/cdn/shop/files/NS1230G_Beloved_Mini_Letter_Silver_c1b1b49d-4e49-480f-9871-5de5f35833f0.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230G_Beloved_Mini_Letter_Silver_c1b1b49d-4e49-480f-9871-5de5f35833f0.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230G_Beloved_Mini_Letter_Silver_c1b1b49d-4e49-480f-9871-5de5f35833f0.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230G_Beloved_Mini_Letter_Silver_c1b1b49d-4e49-480f-9871-5de5f35833f0.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8715w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230H_Beloved_Mini_Letter_Silver_bb98780d-6a46-4ce7-9c5c-686eea1f5e62.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, featuring the initial &#39;H&#39; engraved on a small, round pendant." srcset="//systerp.com/cdn/shop/files/NS1230H_Beloved_Mini_Letter_Silver_bb98780d-6a46-4ce7-9c5c-686eea1f5e62.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230H_Beloved_Mini_Letter_Silver_bb98780d-6a46-4ce7-9c5c-686eea1f5e62.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230H_Beloved_Mini_Letter_Silver_bb98780d-6a46-4ce7-9c5c-686eea1f5e62.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230H_Beloved_Mini_Letter_Silver_bb98780d-6a46-4ce7-9c5c-686eea1f5e62.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230I_Beloved_Mini_Letter_Silver_b0b6e11d-3e3e-49ec-9f4b-fff434dde30e.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter pendant in silver, a round charm featuring the engraved letter &#39;I&#39;." srcset="//systerp.com/cdn/shop/files/NS1230I_Beloved_Mini_Letter_Silver_b0b6e11d-3e3e-49ec-9f4b-fff434dde30e.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230I_Beloved_Mini_Letter_Silver_b0b6e11d-3e3e-49ec-9f4b-fff434dde30e.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230I_Beloved_Mini_Letter_Silver_b0b6e11d-3e3e-49ec-9f4b-fff434dde30e.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230I_Beloved_Mini_Letter_Silver_b0b6e11d-3e3e-49ec-9f4b-fff434dde30e.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230J_Beloved_Mini_Letter_Silver_e5581da7-1644-433b-880b-ab29718c2a3b.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter &#39;J&#39; pendant in silver, a small circular charm with the initial engraved on the front." srcset="//systerp.com/cdn/shop/files/NS1230J_Beloved_Mini_Letter_Silver_e5581da7-1644-433b-880b-ab29718c2a3b.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230J_Beloved_Mini_Letter_Silver_e5581da7-1644-433b-880b-ab29718c2a3b.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230J_Beloved_Mini_Letter_Silver_e5581da7-1644-433b-880b-ab29718c2a3b.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230J_Beloved_Mini_Letter_Silver_e5581da7-1644-433b-880b-ab29718c2a3b.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230K_Beloved_Mini_Letter_Silver_7868182e-f495-47cc-92e3-fc8c254c7d61.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, featuring a round disc with the letter &#39;K&#39; engraved on it." srcset="//systerp.com/cdn/shop/files/NS1230K_Beloved_Mini_Letter_Silver_7868182e-f495-47cc-92e3-fc8c254c7d61.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230K_Beloved_Mini_Letter_Silver_7868182e-f495-47cc-92e3-fc8c254c7d61.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230K_Beloved_Mini_Letter_Silver_7868182e-f495-47cc-92e3-fc8c254c7d61.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230K_Beloved_Mini_Letter_Silver_7868182e-f495-47cc-92e3-fc8c254c7d61.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8715w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230L_Beloved_Mini_Letter_Silver_1068ccd5-645d-4f55-9e6f-0026d9fb3aa3.jpg?v=1773917945&amp;width=960" alt="A product shot of the Syster P Beloved Mini Letter charm in silver, a round pendant with the initial &#39;L&#39; engraved on its polished surface." srcset="//systerp.com/cdn/shop/files/NS1230L_Beloved_Mini_Letter_Silver_1068ccd5-645d-4f55-9e6f-0026d9fb3aa3.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230L_Beloved_Mini_Letter_Silver_1068ccd5-645d-4f55-9e6f-0026d9fb3aa3.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230L_Beloved_Mini_Letter_Silver_1068ccd5-645d-4f55-9e6f-0026d9fb3aa3.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230L_Beloved_Mini_Letter_Silver_1068ccd5-645d-4f55-9e6f-0026d9fb3aa3.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230M_Beloved_Mini_Letter_Silver_ad6a6879-f75f-4b13-a967-1537601686f5.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter M charm in silver, a small, circular pendant with a capital M engraved on its surface." srcset="//systerp.com/cdn/shop/files/NS1230M_Beloved_Mini_Letter_Silver_ad6a6879-f75f-4b13-a967-1537601686f5.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230M_Beloved_Mini_Letter_Silver_ad6a6879-f75f-4b13-a967-1537601686f5.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230M_Beloved_Mini_Letter_Silver_ad6a6879-f75f-4b13-a967-1537601686f5.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230M_Beloved_Mini_Letter_Silver_ad6a6879-f75f-4b13-a967-1537601686f5.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230N_Beloved_Mini_Letter_Silver_9c1aaa82-24eb-4265-a149-b061a3cb1e16.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver pendant, featuring a small, circular silver charm with the letter &#39;N&#39; engraved in the center." srcset="//systerp.com/cdn/shop/files/NS1230N_Beloved_Mini_Letter_Silver_9c1aaa82-24eb-4265-a149-b061a3cb1e16.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230N_Beloved_Mini_Letter_Silver_9c1aaa82-24eb-4265-a149-b061a3cb1e16.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230N_Beloved_Mini_Letter_Silver_9c1aaa82-24eb-4265-a149-b061a3cb1e16.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230N_Beloved_Mini_Letter_Silver_9c1aaa82-24eb-4265-a149-b061a3cb1e16.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230O_Beloved_Mini_Letter_Silver_9df51a27-29f4-4098-9022-bb5c2bc03c2a.jpg?v=1773917945&amp;width=960" alt="A product shot of the Syster P Beloved Mini Letter charm in silver, featuring the letter &#39;O&#39; on a small, round pendant." srcset="//systerp.com/cdn/shop/files/NS1230O_Beloved_Mini_Letter_Silver_9df51a27-29f4-4098-9022-bb5c2bc03c2a.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230O_Beloved_Mini_Letter_Silver_9df51a27-29f4-4098-9022-bb5c2bc03c2a.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230O_Beloved_Mini_Letter_Silver_9df51a27-29f4-4098-9022-bb5c2bc03c2a.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230O_Beloved_Mini_Letter_Silver_9df51a27-29f4-4098-9022-bb5c2bc03c2a.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8715w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230P_Beloved_Mini_Letter_Silver_5d4b96b2-73e5-43cb-957a-463abc56a090.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, showing a circular pendant with the letter &#39;P&#39; engraved in the center." srcset="//systerp.com/cdn/shop/files/NS1230P_Beloved_Mini_Letter_Silver_5d4b96b2-73e5-43cb-957a-463abc56a090.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230P_Beloved_Mini_Letter_Silver_5d4b96b2-73e5-43cb-957a-463abc56a090.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230P_Beloved_Mini_Letter_Silver_5d4b96b2-73e5-43cb-957a-463abc56a090.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230P_Beloved_Mini_Letter_Silver_5d4b96b2-73e5-43cb-957a-463abc56a090.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230R_Beloved_Mini_Letter_Silver_e55f392c-078a-41e5-872e-4d7463ba351b.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter R pendant in silver, showcasing the letter &#39;R&#39; engraved on the small, round charm." srcset="//systerp.com/cdn/shop/files/NS1230R_Beloved_Mini_Letter_Silver_e55f392c-078a-41e5-872e-4d7463ba351b.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230R_Beloved_Mini_Letter_Silver_e55f392c-078a-41e5-872e-4d7463ba351b.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230R_Beloved_Mini_Letter_Silver_e55f392c-078a-41e5-872e-4d7463ba351b.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230R_Beloved_Mini_Letter_Silver_e55f392c-078a-41e5-872e-4d7463ba351b.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230S_Beloved_Mini_Letter_Silver_3513fab6-0e77-40a7-a8ef-caea5cea8ee6.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver pendant, showing the round silver charm engraved with the letter &#39;S&#39;." srcset="//systerp.com/cdn/shop/files/NS1230S_Beloved_Mini_Letter_Silver_3513fab6-0e77-40a7-a8ef-caea5cea8ee6.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230S_Beloved_Mini_Letter_Silver_3513fab6-0e77-40a7-a8ef-caea5cea8ee6.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230S_Beloved_Mini_Letter_Silver_3513fab6-0e77-40a7-a8ef-caea5cea8ee6.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230S_Beloved_Mini_Letter_Silver_3513fab6-0e77-40a7-a8ef-caea5cea8ee6.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230T_Beloved_Mini_Letter_Silver_6481873b-fe0c-4882-a7ef-6a95fdcf4366.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter T pendant in silver, a small round charm with the letter T engraved on it." srcset="//systerp.com/cdn/shop/files/NS1230T_Beloved_Mini_Letter_Silver_6481873b-fe0c-4882-a7ef-6a95fdcf4366.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230T_Beloved_Mini_Letter_Silver_6481873b-fe0c-4882-a7ef-6a95fdcf4366.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230T_Beloved_Mini_Letter_Silver_6481873b-fe0c-4882-a7ef-6a95fdcf4366.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230T_Beloved_Mini_Letter_Silver_6481873b-fe0c-4882-a7ef-6a95fdcf4366.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8715w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230U_Beloved_Mini_Letter_Silver_6aad2d12-8c1c-4f11-a475-9ff2e023205e.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver pendant, featuring a small, round charm with the letter U engraved on it." srcset="//systerp.com/cdn/shop/files/NS1230U_Beloved_Mini_Letter_Silver_6aad2d12-8c1c-4f11-a475-9ff2e023205e.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230U_Beloved_Mini_Letter_Silver_6aad2d12-8c1c-4f11-a475-9ff2e023205e.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230U_Beloved_Mini_Letter_Silver_6aad2d12-8c1c-4f11-a475-9ff2e023205e.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230U_Beloved_Mini_Letter_Silver_6aad2d12-8c1c-4f11-a475-9ff2e023205e.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230V_Beloved_Mini_Letter_Silver_002a1fc9-aabe-4488-ab5d-ea56accf7d23.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, a small round pendant with the letter &#39;V&#39; engraved on its surface." srcset="//systerp.com/cdn/shop/files/NS1230V_Beloved_Mini_Letter_Silver_002a1fc9-aabe-4488-ab5d-ea56accf7d23.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230V_Beloved_Mini_Letter_Silver_002a1fc9-aabe-4488-ab5d-ea56accf7d23.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230V_Beloved_Mini_Letter_Silver_002a1fc9-aabe-4488-ab5d-ea56accf7d23.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230V_Beloved_Mini_Letter_Silver_002a1fc9-aabe-4488-ab5d-ea56accf7d23.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230W_Beloved_Mini_Letter_Silver_a6f42d4f-0f52-4893-b414-171123f1d8fa.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, a circular pendant engraved with the letter W." srcset="//systerp.com/cdn/shop/files/NS1230W_Beloved_Mini_Letter_Silver_a6f42d4f-0f52-4893-b414-171123f1d8fa.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230W_Beloved_Mini_Letter_Silver_a6f42d4f-0f52-4893-b414-171123f1d8fa.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230W_Beloved_Mini_Letter_Silver_a6f42d4f-0f52-4893-b414-171123f1d8fa.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230W_Beloved_Mini_Letter_Silver_a6f42d4f-0f52-4893-b414-171123f1d8fa.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230Y_Beloved_Mini_Letter_Silver_4880b01a-484c-4b10-a73b-277776de3441.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver charm, a round pendant with the letter &#39;Y&#39; engraved in the center." srcset="//systerp.com/cdn/shop/files/NS1230Y_Beloved_Mini_Letter_Silver_4880b01a-484c-4b10-a73b-277776de3441.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230Y_Beloved_Mini_Letter_Silver_4880b01a-484c-4b10-a73b-277776de3441.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230Y_Beloved_Mini_Letter_Silver_4880b01a-484c-4b10-a73b-277776de3441.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230Y_Beloved_Mini_Letter_Silver_4880b01a-484c-4b10-a73b-277776de3441.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100v
8715w, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230Z_Beloved_Mini_Letter_Silver_d10866bf-db45-4812-a81b-15c6c60d3d2d.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter Silver charm, a small round pendant engraved with the letter Z." srcset="//systerp.com/cdn/shop/files/NS1230Z_Beloved_Mini_Letter_Silver_d10866bf-db45-4812-a81b-15c6c60d3d2d.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230Z_Beloved_Mini_Letter_Silver_d10866bf-db45-4812-a81b-15c6c60d3d2d.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230Z_Beloved_Mini_Letter_Silver_d10866bf-db45-4812-a81b-15c6c60d3d2d.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230Z_Beloved_Mini_Letter_Silver_d10866bf-db45-4812-a81b-15c6c60d3d2d.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230AA_Beloved_Mini_Letter_Silver_3eafe859-1d7c-459b-a785-6071c538af4b.jpg?v=1773917945&amp;width=960" alt="A close-up product shot of the Beloved Mini Letter pendant in silver, featuring the letter &#39;A&#39; engraved on the round charm." srcset="//systerp.com/cdn/shop/files/NS1230AA_Beloved_Mini_Letter_Silver_3eafe859-1d7c-459b-a785-6071c538af4b.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230AA_Beloved_Mini_Letter_Silver_3eafe859-1d7c-459b-a785-6071c538af4b.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230AA_Beloved_Mini_Letter_Silver_3eafe859-1d7c-459b-a785-6071c538af4b.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230AA_Beloved_Mini_Letter_Silver_3eafe859-1d7c-459b-a785-6071c538af4b.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/NS1230OO_Beloved_Mini_Letter_Silver_154e0024-838b-464d-b938-27057f4d1c80.jpg?v=1773917945&amp;width=960" alt="A product shot of the Beloved Mini Letter charm in silver, featuring the letter &#39;Ø&#39; engraved on a small, round pendant." srcset="//systerp.com/cdn/shop/files/NS1230OO_Beloved_Mini_Letter_Silver_154e0024-838b-464d-b938-27057f4d1c80.jpg?v=1773917945&amp;width=320 320w, //systerp.com/cdn/shop/files/NS1230OO_Beloved_Mini_Letter_Silver_154e0024-838b-464d-b938-27057f4d1c80.jpg?v=1773917945&amp;width=480 480w, //systerp.com/cdn/shop/files/NS1230OO_Beloved_Mini_Letter_Silver_154e0024-838b-464d-b938-27057f4d1c80.jpg?v=1773917945&amp;width=640 640w, //systerp.com/cdn/shop/files/NS1230OO_Beloved_Mini_Letter_Silver_154e0024-838b-464d-b938-27057f4d1c80.jpg?v=1773917945&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
8716            </div>
8717          </div>
8718        </div>
8719      </a>
8720      
8721        
8722          
8723
8724<div
8725  x-data="
8726    {
8727      showQsOptions: false,
8728      loading: false,
8729      selectedVariant: '40344897978443',
8730      variantAvailable: true,
8731      addToCart() {
8732        this.loading = true;
8733        const body = JSON.stringify({
8734          items: [{ id: this.selectedVariant, quantity: 1 }],
8735          sections: 'cart-items,cart-icon-bubble,cart-footer'
8736        });
8737        fetch(routes.cart_add_url, {
8738          method: 'POST',
8739          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
8740          body
8741        })
8742        .then(r => r.json())
8743        .then(data => {
8744          this.loading = false;
8745          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
8746            const section = document.getElementById(id);
8747            if (!section) return;
8748            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
8749            const el = section.querySelector(selector) || section;
8750            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
8751          });
8752          this.$dispatch('open-cart');
8753        })
8754        .catch(err => { this.loading = false; console.error('Error:', err); });
8755      }
8756    }
8757  "
8758>
8759  
8760  <button
8761    @click="$dispatch('close-quickshops'); showQsOptions = true"
8762    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
8763  >
8764    <span>
8765      
8766
8767
8768
8769<svg
8770  width="18"
8771  height="18"
8772  viewBox="0 0 18 19"
8773  fill="none"
8774  xmlns="http://www.w3.org/2000/svg"
8775>
8776  <rect
8777    x="0.5"
8778    y="0.600098"
8779    width="17"
8780    height="17"
8781    rx="8.5"
8782    stroke="black" />
8783  <path
8784    d="M9 6.1001L9 12.1001"
8785    stroke="currentColor"
8786    stroke-linecap="square" />
8787  <path
8788    d="M6 9.1001L12 9.1001"
8789    stroke="currentColor"
8790    stroke-linecap="square" />
8791</svg>
8792
8793    </span>
8794  </button>
8795
8796  <div
8797    x-show="showQsOptions"
8798    @close-quickshops.window="showQsOptions = false"
8799    @submit.window="showQsOptions = false"
8800    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6 !pt-16 gap-10 shadow-lg"
8801  ><form
8802      id="product-card-form-6933965471819"
8803      method="post"
8804      action="/cart/add"
8805      accept-charset="UTF-8"
8806      class="w-full"
8807      enctype="multipart/form-data"
8808      @submit.prevent="addToCart()"
8809    >
8810      <input type="hidden" name="form_type" value="product">
8811      <input type="hidden" name="utf8" value="✓">
8812      <input type="hidden" name="id" :value="selectedVariant">
8813      <input type="hidden" name="quantity" value="1">
8814
8815      
8816        <div class="flex w-full justify-center items-center flex-wrap mb-6">
8817          <label
8818            class="uppercase text-medium text-[12px] h-20 block"
8819            for="qs-select-6933965471819"
8820          >
8821            Bokstav
8822          </label>
8823          <div class="relative border-[0.5px] border-lightgrey flex items-center h-20 ml-20">
8824            <select
8825              class="appearance-none text-medium pl-20 pr-40 h-20 text-[12px] border-0 outline-none"
8826              @change="
8827                selectedVariant = $event.target.value;
8828                variantAvailable = $event.target.selectedOptions[0].dataset.available === 'true';
8829              "
8830              id="qs-select-6933965471819"
8831              aria-label="Bokstav"
8832            ><option
8833                  value="40344897978443"
8834                  data-available="true"
8835                  
8836                    selected
8837                  
8838                >
8839                  A
8840                </option><option
8841                  value="40344898011211"
8842                  data-available="true"
8843                  
8844                >
8845                  B
8846                </option><option
8847                  value="40344898043979"
8848                  data-available="true"
8849                  
8850                >
8851                  C
8852                </option><option
8853                  value="40344898076747"
8854                  data-available="true"
8855                  
8856                >
8857                  D
8858                </option><option
8859                  value="40344898109515"
8860                  data-available="true"
8861                  
8862                >
8863                  E
8864                </option><option
8865                  value="40344898142283"
8866                  data-available="true"
8867                  
8868                >
8869                  F
8870                </option><option
8871                  value="40344898175051"
8872                  data-available="true"
8873                  
8874                >
8875                  G
8876                </option><option
8877                  value="40344898207819"
8878                  data-available="true"
8879                  
8880                >
8881                  H
8882                </option><option
8883                  value="40344920358987"
8884                  data-available="true"
8885                  
8886                >
8887                  I
8888                </option><option
8889                  value="40344898240587"
8890                  data-available="true"
8891                  
8892                >
8893                  J
8894                </option><option
8895                  value="40344898273355"
8896                  data-available="true"
8897                  
8898                >
8899                  K
8900                </option><option
8901                  value="40344898306123"
8902                  data-available="true"
8903                  
8904                >
8905                  L
8906                </option><option
8907                  value="40344898338891"
8908                  data-available="true"
8909                  
8910                >
8911                  M
8912                </option><option
8913                  value="40344898371659"
8914                  data-available="true"
8915                  
8916                >
8917                  N
8918                </option><option
8919                  value="40344898404427"
8920                  data-available="true"
8921                  
8922                >
8923                  O
8924                </option><option
8925                  value="40344898437195"
8926                  data-available="true"
8927                  
8928                >
8929                  P
8930                </option><option
8931                  value="40344898469963"
8932                  data-available="true"
8933                  
8934                >
8935                  R
8936                </option><option
8937                  value="40344898502731"
8938                  data-available="true"
8939                  
8940                >
8941                  S
8942                </option><option
8943                  value="40344898535499"
8944                  data-available="true"
8945                  
8946                >
8947                  T
8948                </option><option
8949                  value="40344898568267"
8950                  data-available="true"
8951                  
8952                >
8953                  U
8954                </option><option
8955                  value="40344898601035"
8956                  data-available="true"
8957                  
8958                >
8959                  V
8960                </option><option
8961                  value="40344898633803"
8962                  data-available="true"
8963                  
8964                >
8965                  W
8966                </option><option
8967                  value="40344898666571"
8968                  data-available="true"
8969                  
8970                >
8971                  Y
8972                </option><option
8973                  value="40344898699339"
8974                  data-available="true"
8975                  
8976                >
8977                  Z
8978                </option><option
8979                  value="40843764465739"
8980                  data-available="true"
8981                  
8982                >
8983                  Å
8984                </option><option
8985                  value="40843764498507"
8986                  data-available="true"
8987                  
8988                >
8989                  Ø
8990                </option></select>
8991            <span class="absolute right-10">
8992
8993    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
8994      <path d="m9 .5-4 4-4-4" stroke="#000000" stroke-width="1.2"/>
8995    </svg>
8996  
8997</span>
8998          </div>
8999        </div>
9000
9001        <button
9002          type="submit"
9003          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
9004          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
9005          :disabled="!variantAvailable"
9006        >
9007          <span
9008            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
9009          ></span>
9010        </button>
9011
9012      
9013    </form>
9014  </div>
9015</div>
9016
9017        
9018      
9019    </div>
9020    <div class="flex justify-between max-lg:flex-colaspect">
9021      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
9022        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
9023          <div
9024            class="yotpo bottomLine w-full"
9025            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
9026            data-domain="systerp.myshopify.com"
9027            data-product-id="6933965471819"
9028            data-product-models="6933965471819"
9029            data-name="Beloved Mini Letter Silver"
9030            data-url="https://systerp.com"
9031            data-image-url="//systerp.com/cdn/shop/files/COVERNS1230MiniLetterSilver.jpg%3Fv=1714472440%26width=1000"
9032            data-description="&lt;p&gt;Beloved Mini Letter&lt;strong&gt; &lt;/strong&gt;är vår absoluta bästsäljare — en liten men betydelsefull bokstav som gör ditt halsband personligt. Berlocken är handgjord i 925 sterlingsilver, 100% återvunnet. Det här smycket blir något som verkligen känns som ditt eget. Det är den perfekta presenten som alltid uppskattas och bärs nära hjärtat i många år.&lt;/p&gt;
9033&lt;p&gt;&amp;nbsp;&lt;/p&gt;
9034&lt;h2&gt;&lt;strong&gt;Detaljer&lt;/strong&gt;&lt;/h2&gt;
9035&lt;ul&gt;
9036&lt;li&gt;
9037&lt;p&gt;Handgjord i 925 sterlingsilver, 100% återvunnet&lt;/p&gt;
9038&lt;/li&gt;
9039&lt;li&gt;
9040&lt;p&gt;Berlockens storlek: 10 mm&lt;/p&gt;
9041&lt;/li&gt;
9042&lt;li&gt;
9043&lt;p&gt;Endast bokstav; kedja säljs separat. &lt;meta charset=&quot;utf-8&quot;&gt;Passar alla &lt;a href=&quot;https://systerp.com/collections/kedjor&quot;&gt;Beloved- &amp;amp; Sheer-kedjor&lt;/a&gt;&lt;/p&gt;
9044&lt;/li&gt;
9045&lt;/ul&gt;
9046&lt;p&gt;&amp;nbsp;&lt;/p&gt;
9047&lt;h3&gt;&lt;strong&gt;Vad som gör den speciell&lt;/strong&gt;&lt;/h3&gt;
9048&lt;p&gt;Beloved Mini Letter blir personligt på riktigt — du väljer bokstaven som representerar dig, någon du tycker om, eller ett ord som betyder något. Varje smycke blir unikt, och det går att bygga vidare med fler berlocker för ett personligt uttryck som du vill bära varje dag.&lt;br&gt;&lt;br&gt;&lt;/p&gt;
9049&lt;h4&gt;&lt;strong&gt;SÃ¥ stylar du den&lt;/strong&gt;&lt;/h4&gt;
9050&lt;p&gt;Bär bokstaven på en &lt;a href=&quot;https://systerp.com/collections/kedjor&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;kedja från Beloved eller Sheer-kollektionen&lt;/span&gt;&lt;/a&gt; (kedja säljs separat). Kombinera gärna med andra berlocker från &lt;a href=&quot;https://systerp.com/collections/beloved&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Beloved-kollektionen&lt;/span&gt;&lt;/a&gt;, som hjärtan, pärlor, stenar eller stjärntecken, för att skapa ett halsband som speglar just din stil. Berlocken är designad för att kombineras, så du kan enkelt uppdatera ditt halsband och göra smycket ännu mer personligt över tid.&lt;/p&gt;"
9051            data-bread-crumbs=""
9052          ></div>
9053        </div>
9054
9055        <h3
9056          class="lg:col-span-6 uppercase text-center px-10 leading-none"
9057          id="title-template--28929183482238__product-grid-6933965471819"
9058        >
9059          <a
9060            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
9061            href="/products/beloved-mini-letter-silver-a"
9062          >
9063            Beloved Mini Letter Silver
9064          </a>
9065        </h3>
9066<div
9067  class="
9068      price
9069       
9070      text-default
9071    
9072 "
9073>
9074  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
9075        <span class="price-item price-item--regular">
9076          399 kr
9077</span></div>
9078
9079    <div class="price__sale  hidden">
9080        <span class="sr-only sr-only--inline">Ordinarie pris</span>
9081        <span>
9082          <s class="price-item price-item--regular">
9083            
9084              
9085            
9086          </s>
9087        </span><span class="sr-only sr-only--inline">Reapris</span>
9088      <span class="price-item price-item--sale price-item--last">
9089        399 kr
9090      </span>
9091    </div>
9092    <small class="block uppercase caption hidden">
9093      <span class="sr-only">Enhetspris</span>
9094      <span class="price-item price-item--last">
9095        <span></span>
9096        <span aria-hidden="true">/</span>
9097        <span class="sr-only">&nbsp;per&nbsp;</span>
9098        <span>
9099        </span>
9100      </span>
9101    </small>
9102  </div>
9103</div>
9104
9105
9106<div
9107  class="
9108    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
9109    
9110  "
9111>
9112  
9113  
9114</div>
9115</div>
9116    </div>
9117  </div>
9118            </li><li>
9119              
9120<div
9121    x-data="{ showQsOptions: false }"
9122    @click.outside="showQsOptions = false"
9123    class="relative card-product card-product-wrapper mb-12 md:mb-0"
9124    data-id="15828098580862"
9125    data-title="Lunetta Earrings Gold"
9126    data-price="79900"
9127    data-vendor="MALYA JEWEL CRAFTS"
9128    data-type="Earrings"
9129    data-index=""
9130  >
9131    <div
9132      class="card-product-upper relative  product-card__hover"
9133    >
9134      <a
9135        href="/collections/bastsaljare/products/lunetta-earrings-gold"
9136        class="product-card"
9137      >
9138        <div class="relative overflow-hidden aspect-5/7 mb-8 lg:mb-12 bg-image">
9139          
9140          <img src="//systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=960" alt="A product shot of the Lunetta Earrings in gold, showcasing their unique design where two parallel hoops are linked by a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=170 170w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=340 340w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=510 510w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=640 640w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=720 720w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=828 828w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--primary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="auto"><img src="//systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=960" alt="A close-up shot of a model wearing the Lunetta Earring in gold, highlighting its unique design of two parallel circles linked together by a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=170 170w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=340 340w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=510 510w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=640 640w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=720 720w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=828 828w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=960 960w" width="960" height="1200" loading="lazy" class="product-card__thumbnail--secondary absolute inset-0 w-full h-full object-cover object-center hidden lg:block" draggable="false" sizes="(-webkit-min-device-pixel-ratio: 3) 25vw, (min-resolution: 288dpi) 25vw, (min-resolution: 3dppx) 25vw, (min-width: 1280px) 25vw, (min-width: 1024px) 27vw, 50vw" fetchpriority="low">
9141
9142          
9143          <div
9144            class="lg:hidden"
9145          >
9146            <div
9147              class="slideshow-container"
9148              x-data="productCardSlider()"
9149              ax-load
9150              x-cloak
9151            >
9152              <img src="//systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=960" alt="A product shot of the Lunetta Earrings in gold, showcasing their unique design where tw
9152o parallel hoops are linked by a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=320 320w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=480 480w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=640 640w, //systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="auto" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=960" alt="A close-up shot of a model wearing the Lunetta Earring in gold, highlighting its unique design of two parallel circles linked together by a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=320 320w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=480 480w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=640 640w, //systerp.com/cdn/shop/files/EG13022bLunettaEarringsGold.jpg?v=1766768550&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/EG1302_1b_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=960" alt="A product shot of the Lunetta Earrings in gold, featuring their unique hoop design composed of a pattern of small ovals." srcset="//systerp.com/cdn/shop/files/EG1302_1b_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=320 320w, //systerp.com/cdn/shop/files/EG1302_1b_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=480 480w, //systerp.com/cdn/shop/files/EG1302_1b_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=640 640w, //systerp.com/cdn/shop/files/EG1302_1b_Lunetta_earrings_gold.jpg?v=1766768550&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true"><img src="//systerp.com/cdn/shop/files/EG13022LunettaEarringsGold.jpg?v=1766768550&amp;width=960" alt="A close-up of a model wearing the Lunetta Earrings in gold, featuring their unique design of interconnected ovals, paired with two layered gold chain necklaces." srcset="//systerp.com/cdn/shop/files/EG13022LunettaEarringsGold.jpg?v=1766768550&amp;width=320 320w, //systerp.com/cdn/shop/files/EG13022LunettaEarringsGold.jpg?v=1766768550&amp;width=480 480w, //systerp.com/cdn/shop/files/EG13022LunettaEarringsGold.jpg?v=1766768550&amp;width=640 640w, //systerp.com/cdn/shop/files/EG13022LunettaEarringsGold.jpg?v=1766768550&amp;width=768 768w" width="960" height="1200" loading="lazy" class="product-card__thumbnail absolute inset-0 w-full h-full object-cover object-center transition-opacity duration-300" draggable="true" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" fetchpriority="low" data-swipeable="true">
9153            </div>
9154          </div>
9155        </div>
9156      </a>
9157      
9158        
9159          
9160
9161<div
9162  x-data="
9163    {
9164      showQsOptions: false,
9165      loading: false,
9166      selectedVariant: '57128902689150',
9167      variantAvailable: true,
9168      addToCart() {
9169        this.loading = true;
9170        const body = JSON.stringify({
9171          items: [{ id: this.selectedVariant, quantity: 1 }],
9172          sections: 'cart-items,cart-icon-bubble,cart-footer'
9173        });
9174        fetch(routes.cart_add_url, {
9175          method: 'POST',
9176          headers: { 'Content-Type': 'application/json', 'Accept': 'application/javascript', 'X-Requested-With': 'XMLHttpRequest' },
9177          body
9178        })
9179        .then(r => r.json())
9180        .then(data => {
9181          this.loading = false;
9182          ['cart-icon-bubble', 'cart-footer', 'cart-items'].forEach(id => {
9183            const section = document.getElementById(id);
9184            if (!section) return;
9185            const selector = id === 'cart-icon-bubble' ? '.shopify-section' : '.live-contents';
9186            const el = section.querySelector(selector) || section;
9187            el.innerHTML = ShopSuey.getSectionInnerHTML(data.sections[id], selector);
9188          });
9189          this.$dispatch('open-cart');
9190        })
9191        .catch(err => { this.loading = false; console.error('Error:', err); });
9192      }
9193    }
9194  "
9195>
9196  
9197  <button
9198    @click="$dispatch('close-quickshops'); showQsOptions = true"
9199    class="quick-shop-mobile-icon absolute p-10 z-10 bottom-10 inset-x-0 mx-auto rounded-full w-10 h-10 flex items-center justify-center bg-white bg-opacity-50 hover:text-white hover:bg-black"
9200  >
9201    <span>
9202      
9203
9204
9205
9206<svg
9207  width="18"
9208  height="18"
9209  viewBox="0 0 18 19"
9210  fill="none"
9211  xmlns="http://www.w3.org/2000/svg"
9212>
9213  <rect
9214    x="0.5"
9215    y="0.600098"
9216    width="17"
9217    height="17"
9218    rx="8.5"
9219    stroke="black" />
9220  <path
9221    d="M9 6.1001L9 12.1001"
9222    stroke="currentColor"
9223    stroke-linecap="square" />
9224  <path
9225    d="M6 9.1001L12 9.1001"
9226    stroke="currentColor"
9227    stroke-linecap="square" />
9228</svg>
9229
9230    </span>
9231  </button>
9232
9233  <div
9234    x-show="showQsOptions"
9235    @close-quickshops.window="showQsOptions = false"
9236    @submit.window="showQsOptions = false"
9237    class="quick-shop flex flex-wrap justify-between absolute bottom-0 inset-x-0 z-10 bg-white text-small-bold-spaced uppercase py-6  shadow-lg"
9238  ><form
9239      id="product-card-form-15828098580862"
9240      method="post"
9241      action="/cart/add"
9242      accept-charset="UTF-8"
9243      class="w-full"
9244      enctype="multipart/form-data"
9245      @submit.prevent="addToCart()"
9246    >
9247      <input type="hidden" name="form_type" value="product">
9248      <input type="hidden" name="utf8" value="✓">
9249      <input type="hidden" name="id" :value="selectedVariant">
9250      <input type="hidden" name="quantity" value="1">
9251
9252      
9253        <button
9254          type="submit"
9255          class="relative group button flex items-center justify-center h-[40px] whitespace-nowrap w-full text-small-bold-spaced-12 leading-none bg-white text-black uppercase hover:cursor-pointer"
9256          :disabled="!variantAvailable"
9257          x-bind:class="{ 'klaviyo-bis-trigger': !variantAvailable }"
9258        >
9259          <span
9260            x-text="variantAvailable ? 'Lägg i varukorg' : 'Bevaka'"
9261          ></span>
9262        </button>
9263
9264      
9265    </form>
9266  </div>
9267</div>
9268
9269        
9270      
9271    </div>
9272    <div class="flex justify-between max-lg:flex-colaspect">
9273      <div class="card-information__wrapper flex flex-col justify-between items-center w-full gap-[0.312rem]">
9274        <div class="!mt-10 !mb-5 h-14 flex items-center justify-center">
9275          <div
9276            class="yotpo bottomLine w-full"
9277            data-appkey="AFJKBeGTzUzbIkZykMpFwjCQZq5swiS1dp1DQYpr"
9278            data-domain="systerp.myshopify.com"
9279            data-product-id="15828098580862"
9280            data-product-models="15828098580862"
9281            data-name="Lunetta Earrings Gold"
9282            data-url="https://systerp.com"
9283            data-image-url="//systerp.com/cdn/shop/files/EG1302_1_Lunetta_earrings_gold.jpg%3Fv=1766768550%26width=1000"
9284            data-description="&lt;p&gt;Lätta örhängen i en vacker design, tillverkade i 18K guldpläterad återvunnen mässing. Hoopsen har en unik design där två parallella cirklar i ett mönster av små ovala kulor binds samman till en hoop. De försluts enkelt genom att trycka in haken i spännet. Den minimalistiska designen gör att dessa hoops passar för alla tillfällen!&lt;/p&gt;"
9285            data-bread-crumbs=""
9286          ></div>
9287        </div>
9288
9289        <h3
9290          class="lg:col-span-6 uppercase text-center px-10 leading-none"
9291          id="title-template--28929183482238__product-grid-15828098580862"
9292        >
9293          <a
9294            class=" uppercase line-clamp-1 text-[12px] lg:text-13 tracking-widest font-medium"
9295            href="/products/lunetta-earrings-gold"
9296          >
9297            Lunetta Earrings Gold
9298          </a>
9299        </h3>
9300<div
9301  class="
9302      price
9303       
9304      text-default
9305    
9306 "
9307>
9308  <div class="price__container text-center"><div class="price__regular "><span class="sr-only sr-only--inline">Ordinarie pris</span>
9309        <span class="price-item price-item--regular">
9310          799 kr
9311</span></div>
9312
9313    <div class="price__sale  hidden">
9314        <span class="sr-only sr-only--inline">Ordinarie pris</span>
9315        <span>
9316          <s class="price-item price-item--regular">
9317            
9318              
9319            
9320          </s>
9321        </span><span class="sr-only sr-only--inline">Reapris</span>
9322      <span class="price-item price-item--sale price-item--last">
9323        799 kr
9324      </span>
9325    </div>
9326    <small class="block uppercase caption hidden">
9327      <span class="sr-only">Enhetspris</span>
9328      <span class="price-item price-item--last">
9329        <span></span>
9330        <span aria-hidden="true">/</span>
9331        <span class="sr-only">&nbsp;per&nbsp;</span>
9332        <span>
9333        </span>
9334      </span>
9335    </small>
9336  </div>
9337</div>
9338
9339
9340<div
9341  class="
9342    text-small capitalize absolute z-10 top-12 left-12 flex gap-8 
9343    
9344  "
9345>
9346  
9347  
9348    <span class=""> best seller </span>
9349  
9350</div>
9351</div>
9352    </div>
9353  </div>
9354            </li>
9355            
9356  
9357
9358  <div
9359    x-data="collectionCta"
9360    ax-load
9361    x-init="checkRow"
9362    x-ref="cta"
9363    x-show="show"
9364    class="flex flex-col gap-12 col-[span_var(--mobile-span)_/_span_var(--mobile-span)] row-start-[2] row-end-[3] lg:col-start-1 lg:col-span-2"
9365  >
9366    <a
9367      class="flex flex-col relative aspect-5/7 mb-12 lg:aspect-[unset] h-full md:flex-1 md:mb-0 lg:mt-0"
9368      href="/products/bolded-little-sis-earrings-gold"
9369    >
9370      
9371        
9372
9373
9374
9375
9376
9377
9378
9379
9380
9381
9382<video
9383  
9384  class="absolute w-full h-full object-cover"
9385  
9386    poster="//systerp.com/cdn/shop/files/preview_images/e163595fd3f04873af8a593e6486599b.thumbnail.0000000000.jpg?v=1776848906&width=1920"
9387  
9388  
9389    autoplay
9390  
9391  
9392    muted
9393  
9394  
9395    loop
9396  
9397  
9398    playsinline
9399  
9400  
9401  preload="auto"
9402  
9403  
9404    oncanplay="if(!this.dataset.started){this.dataset.started='1';this.play().catch(function(){})}"
9405  
9406><source
9407        src="//systerp.com/cdn/shop/videos/c/vp/e163595fd3f04873af8a593e6486599b/e163595fd3f04873af8a593e6486599b.m3u8?v=0"
9408        type="application/x-mpegURL"
9409        
9410      ><source
9411        src="//systerp.com/cdn/shop/videos/c/vp/e163595fd3f04873af8a593e6486599b/e163595fd3f04873af8a593e6486599b.HD-1080p-7.2Mbps-82306483.mp4?v=0"
9412        type="video/mp4"
9413        
9414      ></video>
9415
9416      
9417
9418      
9419        <h2 class="flex flex-col absolute inset-0 items-center justify-center text-white">
9420          
9421          
9422        </h2>
9423      
9424    </a>
9425
9426    
9427      <div class="flex gap-10 pl-8 lg:pl-60 lg:pt-40 pb-20 lg:pb-[36px] text-small-bold lg:text-default-bold">
9428        <a href="/products/bolded-little-sis-earrings-gold" class="">KÖP BOLDED LITTLE SIS EARRING</a>
9429        <svg
9430          width="16"
9431          height="17"
9432          viewBox="0 0 16 17"
9433          fill="none"
9434          xmlns="http://www.w3.org/2000/svg"
9435        >
9436          <path d="M6 4.90039L9.53553 8.43592L6 11.9715" stroke="black" />
9437        </svg>
9438      </div>
9439    
9440  </div>
9441
9442  
9443
9444  <div
9445    x-data="collectionCta"
9446    ax-load
9447    x-init="checkRow"
9448    x-ref="cta"
9449    x-show="show"
9450    class="flex flex-col gap-12 col-[span_var(--mobile-span)_/_span_var(--mobile-span)] row-start-[7] row-end-[8] lg:col-start-3 lg:col-span-2"
9451  >
9452    <a
9453      class="flex flex-col relative aspect-5/7 mb-12 lg:aspect-[unset] h-full md:flex-1 md:mb-0 lg:mt-0"
9454      href="/collections/silverarmband"
9455    >
9456      
9457        
9458
9459
9460
9461
9462
9463
9464
9465  
9466  <img src="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Santa_Monica_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver_df0740d3-62e1-4a87-a2ca-1befc36e1871.jpg?v=1785762695&amp;width=1920" alt="" srcset="//systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Santa_Monica_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver_df0740d3-62e1-4a87-a2ca-1befc36e1871.jpg?v=1785762695&amp;width=352 352w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Santa_Monica_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver_df0740d3-62e1-4a87-a2ca-1befc36e1871.jpg?v=1785762695&amp;width=832 832w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Santa_Monica_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver_df0740d3-62e1-4a87-a2ca-1befc36e1871.jpg?v=1785762695&amp;width=1200 1200w, //systerp.com/cdn/shop/files/Sheer_Station_Bracelet_Silver_Santa_Monica_Bracelet_Silver_Herringbone_Twisted_Bracelet_Silver_df0740d3-62e1-4a87-a2ca-1befc36e1871.jpg?v=1785762695&amp;width=1920 1920w" width="1920" height="2343" loading="lazy" class="absolute w-full h-full object-cover object-center ">
9467
9468      
9469
9470      
9471        <h2 class="flex flex-col absolute inset-0 items-center justify-center text-black">
9472          
9473          
9474        </h2>
9475      
9476    </a>
9477
9478    
9479      <div class="flex gap-10 pl-8 lg:pl-60 lg:pt-40 pb-20 lg:pb-[36px] text-small-bold lg:text-default-bold">
9480        <a href="/collections/silverarmband" class="">UPPTÄCK SILVER ARMBAND</a>
9481        <svg
9482          width="16"
9483          height="17"
9484          viewBox="0 0 16 17"
9485          fill="none"
9486          xmlns="http://www.w3.org/2000/svg"
9487        >
9488          <path d="M6 4.90039L9.53553 8.43592L6 11.9715" stroke="black" />
9489        </svg>
9490      </div>
9491    
9492  </div>
9493
9494  
9495
9496  <div
9497    x-data="collectionCta"
9498    ax-load
9499    x-init="checkRow"
9500    x-ref="cta"
9501    x-show="show"
9502    class="flex flex-col gap-12 col-[span_var(--mobile-span)_/_span_var(--mobile-span)] row-start-[12] row-end-[13] lg:col-start-1 lg:col-span-2"
9503  >
9504    <a
9505      class="flex flex-col relative aspect-5/7 mb-12 lg:aspect-[unset] h-full md:flex-1 md:mb-0 lg:mt-0"
9506      href="/products/bolded-ring-gold"
9507    >
9508      
9509        
9510
9511
9512
9513
9514
9515
9516
9517  
9518  <img src="//systerp.com/cdn/shop/files/Bolded_Ring_Silver_Bolded_Ring_Gold.jpg?v=1785751512&amp;width=1920" alt="" srcset="//systerp.com/cdn/shop/files/Bolded_Ring_Silver_Bolded_Ring_Gold.jpg?v=1785751512&amp;width=352 352w, //systerp.com/cdn/shop/files/Bolded_Ring_Silver_Bolded_Ring_Gold.jpg?v=1785751512&amp;width=832 832w, //systerp.com/cdn/shop/files/Bolded_Ring_Silver_Bolded_Ring_Gold.jpg?v=1785751512&amp;width=1200 1200w, //systerp.com/cdn/shop/files/Bolded_Ring_Silver_Bolded_Ring_Gold.jpg?v=1785751512&amp;width=1920 1920w" width="1920" height="2560" loading="lazy" class="absolute w-full h-full object-cover object-center ">
9519
9520      
9521
9522      
9523        <h2 class="flex flex-col absolute inset-0 items-center justify-center text-black">
9524          
9525          
9526        </h2>
9527      
9528    </a>
9529
9530    
9531      <div class="flex gap-10 pl-8 lg:pl-60 lg:pt-40 pb-20 lg:pb-[36px] text-small-bold lg:text-default-bold">
9532        <a href="/products/bolded-ring-gold" class="">KÖP BOLDED RING</a>
9533        <svg
9534          width="16"
9535          height="17"
9536          viewBox="0 0 16 17"
9537          fill="none"
9538          xmlns="http://www.w3.org/2000/svg"
9539        >
9540          <path d="M6 4.90039L9.53553 8.43592L6 11.9715" stroke="black" />
9541        </svg>
9542      </div>
9543    
9544  </div>
9545
9546
9547          
9548        </ul>
9549      </div>
9550
9551  <nav
9552    id="pagination-wrapper"
9553    ax-load
9554    x-data="pagination(1)"
9555    class="flex justify-center items-center gap-gutterlg mt-gutterlg mb-64 lg:mb-112"
9556    role="navigation"
9557  >
9558    <div class="hidden lg:block text-small text-grey">
9559      Visar 24 av 58
9560    </div>
9561
9562    <div class="min-w-[216px]">
9563
9564
9565
9566
9567  <a
9568    href="/collections/bastsaljare?page=2"
9569    class="relative group button flex items-center justify-center h-[33px] px-40 whitespace-nowrap text-small-bold leading-none min-w-[216px]  w-fit bg-black text-white uppercase"
9570      @click.prevent="loadMore('/collections/bastsaljare?page=2')"
9571    
9572  >
9573
9574<span class="mt-1">Ladda mer</span>
9575<div class="absolute top-[50%] translate-y-[-50%] right-14 opacity-0 lg:group-hover:opacity-100 transition-opacity duration-100 ease-in-out">
9576
9577    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
9578      <path d="m1 1 3.536 3.536L1 8.07" stroke="white" stroke-width="1.2"/>
9579    </svg>
9580  
9581</div>
9582
9583  </a>
9584</div>
9585
9586    <div class="hidden lg:block text-small text-grey">
9587      34 fler att utforska
9588    </div>
9589  </nav>
9590
9591
9592</div><div id="shopify-section-template--28929183482238__1713814782c4b22112" class="shopify-section">
9593  
9594    <div id="shopify-block-AWEJNdVhUd09WR0lxR__yotpo_product_reviews_ugc_reviews_carousel_EG4Ner" class="shopify-block shopify-app-block">
9595
9596<div
9597    class="yotpo-widget-instance"
9598    data-yotpo-instance-id="716377"
9599    data-yotpo-product-id="">
9600</div>
9601
9602
9603
9604</div>
9605  
9606
9607
9608
9609
9610</div>
9611    </main><!-- BEGIN sections: footer-group -->
9612<section id="shopify-section-sections--28929187807614__circular_flows_YFdr6L" class="shopify-section shopify-section-group-footer-group"><div class="md:hidden grid grid-cols-2 gap-y-20 pt-60 px-gutter bg-offwhite">
9613  
9614    <a href="/collections/armband" class="aspect-[5/7] text-center" tabindex="-1" aria-hidden="true">
9615      <img
9616        class="aspect-[5/7] mb-10 object-cover"
9617        src="//systerp.com/cdn/shop/collections/BG1204_2b_Layers_Olivia_Bracelet_Gold_NY.jpg?v=1787043507&width=300"
9618        alt="Triple the charm, a sparkling star bracelet, a twisted chain, and a cute delicate piece. Perfect together, just as they are."
9619        loading="lazy"
9620        width="100%"
9621        height="188"
9622      >
9623      Armband
9624    </a>
9625  
9626    <a href="/collections/halsband" class="aspect-[5/7] text-center" tabindex="-1" aria-hidden="true">
9627      <img
9628        class="aspect-[5/7] mb-10 object-cover"
9629        src="//systerp.com/cdn/shop/collections/Lunetta_Earrings_Silver_La_La_Love_Studs_Silver_Green_Jade_North_Star_Necklace_Silver_Beloved_Medium_Box_Chain_Silver_Beloved_Mini_Letter_Silver_41c50374-cf4b-4683-9d72-0e89f7e26baa.jpg?v=1786004920&width=300"
9630        alt="Silver heart pendant necklace paired with a unique, beautiful necklace.."
9631        loading="lazy"
9632        width="100%"
9633        height="188"
9634      >
9635      Halsband
9636    </a>
9637  
9638    <a href="/collections/orhangen" class="aspect-[5/7] text-center" tabindex="-1" aria-hidden="true">
9639      <img
9640        class="aspect-[5/7] mb-10 object-cover"
9641        src="//systerp.com/cdn/shop/collections/EG1263_2a_True_love_big_L_single_earring_gold.jpg?v=1786004866&width=300"
9642        alt="Statement earrings: a handcrafted set with smoky quartz stones"
9643        loading="lazy"
9644        width="100%"
9645        height="200"
9646      >
9647      Örhängen
9648    </a>
9649  
9650    <a href="/collections/ringar" class="aspect-[5/7] text-center" tabindex="-1" aria-hidden="true">
9651      <img
9652        class="aspect-[5/7] mb-10 object-cover"
9653        src="//systerp.com/cdn/shop/collections/RS1129_2b_Bolded_Ring_Silver_NY.jpg?v=1781703337&width=300"
9654        alt="A jewelry case filled with shining silver pieces."
9655        loading="lazy"
9656        width="100%"
9657        height="188"
9658      >
9659      Ringar
9660    </a>
9661  
9662</div>
9663<div class="px-gutter py-60 bg-offwhite md:pt-10 md:pb-0 md:h-[145px] relative">
9664  <ul class="flex flex-col md:flex-row md:justify-center md:gap-x-60 w-full sticky top-[50px] z-[99]">
9665    
9666      <li class="w-full md:w-fit md:font-medium">
9667        <a
9668          href="/collections/halsband"
9669          class="flex justify-between items-center w-full text-default py-6"
9670          data-scroll-label="Halsband"
9671        >
9672          <span>Halsband</span>
9673          <span class="md:hidden"> 
9674
9675    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
9676      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
9677    </svg>
9678  
9679</span>
9680        </a>
9681      </li>
9682    
9683      <li class="w-full md:w-fit md:font-medium">
9684        <a
9685          href="/collections/orhangen"
9686          class="flex justify-between items-center w-full text-default py-6"
9687          data-scroll-label="Örhängen"
9688        >
9689          <span>Örhängen</span>
9690          <span class="md:hidden"> 
9691
9692    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
9693      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
9694    </svg>
9695  
9696</span>
9697        </a>
9698      </li>
9699    
9700      <li class="w-full md:w-fit md:font-medium">
9701        <a
9702          href="/collections/armband"
9703          class="flex justify-between items-center w-full text-default py-6"
9704          data-scroll-label="Armband"
9705        >
9706          <span>Armband</span>
9707          <span class="md:hidden"> 
9708
9709    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
9710      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
9711    </svg>
9712  
9713</span>
9714        </a>
9715      </li>
9716    
9717      <li class="w-full md:w-fit md:font-medium">
9718        <a
9719          href="/collections/berlocker"
9720          class="flex justify-between items-center w-full text-default py-6"
9721          data-scroll-label="Berlocker"
9722        >
9723          <span>Berlocker</span>
9724          <span class="md:hidden"> 
9725
9726    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
9727      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
9728    </svg>
9729  
9730</span>
9731        </a>
9732      </li>
9733    
9734      <li class="w-full md:w-fit md:font-medium">
9735        <a
9736          href="/collections/ringar"
9737          class="flex justify-between items-center w-full text-default py-6"
9738          data-scroll-label="Ringar"
9739        >
9740          <span>Ringar</span>
9741          <span class="md:hidden"> 
9742
9743    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
9744      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
9745    </svg>
9746  
9747</span>
9748        </a>
9749      </li>
9750    
9751      <li class="w-full md:w-fit md:font-medium">
9752        <a
9753          href="/collections/smyckeskrin"
9754          class="flex justify-between items-center w-full text-default py-6"
9755          data-scroll-label="Smyckeskrin"
9756        >
9757          <span>Smyckeskrin</span>
9758          <span class="md:hidden"> 
9759
9760    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
9761      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
9762    </svg>
9763  
9764</span>
9765        </a>
9766      </li>
9767    
9768      <li class="w-full md:w-fit md:font-medium">
9769        <a
9770          href="/collections/accessoarer"
9771          class="flex justify-between items-center w-full text-default py-6"
9772          data-scroll-label="Accessoarer"
9773        >
9774          <span>Accessoarer</span>
9775          <span class="md:hidden"> 
9776
9777    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
9778      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
9779    </svg>
9780  
9781</span>
9782        </a>
9783      </li>
9784    
9785  </ul>
9786</div>
9787
9788
9789</section><section id="shopify-section-sections--28929187807614__explore_xyGpjQ" class="shopify-section shopify-section-group-footer-group"><section class="flex flex-col px-30 md:px-[140px] 3xl:px-[294px] pb-gutter lg:pb-120 bg-offwhite">
9790  <h2 class="text-h3-eiko font-eiko uppercase text-center py-40 md:text-h2-eiko md:pb-60 md:pt-20">
9791    Utforska mer
9792  </h2>
9793  <div class="flex ">
9794    
9795      <a class="flex-1" href="/pages/om-oss">
9796        <div class="flex aspect-5/7 relative">
9797          
9798
9799
9800
9801
9802
9803
9804
9805  
9806  <img src="//systerp.com/cdn/shop/files/Syster_P_portratt57899.jpg?v=1772007661&amp;width=1920" alt="" srcset="//systerp.com/cdn/shop/files/Syster_P_portratt57899.jpg?v=1772007661&amp;width=352 352w, //systerp.com/cdn/shop/files/Syster_P_portratt57899.jpg?v=1772007661&amp;width=832 832w, //systerp.com/cdn/shop/files/Syster_P_portratt57899.jpg?v=1772007661&amp;width=1200 1200w, //systerp.com/cdn/shop/files/Syster_P_portratt57899.jpg?v=1772007661&amp;width=1920 1920w" width="1920" height="2441" loading="lazy" class="absolute w-full h-full object-cover object-center ">
9807
9808        </div>
9809
9810        
9811        <p class="text-default lg:uppercase text-start pt-20 md:text-h3-eiko md:font-eiko md:text-center">
9812          Om oss
9813        </p>
9814      </a>
9815    
9816      <a class="flex-1" href="/collections/nyheter">
9817        <div class="flex aspect-5/7 relative">
9818          
9819
9820
9821
9822
9823
9824
9825
9826  
9827  <img src="//systerp.com/cdn/shop/files/Cavelle_Plain_Bangle_Gold_Cavelle_Plain_Bangle_Silver.png?v=1787044941&amp;width=1920" alt="" srcset="//systerp.com/cdn/shop/files/Cavelle_Plain_Bangle_Gold_Cavelle_Plain_Bangle_Silver.png?v=1787044941&amp;width=352 352w, //systerp.com/cdn/shop/files/Cavelle_Plain_Bangle_Gold_Cavelle_Plain_Bangle_Silver.png?v=1787044941&amp;width=832 832w, //systerp.com/cdn/shop/files/Cavelle_Plain_Bangle_Gold_Cavelle_Plain_Bangle_Silver.png?v=1787044941&amp;width=1200 1200w, //systerp.com/cdn/shop/files/Cavelle_Plain_Bangle_Gold_Cavelle_Plain_Bangle_Silver.png?v=1787044941&amp;width=1920 1920w" width="1920" height="2399" loading="lazy" class="absolute w-full h-full object-cover object-center ">
9828
9829        </div>
9830
9831        
9832        <p class="text-default lg:uppercase text-center pt-20 md:text-h3-eiko md:font-eiko md:text-center">
9833          Nyheter
9834        </p>
9835      </a>
9836    
9837      <a class="flex-1" href="/pages/hallbarhet">
9838        <div class="flex aspect-5/7 relative">
9839          
9840
9841
9842
9843
9844
9845
9846
9847  
9848  <img src="//systerp.com/cdn/shop/files/FABRIKEN_6e740b5a-8f28-42e6-a255-3b3fd5f21721.jpg?v=1735550228&amp;width=1920" alt="" srcset="//systerp.com/cdn/shop/files/FABRIKEN_6e740b5a-8f28-42e6-a255-3b3fd5f21721.jpg?v=1735550228&amp;width=352 352w, //systerp.com/cdn/shop/files/FABRIKEN_6e740b5a-8f28-42e6-a255-3b3fd5f21721.jpg?v=1735550228&amp;width=832 832w, //systerp.com/cdn/shop/files/FABRIKEN_6e740b5a-8f28-42e6-a255-3b3fd5f21721.jpg?v=1735550228&amp;width=1200 1200w, //systerp.com/cdn/shop/files/FABRIKEN_6e740b5a-8f28-42e6-a255-3b3fd5f21721.jpg?v=1735550228&amp;width=1920 1920w" width="1920" height="2687" loading="lazy" class="absolute w-full h-full object-cover object-center ">
9849
9850        </div>
9851
9852        
9853        <p class="text-default lg:uppercase text-end pt-20 md:text-h3-eiko md:font-eiko md:text-center">
9854          HÃ¥llbarhet
9855        </p>
9856      </a>
9857    
9858  </div>
9859</section>
9860
9861
9862</section><div id="shopify-section-sections--28929187807614__footer" class="shopify-section shopify-section-group-footer-group">
9863
9864<footer class="footer border-t border-grey bg-offwhite md:grid md:grid-cols-2">
9865  <!-- Left grid container (desktop) -->
9866  <div class="md:flex md:flex-col md:justify-between">
9867    <div class="md:hidden">
9868      <div x-data class="flex mt-20 justify-center items-center gap-4 text-small">
9869        <span class="cursor-pointer" @click="$dispatch('toggle-country-selector')">
9870          Svenska | Sverige (SEK)
9871        </span>
9872
9873    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
9874      <path d="m9 .5-4 4-4-4" stroke="#111111" stroke-width="1.2"/>
9875    </svg>
9876  
9877</div>
9878
9879      <div class="flex flex-wrap gap-[7px] pt-30 pb-10 text-tiny">
9880        <div class="flex gap-4 flex-[0.5] items-center justify-end">
9881          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
9882            <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="m4 7.646 2.922 2.923 4.258-6.01"/>
9883          </svg>
9884          <span>Snabb leverans</span>
9885        </div>
9886
9887        <div class="flex gap-4 flex-[0.5] items-center pl-12">
9888          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
9889            <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="m4 7.646 2.922 2.923 4.258-6.01"/>
9890          </svg>
9891          <span>100% återvunnet silver</span>
9892        </div>
9893
9894        <div class="flex gap-4 basis-full justify-center items-center">
9895          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
9896            <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="m4 7.646 2.922 2.923 4.258-6.01"/>
9897          </svg>
9898          <span>Presentinslagning</span>
9899        </div>
9900      </div>
9901    </div>
9902
9903    <!-- Quick Links, Legal Links, Social Links (mobile) and (desktop) -->
9904    <div class="mx-30 mt-60 md:mt-30 md:flex">
9905      <div class="hidden md:flex md:text-small-bold md:flex-1 w-full md:min-w-[7rem]">Syster P</div>
9906      <div class="flex flex-col border-t border-grey md:border-none md:flex-row md:flex-wrap md:gap-8 md:flex-[6]"><div
9907                class="relative border-b border-grey md:border-none md:flex md:flex-col md:flex-[1] md:min-w-[5.5rem]"
9908                ax-load
9909                x-data="
9910                  {
9911                      isOpen: false,
9912                      isDesktop: window.innerWidth >= 768
9913                  }
9914                "
9915                @resize.window.debounce="isDesktop = (window.innerWidth >= 768);"
9916              >
9917                <button
9918                  type="button"
9919                  class="w-full pt-[18px] pb-guttersm md:py-0"
9920                  @click="isOpen = !isOpen"
9921                  :disabled="isDesktop"
9922                >
9923                  <div class="flex items-center justify-between text-default md:text-small md:text-grey">
9924                    <span class="">Företaget</span>
9925                    <span class="transition-all duration-ss md:hidden" x-show="!isOpen">
9926
9927    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
9928      <path d="m9 .5-4 4-4-4" stroke="#111111" stroke-width="1.2"/>
9929    </svg>
9930  
9931</span>
9932                    <span class="transition-all duration-ss md:hidden" x-show="isOpen" x-cloak>
9933
9934    <svg
9935      width="10"
9936      height="9"
9937      fill="none"
9938      xmlns="http://www.w3.org/2000/svg"
9939      style=" transform: rotate(180deg);"
9940    >
9941      <path d="m9 .5-4 4-4-4" stroke="#111111" stroke-width="1.2"/>
9942    </svg>
9943  
9944</span>
9945                  </div>
9946                </button>
9947                <div
9948                  x-ref="itemContainer"
9949                  class="relative overflow-hidden transition-all max-h-0 duration-ss"
9950                  :style="(isOpen || isDesktop) && 'max-height: ' + $refs.itemContainer.scrollHeight + 'px'"
9951                >
9952                  <ul class="flex flex-col gap-8 text-default pt-12 pb-40 pl-guttersm md:pt-guttersmmd:pb-0 md:pl-0"><li class="">
9953                        <a href="/pages/om-oss" class="">Om oss</a>
9954                      </li><li class="">
9955                        <a href="/pages/hallbarhet" class="">HÃ¥llbarhet</a>
9956                      </li><li class="">
9957                        <a href="/pages/atervunnet-silver" class="">Återvunnet silver</a>
9958                      </li><li class="">
9959                        <a href="/pages/vara-butiker" class="">VÃ¥ra butiker</a>
9960                      </li><li class="">
9961                        <a href="/blogs/stories" class="">Stories</a>
9962                      </li></ul>
9963                </div>
9964              </div>
9965
9966              <!-- "legal_list" Visible within the container on (mobile) & hidden on (desktop) -->
9967<div
9968                class="relative border-b border-grey md:border-none md:flex md:flex-col md:flex-[1] md:min-w-[5.5rem]"
9969                ax-load
9970                x-data="
9971                  {
9972                      isOpen: false,
9973                      isDesktop: window.innerWidth >= 768
9974                  }
9975                "
9976                @resize.window.debounce="isDesktop = (window.innerWidth >= 768);"
9977              >
9978                <button
9979                  type="button"
9980                  class="w-full pt-[18px] pb-guttersm md:py-0"
9981                  @click="isOpen = !isOpen"
9982                  :disabled="isDesktop"
9983                >
9984                  <div class="flex items-center justify-between text-default md:text-small md:text-grey">
9985                    <span class="">Service</span>
9986                    <span class="transition-all duration-ss md:hidden" x-show="!isOpen">
9987
9988    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
9989      <path d="m9 .5-4 4-4-4" stroke="#111111" stroke-width="1.2"/>
9990    </svg>
9991  
9992</span>
9993                    <span class="transition-all duration-ss md:hidden" x-show="isOpen" x-cloak>
9994
9995    <svg
9996      width="10"
9997      height="9"
9998      fill="none"
9999      xmlns="http://www.w3.org/2000/svg"
10000      style=" transform: rotate(180deg);"
10001    >
10002      <path d="m9 .5-4 4-4-4" stroke="#111111" stroke-width="1.2"/>
10003    </svg>
10004  
10005</span>
10006                  </div>
10007                </button>
10008                <div
10009                  x-ref="itemContainer"
10010                  class="relative overflow-hidden transition-all max-h-0 duration-ss"
10011                  :style="(isOpen || isDesktop) && 'max-height: ' + $refs.itemContainer.scrollHeight + 'px'"
10012                >
10013                  <ul class="flex flex-col gap-8 text-default pt-12 pb-40 pl-guttersm md:pt-guttersmmd:pb-0 md:pl-0"><li class="">
10014                        <a href="/pages/kontakt" class="">Kontakt</a>
10015                      </li><li class="">
10016                        <a href="/pages/faq" class="">FAQ</a>
10017                      </li><li class="">
10018                        <a href="/pages/returer" class="">Returer, byten & reklamationer</a>
10019                      </li><li class="">
10020                        <a href="/pages/storleksguide" class="">Storleksguide</a>
10021                      </li><li class="">
10022                        <a href="/pages/recensioner" class="">Recensioner</a>
10023                      </li></ul>
10024                </div>
10025              </div>
10026
10027              <!-- "legal_list" Visible within the container on (mobile) & hidden on (desktop) -->
10028<div
10029                class="relative md:hidden border-b border-grey md:border-none"
10030                ax-load
10031                x-data="
10032                  {
10033                      isOpen: false,
10034                      isDesktop: window.innerWidth >= 768
10035                  }
10036                "
10037                @resize.window.debounce="isDesktop = (window.innerWidth >= 768);"
10038              >
10039                <button
10040                  type="button"
10041                  class="w-full py-16 md:py-0"
10042                  @click="isOpen = !isOpen"
10043                  :disabled="isDesktop"
10044                >
10045                  <div class="flex items-center justify-between text-default md:text-small md:text-grey">
10046                    <span class="">Legal</span>
10047                    <span class="transition-all duration-ss md:hidden" x-show="!isOpen">
10048
10049    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
10050      <path d="m9 .5-4 4-4-4" stroke="#111111" stroke-width="1.2"/>
10051    </svg>
10052  
10053</span>
10054                    <span class="transition-all duration-ss md:hidden" x-show="isOpen" x-cloak>
10055
10056    <svg
10057      width="10"
10058      height="9"
10059      fill="none"
10060      xmlns="http://www.w3.org/2000/svg"
10061      style=" transform: rotate(180deg);"
10062    >
10063      <path d="m9 .5-4 4-4-4" stroke="#111111" stroke-width="1.2"/>
10064    </svg>
10065  
10066</span>
10067                  </div>
10068                </button>
10069                <div
10070                  x-ref="itemContainer"
10071                  class="relative overflow-hidden transition-all max-h-0 duration-ss"
10072                  :style="(isOpen || isDesktop) && 'max-height: ' + $refs.itemContainer.scrollHeight + 'px'"
10073                >
10074                  <ul class="flex flex-col gap-8 text-default pt-12 pb-40 pl-20 md:pt-20 md:pb-0 md:pl-0"><li class="">
10075                        <a href="/pages/privacy-policy" class="">Privacy policy</a>
10076                      </li><li class="">
10077                        <a href="/pages/terms-and-conditions" class="">Terms & conditions</a>
10078                      </li><li class="">
10079                        <a href="/pages/cookies" class="">Cookie settings</a>
10080                      </li></ul>
10081                </div>
10082              </div>
10083<div class="md:flex-1 w-full md:min-w-[6rem]">
10084                <span class="hidden md:flex md:text-small md:text-grey">Följ oss</span>
10085
10086                <div class="">
10087                  <ul class="flex gap-[15px] py-20 text-default justify-between md:gap-8 md:flex-col md:py-0 md:pt-20"><li>
10088                        <a href="https://linkedin.com/company/syster-p" class="">
10089                          LinkedIn
10090                        </a>
10091                      </li><li>
10092                        <a href="https://www.instagram.com/syster_p/" class="">
10093                          Instagram
10094                        </a>
10095                      </li><li>
10096                        <a href="https://www.facebook.com/SysterP/" class="">
10097                          Facebook
10098                        </a>
10099                      </li></ul>
10100                </div>
10101              </div>
10102          
10103</div>
10104    </div>
10105
10106    <div class="px-30 py-60 md:hidden">
10107      <div class="flex flex-col w-full gap-30 text-default ">
10108  <h1 class="text-center">Missa inte våra senaste nyheter och erbjudanden</h1>
10109
10110  <div>
10111    <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
10112      <input type="hidden" name="contact[tags]" value="newsletter">
10113      <div
10114        class="newsletter-form__field-wrapper"
10115        
10116      >
10117        <div class="field flex pt-20 pb-10 border-b border-grey">
10118          <input
10119            id="-NewsletterForm-xs---sections--28929187807614__footer"
10120            type="email"
10121            name="contact[email]"
10122            class="flex-1 bg-transparent placeholder-black field__input "
10123            value=""
10124            aria-required="true"
10125            autocorrect="off"
10126            autocapitalize="off"
10127            autocomplete="email"
10128            
10129            placeholder="E-post"
10130            required
10131          >
10132
10133          <button
10134            type="submit"
10135            class="newsletter-form__button field__button"
10136            name="commit"
10137            id="Subscribe-xs"
10138            aria-label="Skicka"
10139            x-disabled="loading"
10140          >
10141            Skicka
10142          </button>
10143        </div></div></form>
10144  </div>
10145</div>
10146
10147    </div>
10148
10149    
10150      <div class="flex justify-center items-center pb-60 md:hidden">
10151        <div class="teh-certificate" data-size="42" data-color="black"></div>
10152      </div>
10153    
10154
10155    <div class="px-30 pb-20 md:hidden ">
10156      <div class="flex justify-between items-center">
10157  <svg
10158    class="sc-87b1da79-0 kllSJL"
10159    width="41.36"
10160    height="10"
10161    viewBox="0 0 91 22"
10162    fill="none"
10163    xmlns="http://www.w3.org/2000/svg"
10164  >
10165    <path  opacity=".7" d="M82.2782 17.9579C80.1693 17.9579 78.5256 16.23 78.5256 14.1318C78.5256 12.0337 80.1693 10.3057 82.2782 10.3057C84.3871 10.3057 86.0308 12.0337 86.0308 14.1318C86.0308 16.23 84.3871 17.9579 82.2782 17.9579ZM81.2238 22C83.0225 22 85.3176 21.3212 86.5891 18.6676L86.7131 18.7293C86.1549 20.1795 86.1549 21.0435 86.1549 21.2595V21.5989H90.6828V6.6648H86.1549V7.00421C86.1549 7.2202 86.1549 8.08415 86.7131 9.53436L86.5891 9.59607C85.3176 6.9425 83.0225 6.26367 81.2238 6.26367C76.9129 6.26367 73.8736 9.65778 73.8736 14.1318C73.8736 18.6059 76.9129 22 81.2238 22ZM65.9963 6.26367C63.9494 6.26367 62.3367 6.97335 61.0341 9.59607L60.9101 9.53436C61.4683 8.08415 61.4683 7.2202 61.4683 7.00421V6.6648H56.9404V21.5989H61.5924V13.7307C61.5924 11.6634 62.8019 10.3675 64.7557 10.3675C66.7096 10.3675 67.671 11.4783 67.671 13.6999V21.5989H72.323V12.0954C72.323 8.70126 69.6558 6.26367 65.9963 6.26367ZM50.2105 9.59607L50.0864 9.53436C50.6447 8.08415 50.6447 7.2202 50.6447 7.00421V6.6648H46.1168V21.5989H50.7687L50.7998 14.4095C50.7998 12.3114 51.9162 11.0463 53.746 11.0463C54.2422 11.0463 54.6454 11.108 55.1106 11.2314V6.6648C53.0637 6.23282 51.2339 7.00421 50.2105 9.59607ZM35.4172 17.9579C33.3083 17.9579 31.6646 16.23 31.6646 14.1318C31.6646 12.0337 33.3083 10.3057 35.4172 10.3057C37.5261 10.3057 39.1698 12.0337 39.1698 14.1318C39.1698 16.23 37.5261 17.9579 35.4172 17.9579ZM34.3627 22C36.1615 22 38.4565 21.3212 39.728 18.6676L39.8521 18.7293C39.2938 20.1795 39.2938 21.0435 39.2938 21.2595V21.5989H43.8218V6.6648H39.2938V7.00421C39.2938 7.2202 39.2938 8.08415 39.8521 9.53436L39.728 9.59607C38.4565 6.9425 36.1615 6.26367 34.3627 6.26367C30.0519 6.26367 27.0126 9.65778 27.0126 14.1318C27.0126 18.6059 30.0519 22 34.3627 22ZM20.5308 21.5989H25.1828V0H20.5308V21.5989ZM17.1193 0H12.3743C12.3743 3.85694 9.98628 7.31276 6.35772 9.78121L4.93111 10.7686V0H0V21.5989H4.93111V10.892L13.0876 21.5989H19.1042L11.2578 11.3548C14.8243 8.79383 17.1503 4.81346 17.1193 0Z" fill="#8B8B8B"></path>
10166  </svg>
10167  <svg xmlns="http://www.w3.org/2000/svg" width="49" height="12" fill="none">
10168    <g fill="#8B8B8B" clip-path="url(#a)" opacity=".7">
10169      <path d="M18.344 2.594h-2.652a.366.366 0 0 0-.364.306l-1.072 6.67a.218.218 0 0 0 .218.25h1.267c.181 0 .335-.13.364-.305l.289-1.8a.366.366 0 0 1 .364-.305h.84c1.746 0 2.754-.83 3.018-2.472.118-.719.005-1.284-.339-1.68-.377-.434-1.045-.664-1.933-.664Zm.306 2.437c-.145.933-.872.933-1.575.933h-.4l.28-1.743a.22.22 0 0 1 .22-.183h.183c.478 0 .93 0 1.164.268.139.16.181.397.128.725ZM26.272 5h-1.27a.22.22 0 0 0-.219.184l-.056.348-.089-.126c-.275-.392-.888-.523-1.5-.523-1.403 0-2.602 1.043-2.835 2.505-.121.73.051 1.428.473 1.914.387.447.94.634 1.6.634 1.13 0 1.757-.714 1.757-.714l-.056.347a.218.218 0 0 0 .218.25h1.144a.367.367 0 0 0 .364-.305l.686-4.263a.217.217 0 0 0-.217-.25Zm-1.77 2.425c-.123.712-.699 1.19-1.433 1.19-.37 0-.664-.117-.853-.337-.188-.218-.26-.529-.2-.875.115-.705.7-1.199 1.424-1.199.36 0 .653.118.847.34.193.224.27.536.214.88ZM33.035 5H31.76a.372.372 0 0 0-.305.16l-1.76 2.542-.746-2.444a.369.369 0 0 0-.354-.257H27.34a.218.218 0 0 0-.21.286l1.406 4.047-1.322 1.83a.217.217 0 0 0 .18.342h1.275a.37.37 0 0 0 .303-.155l4.245-6.01a.217.217 0 0 0-.182-.34Zm4.225-2.406h-2.652a.366.366 0 0 0-.364.306l-1.072 6.67a.218.218 0 0 0 .218.25h1.36c.127 0 .235-.09.255-.214l.304-1.89a.366.366 0 0 1 .364-.306h.84c1.747 0 2.754-.83 3.018-2.472.119-.719.005-1.284-.338-1.68-.377-.434-1.045-.664-1.933-.664Zm.306 2.437c-.145.933-.872.933-1.575.933h-.4l.281-1.743a.219.219 0 0 1 .218-.183h.184c.478 0 .93 0 1.164.268.139.16.181.397.128.725ZM45.187 5h-1.27a.219.219 0 0 0-.217.184l-.056.348-.09-.126c-.274-.392-.887-.523-1.499-.523-1.403 0-2.602 1.043-2.835 2.505-.121.73.05 1.428.473 1.914.388.447.94.634 1.6.634 1.13 0 1.757-.714 1.757-.714l-.057.347a.218.218 0 0 0 .22.25h1.143c.18 0 .335-.129.363-.305l.687-4.263a.219.219 0 0 0-.219-.25Zm-1.77 2.425c-.122.712-.699 1.19-1.433 1.19-.368 0-.663-.117-.853-.337-.187-.218-.258-.529-.199-.875.115-.705.7-1.199 1.423-1.199.36 0 .654.118.847.34.194.224.271.536.215.88Zm3.267-4.648L45.596 9.57a.218.218 0 0 0 .218.25h1.094c.182 0 .336-.13.364-.305l1.073-6.67a.218.218 0 0 0-.218-.25h-1.225a.22.22 0 0 0-.218.182ZM3.243 11.116l.202-1.263-.451-.
1016901H.837L2.336.518a.123.123 0 0 1 .121-.102h3.638c1.207 0 2.04.246 2.476.733.204.228.334.467.396.729.066.275.067.604.003 1.006l-.005.029v.257l.204.113c.172.09.309.192.413.31.175.194.288.442.335.736.05.303.033.663-.047 1.07a3.72 3.72 0 0 1-.447 1.21 2.509 2.509 0 0 1-.708.761c-.27.188-.59.33-.953.422-.351.09-.752.135-1.191.135h-.283a.868.868 0 0 0-.554.2.837.837 0 0 0-.288.505l-.021.114-.359 2.227-.016.081c-.004.026-.012.04-.022.048a.06.06 0 0 1-.038.013H3.243Z"/>
10170      <path d="M9.362 2.944c-.01.068-.023.137-.037.209-.48 2.415-2.12 3.25-4.216 3.25H4.04a.515.515 0 0 0-.512.43l-.546 3.4-.155.963a.27.27 0 0 0 .27.31H4.99c.224 0 .415-.16.45-.377l.019-.095.356-2.218.023-.121a.453.453 0 0 1 .45-.378h.283c1.834 0 3.27-.73 3.689-2.843.175-.883.084-1.62-.38-2.139a1.806 1.806 0 0 0-.518-.391Z"/>
10171      <path d="M8.86 2.747a3.846 3.846 0 0 0-.466-.101 6.04 6.04 0 0 0-.94-.068H4.602a.447.447 0 0 0-.45.377l-.606 3.769-.018.11a.515.515 0 0 1 .512-.431h1.07c2.096 0 3.737-.835 4.216-3.25.015-.072.027-.141.037-.21a2.584 2.584 0 0 0-.501-.196Z"/>
10172      <path d="M4.153 2.956a.446.446 0 0 1 .253-.333.461.461 0 0 1 .197-.044h2.85c.338 0 .653.022.941.067a4.39 4.39 0 0 1 .467.102l.107.032c.142.046.273.1.395.164.143-.893-.001-1.5-.493-2.051C8.327.287 7.348.027 6.095.027H2.458a.517.517 0 0 0-.514.431L.429 9.878a.308.308 0 0 0 .308.354h2.246l.564-3.508.606-3.768Z"/>
10173    </g>
10174    <defs>
10175      <clipPath id="a">
10176        <path fill="#fff" d="M0 0h49v12H0z"/>
10177      </clipPath>
10178    </defs>
10179  </svg>
10180
10181  <svg xmlns="http://www.w3.org/2000/svg" width="37" height="10" fill="none">
10182    <g fill="#8B8B8B" clip-path="url(#a)" opacity=".7">
10183      <path d="M3.254 3.433c-.6 0-1.226.254-1.596.633l-.063.062-.074.085V.205H.306v9.32H1.52v-.664l.075.093.063.062c.366.382.981.633 1.596.633 1.596 0 2.944-1.27 2.944-3.108S4.846 3.433 3.254 3.433ZM3.19 8.51c-1.04 0-1.778-.888-1.778-1.965 0-1.078.737-1.97 1.778-1.97 1.166 0 1.777.889 1.777 1.97 0 1.08-.61 1.965-1.777 1.965Zm7.384-1.379c-.037.75-.64 1.355-1.354 1.355-.825 0-1.208-.463-1.23-1.292V3.451H6.759v3.743c0 1.422.862 2.455 2.339 2.455.49 0 1.108-.26 1.353-.644l.063-.086.064-.087v.691h1.231V3.455h-1.231v3.676h-.004Zm17.568-3.68c-1.622 0-2.867 1.267-2.867 3.1 0 1.832 1.31 3.098 2.867 3.098 1.186 0 2.055-.631 2.556-1.517l-1.047-.504c-.188.504-.696.885-1.445.885-1.06 0-1.682-.758-1.682-1.643h4.362v-.381c-.004-1.837-1.25-3.038-2.744-3.038Zm-1.558 2.302c.189-.658.685-1.162 1.558-1.162.75 0 1.37.504 1.434 1.162h-2.992Zm7.45-2.302c-1.622 0-2.867 1.267-2.867 3.1 0 1.832 1.31 3.098 2.867 3.098 1.185 0 2.055-.631 2.555-1.517l-1.046-.504c-.188.504-.696.885-1.445.885-1.057 0-1.682-.758-1.682-1.643h4.362v-.381c-.004-1.837-1.25-3.038-2.744-3.038Zm-1.558 2.302c.188-.658.685-1.162 1.558-1.162.749 0 1.37.504 1.434 1.162h-2.992ZM21.77 3.433c-.6 0-1.226.254-1.596.633l-.063.062-.074.085V.205h-1.215v9.32h1.214v-.664l.075.093.063.062c.367.382.981.633 1.596.633 1.596 0 2.944-1.27 2.944-3.108s-1.352-3.108-2.944-3.108Zm-.063 5.077c-1.04 0-1.777-.888-1.777-1.965 0-1.078.736-1.97 1.777-1.97 1.166 0 1.777.889 1.777 1.97 0 1.08-.61 1.965-1.777 1.965ZM12.37 6.54c0 1.843 1.348 3.11 2.944 3.11.614 0 1.225-.256 1.596-.634l.063-.062.074-.093v.665h1.214V.205H17.04v4.008l-.074-.085-.063-.062c-.366-.382-.992-.633-1.596-.633-1.588 0-2.936 1.266-2.936 3.108Zm1.225 0c0-1.076.615-1.968 1.778-1.968 1.04 0 1.777.888 1.777 1.969s-.737 1.965-1.777 1.965c-1.167.004-1.778-.884-1.778-1.965Z"/>
10184    </g>
10185    <defs>
10186      <clipPath id="a">
10187        <path fill="#fff" d="M0 0h37v10H0z"/>
10188      </clipPath>
10189    </defs>
10190  </svg>
10191
10192  <svg xmlns="http://www.w3.org/2000/svg" width="44" height="6" fill="none">
10193    <g clip-path="url(#a)">
10194      <path fill="#8B8B8B" d="M14.324 2.387c-.19.23-.508.63-.7.864-.1.119-.276.335.311.335h3.095l.918-1.116c.568-.69.049-2.128-1.985-2.128H7.954L6.566 2.03h7.568c.382 0 .377.13.19.357ZM12.05 4.002c-.587 0-.41-.216-.312-.335.194-.234.517-.63.707-.86.186-.226.191-.356-.191-.356H8.793l-2.79 3.391h6.802a4.952 4.952 0 0 0 3.882-1.84H12.05Zm4.425 1.84h3.99l1.512-1.84h-3.99l-1.512 1.84Zm10.294-5.5-1.53 1.86h-1.781l1.53-1.86h-3.989l-2.668 3.244h9.758L30.757.342h-3.988Zm-4.524 5.5h3.988l1.514-1.84h-3.989l-1.513 1.84ZM.311 4.728v.39h5.556l.321-.39H.311Zm6.474-.726H.311v.39h6.153l.321-.39ZM.311 5.842h4.96l.32-.388H.311v.388Zm37.608-.724h5.855v-.39H38.24l-.321.39Zm-.595.724h6.45v-.388h-6.13l-.32.388Zm1.513-1.84-.321.39h5.258v-.39h-4.937Zm-5.224-.416L36.28.342h-4.224c-.002 0-2.67 3.244-2.67 3.244h4.226Zm-4.569.416s-.291.357-.433.528c-.5.606-.058 1.312 1.577 1.312h6.405l1.514-1.84h-9.063Z" opacity=".7"/>
10195    </g>
10196    <defs>
10197      <clipPath id="a">
10198        <path fill="#fff" d="M0 0h44v6H0z"/>
10199      </clipPath>
10200    </defs>
10201  </svg>
10202
10203  <svg xmlns="http://www.w3.org/2000/svg" width="44" height="8" fill="none">
10204    <g fill="#8B8B8B" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd" opacity=".7">
10205      <path d="M.478 1.702C1.062 1.7 1.646 1.7 2.23 1.695c.1-.001.12.036.116.117-.005.093-.001.187-.001.287.022-.004.042-.002.053-.01 1.234-1.014 3.115-.61 3.703.823.419 1.02.34 2.01-.456 2.873-.84.909-2.437.952-3.234.365-.013-.01-.03-.012-.072-.027v1.61c-.565 0-1.13-.003-1.696.004-.127.001-.169-.016-.169-.148.006-1.963.004-3.925.004-5.887Zm1.82 2.325c-.008.564.413.97 1.016.98.574.01 1.019-.385 1.028-.912.01-.61-.385-1.02-.993-1.029-.616-.008-1.043.382-1.051.961ZM43.41 6.408c-.523-.032-1.047-.005-1.57-.014-.054 0-.108-.005-.16.001-.117.014-.145-.036-.137-.134.007-.092.001-.185.001-.3-.106.08-.191.154-.285.217-.874.59-2.262.452-3.005-.298-.928-.939-.924-2.645-.01-3.592.827-.859 2.41-.966 3.238-.355.012.009.03.01.062.02 0-.417.007-.823-.004-1.229-.003-.124.048-.159.164-.179.497-.085.993-.178 1.489-.267.029-.005.06-.003.075-.034.122-.025.146.019.146.132-.005 2.01-.003 4.021-.003 6.032Zm-3.863-2.375c0 .577.412.978 1.008.981.61.003 1.034-.396 1.036-.975.002-.564-.422-.96-1.03-.959-.603 0-1.014.387-1.014.953ZM30.4 1.534c.57.008 1.048.082 1.504.263 1.073.426 1.637 1.333 1.544 2.414-.111 1.291-1.06 2.041-2.311 2.26-.744.13-1.474.076-2.173-.2-1.104-.435-1.591-1.305-1.534-2.351.083-1.493 1.258-2.194 2.513-2.35.177-.021.356-.028.458-.036Zm-.993 2.507c0 .562.44.975 1.032.967.6-.008 1.015-.401 1.016-.96 0-.583-.42-.984-1.03-.982-.6.003-1.018.402-1.018.975ZM9.686 1.535c.78.018 1.51.181 2.124.657a2.1 2.1 0 0 1 .832 1.523c.065.696-.073 1.343-.576 1.889-.432.467-.995.725-1.636.85-.76.147-1.505.102-2.226-.171-1.197-.454-1.67-1.424-1.554-2.513.13-1.218 1.053-1.945 2.272-2.165.252-.046.506-.07.764-.07Zm-.031 1.531c-.61-.004-1.036.39-1.048.971-.012.545.44.97 1.033.97.59 0 1.02
102051-.4 1.028-.955.007-.565-.421-.981-1.013-.986Zm14.017-.989c.615-.556 1.338-.646 2.114-.453.703.175 1.033.664 1.164 1.294.035.169.046.339.046.51-.002.934-.003 1.867.002 2.8 0 .125-.026.172-.174.17a49.524 49.524 0 0 0-1.538 0c-.139.001-.183-.032-.182-.166.004-.778-.002-1.557-.007-2.335 0-.077-.01-.155-.026-.23-.086-.42-.268-.56-.7-.544-.417.014-.67.223-.708.608-.041.435-.011.872-.015 1.308-.004.403-.006.806.001 1.21.002.117-.039.15-.162.148a78.857 78.857 0 0 0-1.574 0c-.115 0-.15-.027-.15-.138.004-1.475.004-2.95 0-4.424-.001-.123.045-.142.163-.14.513.004 1.025.007 1.538-.002.15-.002.203.038.185.175-.008.062-.018.13.023.209Zm-8.116-.537c.623.02 1.19.064 1.75.185.118.026.14.06.111.167a21.02 21.02 0 0 0-.261 1.046c-.03.132-.08.136-.204.102-.58-.161-1.168-.264-1.778-.182a1.058 1.058 0 0 0-.138.031c-.112.03-.2.092-.198.206.001.119.1.17.21.194.402.084.815.105 1.213.201.214.051.424.111.623.2.553.243.8.641.78 1.207-.02.67-.391 1.1-1.034 1.357-.519.207-1.07.26-1.625.27a7.457 7.457 0 0 1-2.047-.246c-.109-.029-.139-.06-.106-.169.11-.366.21-.735.304-1.105.03-.12.076-.128.192-.087.617.22 1.253.35 1.92.303a.823.823 0 0 0 .26-.055c.092-.038.157-.097.156-.201-.001-.105-.067-.161-.163-.195-.208-.074-.428-.09-.646-.117-.379-.046-.753-.109-1.11-.241-1.028-.384-1.242-1.61-.398-2.286.463-.372 1.028-.492 1.615-.552.207-.02.416-.025.574-.034Zm2.453 1.97c0-.907.003-1.812-.003-2.718-.001-.126.035-.156.167-.154.519.008 1.038.009 1.557 0 .142-.003.167.043.163.16-.009.254.003.508-.005.762-.004.114.041.14.154.138.471-.004.942 0 1.413-.004.125 0 .164.017.094.134-.244.41-.484.823-.72 1.237-.043.074-.095.1-.184.097-.196-.006-.394.006-.59-.005-.135-.007-.169.032-.168.156.006.956.003 1.911.003 2.867 0 .214 0 .214-.229.214-.489 0-.978-.005-1.467.004-.146.002-.19-.03-.189-.171.007-.906.004-1.812.004-2.718ZM35.76 2.2c.429-.535.998-.606 1.61-.562.112.008.166.048.16.165a59.76 59.76 0 0 0-.036 1.34c-.002.106-.038.133-.151.106a2.1 2.1 0 0 0-.656-.05c-.618.049-.923.35-.926.926-.003.695-.005 1.391.003 2.086.001.14-.026.191-.192.187a47.416 47.416 0 0 0-1.52-.002c-.115.001-.167-.015-.167-.14.005-1.475.004-2.949 0-4.422 0-.107.03-.141.149-.14.53.006 1.06.005 1.59 0 .114-.001.145.034.138.132-.008.11-.002.22-.002.373Z"/>
10206    </g>
10207    <defs>
10208      <clipPath id="a">
10209        <path fill="#fff" d="M0 0h44v8H0z"/>
10210      </clipPath>
10211    </defs>
10212  </svg>
10213</div>
10214
10215    </div>
10216
10217    <!-- Iterate through the "legal_list" and display only the desired format on (desktop). -->
10218
10219<div class="hidden md:flex md:mx-30 md:mb-30  justify-center items-center">
10220            
10221              <div class="teh-certificate absolute left-30" data-size="42" data-color="black"></div>
10222            
10223            <ul class="flex gap-20 text-small"><a href="/pages/privacy-policy" class="">
10224                  Privacy policy
10225                </a><a href="/pages/terms-and-conditions" class="">
10226                  Terms & conditions
10227                </a><a href="/pages/cookies" class="">
10228                  Cookie settings
10229                </a></ul>
10230          </div>
10231      
10232
10233</div>
10234
10235  <!-- Right grid container (desktop) -->
10236  <div class="hidden md:flex md:flex-col md:border-l md:border-grey md:p-30 md:gap-160">
10237    <div class="flex justify-between">
10238      <div x-data class="text-small order-2 h-auto">
10239        <button class="flex gap-4 items-center" @click="$dispatch('toggle-country-selector')">
10240          <span>
10241            Svenska | Sverige (SEK)
10242          </span>
10243
10244    <svg width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg">
10245      <path d="m9 .5-4 4-4-4" stroke="#111111" stroke-width="1.2"/>
10246    </svg>
10247  
10248</button>
10249      </div>
10250
10251      <div class="flex flex-col gap-[3px] text-tiny">
10252        <div class="flex gap-4 flex-[0.5] items-center">
10253          <div>
10253<svg width="16" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
10254  <path d="M18.4359 2.32342C15.17 -0.147283 10.794 -0.692025 7.01955 0.903475C4.76055 1.85871 2.89913 3.47745 1.64183 5.57638L1.61344 5.61252C1.60311 5.62802 1.59794 5.64351 1.59278 5.65641C1.0532 6.57292 0.64271 7.55397 0.374212 8.57375C-0.44161 11.6821 0.0902229 15.0177 1.83546 17.7234C1.85612 17.7724 1.8871 17.8189 1.92582 17.8628C2.09363 18.1158 2.24079 18.3249 2.39053 18.5185C4.55143 21.3223 7.95671 22.9978 11.4988 23.0004H11.5195C13.0582 23.0004 14.5556 22.6957 15.9729 22.0968C18.2294 21.1441 20.0882 19.528 21.3558 17.4161L21.3894 17.3619C22.2052 15.9884 22.7164 14.4936 22.9126 12.9214C23.4186 8.85516 21.7018 4.79412 18.4359 2.32342ZM6.8001 15.2036C5.06261 15.565 3.5807 16.1046 2.48605 16.7733C1.54889 15.1752 1.0532 13.3577 1.0532 11.4988C1.0532 9.78716 1.47919 8.09355 2.28468 6.58841C3.48518 7.18995 5.03163 7.65724 6.77945 7.95156C6.62713 9.09268 6.54709 10.2854 6.54709 11.5014C6.54709 12.7174 6.63229 14.016 6.8001 15.2062V15.2036ZM11.9713 14.7027C10.5668 14.6976 9.17528 14.806 7.84311 15.0177C7.68563 13.8895 7.6056 12.7071 7.6056 11.4988C7.6056 10.2906 7.68047 9.19078 7.82504 8.09872C8.89904 8.2278 9.97303 8.29493 11.0238 8.29493C12.436 8.30267 13.8198 8.19166 15.152 7.97996C15.3094 9.10817 15.3895 10.2906 15.3895 11.4988C15.3895 12.7071 15.3146 13.8069 15.17 14.899C14.096 14.7699 13.022 14.7027 11.9713 14.7027ZM16.022 6.75106C15.7974 5.56089 15.4927 4.48173 15.1132 3.54199C14.7518 2.64355 14.3335 1.9026 13.8688 1.33204C16.2776 1.89744 18.4514 3.33287 19.9255 5.34403C18.9471 5.93524 17.6072 6.41802 16.0246 6.75106H16.022ZM11.0651 7.23901C10.0505 7.23901 9.02296 7.17963 7.99027 7.0557C8.20197 5.89393 8.49629 4.84576 8.86289 3.93957C9.59868 2.10914 10.5591 1.05838 11.4962 1.05838C12.4334 1.05838 13.3938 2.10914 14.1296 3.93957C14.4807 4.81219 14.7673 5.82164 14.979 6.93694C13.7191 7.13574 12.4024 7.23901 11.0651 7.23901ZM7.88184 3.54199C7.48684 4.52562 7.17187 5.65641 6.94468 6.90338C5.34401 6.63488 3.93182 6.21406 2.83459 5.67707C4.31391 3.48261 6.57291 1.92583 9.12623 1.32946C8.66152 1.90002 8.24328 2.64097 7.88184 3.53941V3.54199ZM6.97308 16.2492C7.19769 17.4394 7.50233 18.5185 7.88184 19.4583C8.24328 20.3567 8.66152 21.0977 9.12623 21.6682C6.71749 21.1028 4.54368 19.6674 3.06952 17.6562C4.04799 17.065 5.3879 16.5822 6.97308 16.2492ZM11.9274 15.7612C12.9368 15.7612 13.9695 15.8206 15.0022 15.9445C14.7879 17.1063 14.4962 18.1545 14.1322 19.0607C13.3938 20.8911 12.4334 21.9419 11.4988 21.9419C10.5642 21.9419 9.60126 20.8911 8.86547 19.0607C8.51178 18.1855 8.22779 17.1786 8.01609 16.0633C9.2708 15.8645 10.5875 15.7612 11.93 15.7612H11.9274ZM15.1132 19.4557C15.5082 18.4721 15.8232 17.3438 16.0504 16.0943C17.6511 16.3628 19.0633 16.7836 20.1605 17.3206C18.6812 19.5151 16.4222 21.0718 13.8688 21.6682C14.3335 21.0977 14.7518 20.3567 15.1132 19.4583V19.4557ZM16.448 11.4988C16.448 10.2286 16.3628 8.98425 16.195 7.79407C17.9299 7.43263 19.4144 6.89306 20.509 6.22439C21.4462 7.81989 21.9419 9.64 21.9419 11.4963C21.9419 13.2079 21.5159 14.9015 20.7104 16.4067C19.5099 15.8051 17.9634 15.3353 16.2156 15.0435C16.3679 13.8998 16.448 12.7071 16.448 11.4937V11.4988Z" fill="black"/>
10255</svg>
10256</div>
10257          <span>Snabb leverans</span>
10258        </div>
10259
10260        <div class="flex gap-4 flex-[0.5] items-center">
10261          <div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="25" viewBox="0 0 26 25" fill="none">
10262  <path d="M24.532 14.5236L22.0807 10.2742C22.034 10.1964 21.9594 10.1373 21.8722 10.1156C21.7851 10.0907 21.6918 10.1031 21.614 10.1498L17.8686 12.3118C17.7069 12.4051 17.6509 12.6135 17.7442 12.7784L20.4475 17.4602H16.5092V15.7773C16.5092 15.6342 16.419 15.5066 16.2852 15.4568C16.1514 15.4071 15.999 15.4475 15.9088 15.5564L12.3438 19.7467C12.2349 19.8742 12.2349 20.0609 12.3438 20.1884L15.9057 24.3787C15.971 24.4564 16.0675 24.5 16.167 24.5C16.2074 24.5 16.2448 24.4938 16.2852 24.4782C16.419 24.4285 16.5092 24.3009 16.5092 24.1578V22.4686H19.9435C20.9048 22.4686 21.7291 21.9927 22.2113 21.159L24.532 17.1398C25.0111 16.3092 25.0111 15.3542 24.532 14.5236ZM21.6203 20.8199C21.2656 21.4358 20.6559 21.7874 19.9435 21.7874H16.167C15.9772 21.7874 15.8248 21.9398 15.8248 22.1296V23.2308L13.0531 19.9675L15.8248 16.7074V17.8024C15.8248 17.9922 15.9772 18.1446 16.167 18.1446H21.6918C22.1802 18.1446 22.7682 18.0108 23.3841 17.7651L21.6203 20.8199ZM23.9845 16.7198C23.157 17.1833 22.3047 17.4602 21.6918 17.4602H21.2345L18.5032 12.7318L21.6576 10.9119L23.9409 14.8658C24.28 15.4537 24.2956 16.125
102627 23.9845 16.7198ZM10.1724 17.4633H4.76583L6.73498 14.0539L8.19085 14.8938C8.31528 14.9653 8.47082 14.9529 8.5797 14.8596C8.68858 14.7693 8.73213 14.6169 8.68236 14.4831L6.83453 9.30363C6.77853 9.14498 6.61677 9.05165 6.4519 9.08276L1.04529 10.0751C0.905301 10.1 0.793311 10.212 0.771535 10.352C0.746649 10.492 0.811976 10.6351 0.936409 10.7066L2.3985 11.5496L0.681322 14.5236C0.202255 15.3542 0.202255 16.3092 0.681322 17.1398L3.002 21.159C3.48106 21.9896 4.30854 22.4686 5.26979 22.4686H10.1756C10.3653 22.4686 10.5177 22.3162 10.5177 22.1264V17.8024C10.5146 17.6157 10.3622 17.4633 10.1724 17.4633ZM3.0331 19.8524L1.26927 16.7976C0.914633 16.1817 0.914633 15.4786 1.26927 14.8627L3.15754 11.5932C3.25086 11.4314 3.19487 11.2199 3.0331 11.1266L2.08119 10.576L6.29014 9.80447L7.72734 13.8361L6.77854 13.2886C6.61677 13.1953 6.40524 13.2513 6.31191 13.413L3.5495 18.1975C3.30686 18.6237 3.12954 19.1992 3.0331 19.8524ZM9.83025 21.7874H5.26667C4.5854 21.7874 3.99746 21.4638 3.6366 20.8977C3.64905 19.9489 3.8357 19.0716 4.14056 18.5428L4.36765 18.1477H9.82714V21.7874H9.83025ZM5.68975 6.52878L9.43518 8.6908C9.51295 8.73746 9.60627 8.74679 9.69338 8.72502C9.78048 8.70013 9.85514 8.64413 9.9018 8.56636L12.6051 3.88146L14.5743 7.29093L13.1184 8.13085C12.994 8.2024 12.9286 8.34238 12.9535 8.48548C12.9784 8.62547 13.0873 8.73746 13.2273 8.76235L18.637 9.75159C18.6588 9.7547 18.6774 9.75781 18.6992 9.75781C18.8423 9.75781 18.973 9.6676 19.0196 9.53072L20.8675 4.3512C20.9141 4.21743 20.8737 4.065 20.7648 3.97479C20.6559 3.88458 20.5004 3.86902 20.3759 3.94057L18.9139 4.7836L17.1967 1.80966C16.7176 0.979067 15.8901 0.5 14.9289 0.5H10.2875C9.3263 0.5 8.50193 0.975956 8.01975 1.80966L5.56531 6.06215C5.46888 6.22391 5.52487 6.43234 5.68975 6.52878ZM14.9258 1.18749C15.635 1.18749 16.2479 1.53901 16.6025 2.15496L18.4908 5.42443C18.5374 5.5022 18.6121 5.56131 18.6992 5.58309C18.7863 5.60797 18.8796 5.59553 18.9574 5.54887L19.9093 4.99825L18.4721 9.02988L14.2632 8.25839L15.212 7.71089C15.3737 7.61756 15.4297 7.40914 15.3364 7.24426L12.574 2.46293
10262C12.3282 2.03986 11.9207 1.59812 11.4012 1.18749H14.9258ZM8.6077 2.15496C8.94678 1.56701 9.52228 1.2186 10.1942 1.1906C11.0124 1.67589 11.675 2.27628 11.9829 2.80512L12.21 3.20019L9.47873 7.92865L6.32435 6.10881L8.6077 2.15496Z" fill="black" stroke="black" stroke-width="0.3"/>
10263</svg>
10264</div>
10265          <span>100% återvunnet silver</span>
10266        </div>
10267
10268        <div class="flex gap-4 items-center">
10269          <div><svg width="16" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
10270  <path d="M21.1885 5.54955H17.0027C17.4845 5.04628 17.7822 4.36808 17.7853 3.62237C17.7914 2.85824 17.4968 2.13708 16.9598 1.59391C16.4197 1.05074 15.7046 0.753069 14.9375 0.753069C14.2378 0.753069 13.5657 1.01085 13.044 1.47423C12.688 1.79031 12.4149 2.20766 12.2523 2.67719L11.5802 4.61972L10.9082 2.67719C10.7455 2.2046 10.4724 1.79031 10.1164 1.47423C9.59473 1.00778 8.92267 0.75 8.22299 0.75C7.45886 0.75 6.74077 1.04767 6.20067 1.59084C5.66363 2.13401 5.36903 2.85211 5.37517 3.6193C5.38131 4.36194 5.67591 5.04014 6.15771 5.54648H1.49625C0.729056 5.54648 0.103027 6.17251 0.103027 6.93971V9.83355C0.103027 10.0821 0.305566 10.2816 0.554136 10.2816H1.06355V21.3568C1.06355 22.124 1.68958 22.75 2.45677 22.75H20.2311C20.9983 22.75 21.6243 22.124 21.6243 21.3568V10.2816H22.1337C22.3823 10.2816 22.5818 10.0791 22.5818 9.83355V6.93971C22.5818 6.17251 21.9557 5.54648 21.1885 5.54648V5.54955ZM13.1023 2.97179C13.2159 2.6465 13.4031 2.3611 13.6424 2.14629C14.0015 1.82714 14.4618 1.65222 14.9405 1.65222C15.4622 1.65222 15.9532 1.85476 16.3215 2.22915C16.6897 2.60047 16.8923 3.09147 16.8861 3.61623C16.88 4.68109 15.99 5.54955 14.9068 5.54955H12.2093L13.0993 2.97486L13.1023 2.97179ZM6.27739 3.61316C6.27432 3.09147 6.47379 2.5974 6.84204 2.22608C7.21029 1.85476 7.7013 1.64915 8.22299 1.64915C8.70171 1.64915 9.16203 1.82407 9.51801 2.14322C9.76044 2.35803 9.94456 2.64343 10.0581 2.96872L10.9481 5.54342H8.25061C7.16733 5.54342 6.28046 4.67802 6.27125 3.61009L6.27739 3.61316ZM1.00218 6.93971C1.00218 6.66658 1.22313 6.44563 1.49625 6.44563H8.25367H10.3374L8.41325 8.04753L8.99018 8.738L11.1291 6.95505V9.38245H1.00218V6.93971ZM1.9627 21.3568V10.2816H11.1322V21.8508H2.4537C2.18365 21.8508 1.95963 21.6299 1.95963 21.3568H1.9627ZM20.7221 21.3568C20.7221 21.6299 20.5011 21.8508 20.228 21.8508H12.0313V10.2816H20.7221V21.3568ZM21.6826 9.38245H12.0344V6.95505L14.1733 8.738L14.7503 8.04753L12.8261 6.44256H21.1885C21.4617 6.44256 21.6826 6.66352 21.6826 6.93664V9.37938V9.38245Z" fill="black"/>
10271</svg>
10272</div>
10273          <span class="mt-1"> Presentinslagning</span>
10274        </div>
10275      </div>
10276    </div>
10277
10278    <div class="md:flex md:w-[60%] md:self-center">
10279      <div class="flex flex-col w-full gap-30 text-default ">
10280  <h1 class="text-center">Missa inte våra senaste nyheter och erbjudanden</h1>
10281
10282  <div>
10283    <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
10284      <input type="hidden" name="contact[tags]" value="newsletter">
10285      <div
10286        class="newsletter-form__field-wrapper"
10287        
10288      >
10289        <div class="field flex pt-20 pb-10 border-b border-grey">
10290          <input
10291            id="-NewsletterForm-md---sections--28929187807614__footer"
10292            type="email"
10293            name="contact[email]"
10294            class="flex-1 bg-transparent placeholder-black field__input "
10295            value=""
10296            aria-required="true"
10297            autocorrect="off"
10298            autocapitalize="off"
10299            autocomplete="email"
10300            
10301            placeholder="E-post"
10302            required
10303          >
10304
10305          <button
10306            type="submit"
10307            class="newsletter-form__button field__button"
10308            name="commit"
10309            id="Subscribe-md"
10310            aria-label="Skicka"
10311            x-disabled="loading"
10312          >
10313            Skicka
10314          </button>
10315        </div></div></form>
10316  </div>
10317</div>
10318
10319    </div>
10320
10321    <div class="px-30">
10322      <div class="flex justify-between items-center">
10323  <svg
10324    class="sc-87b1da79-0 kllSJL"
10325    width="49.63"
10326    height="12"
10327    viewBox="0 0 91 22"
10328    fill="none"
10329    xmlns="http://www.w3.org/2000/svg"
10330  >
10331    <path  opacity=".7" d="M82.2782 17.9579C80.1693 17.9579 78.5256 16.23 78.5256 14.1318C78.5256 12.0337 80.1693 10.3057 82.2782 10.3057C84.3871 10.3057 86.0308 12.0337 86.0308 14.1318C86.0308 16.23 84.3871 17.9579 82.2782 17.9579ZM81.2238 22C83.0225 22 85.3176 21.3212 86.5891 18.6676L86.7131 18.7293C86.1549 20.1795 86.1549 21.0435 86.1549 21.2595V21.5989H90.6828V6.6648H86.1549V7.00421C86.1549 7.2202 86.1549 8.08415 86.7131 9.53436L86.5891 9.59607C85.3176 6.9425 83.0225 6.26367 81.2238 6.26367C76.9129 6.26367 73.8736 9.65778 73.8736 14.1318C73.8736 18.6059 76.9129 22 81.2238 22ZM65.9963 6.26367C63.9494 6.26367 62.3367 6.97335 61.0341 9.59607L60.9101 9.53436C61.4683 8.08415 61.4683 7.2202 61.4683 7.00421V6.6648H56.9404V21.5989H61.5924V13.7307C61.5924 11.6634 62.8019 10.3675 64.7557 10.3675C66.7096 10.3675 67.671 11.4783 67.671 13.6999V21.5989H72.323V12.0954C72.323 8.70126 69.6558 6.26367 65.9963 6.26367ZM50.2105 9.59607L50.0864 9.53436C50.6447 8.08415 50.6447 7.2202 50.6447 7.00421V6.6648H46.1168V21.5989H50.7687L50.7998 14.4095C50.7998 12.3114 51.9162 11.0463 53.746 11.0463C54.2422 11.0463 54.6454 11.108 55.1106 11.2314V6.6648C53.0637 6.23282 51.2339 7.00421 50.2105 9.59607ZM35.4172 17.9579C33.3083 17.9579 31.6646 16.23 31.6646 14.1318C31.6646 12.0337 33.3083 10.3057 35.4172 10.3057C37.5261 10.3057 39.1698 12.0337 39.1698 14.1318C39.1698 16.23 37.5261 17.9579 35.4172 17.9579ZM34.3627 22C36.1615 22 38.4565 21.3212 39.728 18.6676L39.8521 18.7293C39.2938 20.1795 39.2938 21.0435 39.2938 21.2595V21.5989H43.8218V6.6648H39.2938V7.00421C39.2938 7.2202 39.2938 8.08415 39.8521 9.53436L39.728 9.59607C38.4565 6.9425 36.1615 6.26367 34.3627 6.26367C30.0519 6.26367 27.0126 9.65778 27.0126 14.1318C27.0126 18.6059 30.0519 22 34.3627 22ZM20.5308 21.5989H25.1828V0H20.5308V21.5989ZM17.1193 0H12.3743C12.3743 3.85694 9.98628 7.31276 6.35772 9.78121L4.93111 10.7686V0H0V21.5989H4.93111V10.892L13.0876 21.5989H19.1042L11.2578 11.3548C14.8243 8.79383 17.1503 4.81346 17.1193 0Z" fill="#8B8B8B"></path>
10332  </svg>
10333
10334  <svg xmlns="http://www.w3.org/2000/svg" width="63" height="16" fill="none">
10335    <g fill="#8B8B8B" clip-path="url(#a)" opacity=".7">
10336      <path d="M23.711 4.043h-3.355a.462.462 0 0 0-.461.381l-1.357 8.338a.274.274 0 0 0 .277.313h1.601c.23 0 .425-.162.461-.382l.366-2.249a.461.461 0 0 1 .46-.381h1.063c2.21 0 3.486-1.037 3.819-3.09.15-.9.006-1.605-.428-2.1-.477-.543-1.323-.83-2.446-.83Zm.387 3.045c-.183 1.167-1.103 1.167-1.993 1.167H21.6l.355-2.179a.277.277 0 0 1 .276-.229h.232c.607 0 1.178 0 1.474.335.176.2.23.496.162.906Zm9.644-.038h-1.607a.277.277 0 0 0-.276.23l-.072.435-.112-.158c-.348-.49-1.
10336124-.653-1.898-.653-1.776 0-3.292 1.304-3.588 3.132-.153.912.065 1.783.6 2.392.489.559 1.19.792 2.023.792 1.43 0 2.224-.892 2.224-.892l-.072.433a.274.274 0 0 0 .276.314h1.448c.23 0 .424-.162.46-.382l.869-5.33a.273.273 0 0 0-.275-.312Zm-2.24 3.031c-.155.89-.884 1.487-1.813 1.487-.467 0-.84-.145-1.08-.42-.237-.273-.327-.661-.251-1.094.144-.882.885-1.498 1.8-1.498.457 0 .828.146 1.072.424.245.28.342.67.272 1.101ZM42.3 7.05h-1.615a.472.472 0 0 0-.386.199l-2.227 3.179-.945-3.055a.466.466 0 0 0-.447-.322h-1.587a.273.273 0 0 0-.265.358l1.778 5.058-1.672 2.287c-.131.18.001.428.229.428h1.612a.47.47 0 0 0 .383-.194l5.371-7.512c.129-.18-.003-.425-.23-.425Zm5.346-3.007h-3.357a.462.462 0 0 0-.46.381l-1.357 8.338a.273.273 0 0 0 .276.313h1.722c.16 0 .297-.113.322-.267l.385-2.364a.461.461 0 0 1 .46-.381H46.7c2.211 0 3.486-1.037 3.82-3.09.15-.9.006-1.605-.428-2.1-.477-.543-1.322-.83-2.445-.83Zm.387 3.045c-.183 1.167-1.103 1.167-1.993 1.167h-.506l.355-2.179a.276.276 0 0 1 .276-.229h.232c.606 0 1.178 0 1.473.335.176.2.23.496.163.906Zm9.642-.038H56.07a.276.276 0 0 0-.276.23l-.071.435-.113-.158c-.348-.49-1.
10336123-.653-1.898-.653-1.775 0-3.291 1.304-3.587 3.132-.153.912.065 1.783.598 2.392.491.559 1.19.792 2.024.792 1.431 0 2.224-.892 2.224-.892l-.071.433a.274.274 0 0 0 .276.314h1.447a.46.46 0 0 0 .46-.382l.87-5.33a.274.274 0 0 0-.278-.312Zm-2.24 3.031c-.154.89-.883 1.487-1.812 1.487-.466 0-.84-.145-1.08-.42-.237-.273-.326-.661-.252-1.094.146-.882.886-1.498 1.801-1.498.456 0 .827.146 1.072.424.246.28.343.67.272 1.101Zm4.135-5.809-1.377 8.49a.273.273 0 0 0 .275.313h1.385a.46.46 0 0 0 .46-.382l1.359-8.337a.274.274 0 0 0-.276-.313h-1.55a.278.278 0 0 0-.276.229ZM4.603 14.695l.257-1.58-.572-.012h-2.73L3.455 1.45a.153.153 0 0 1 .053-.092.158.158 0 0 1 .101-.036h4.603c1.528 0 2.582.308 3.132.916.258.286.423.584.502.912.084.344.085.755.004 1.257l-.006.036v.322l.258.142c.217.111.39.24.522.386.221.244.364.554.425.921.062.378.041.828-.06 1.337-.119.586-.309 1.096-.566 1.513a3.153 3.153 0 0 1-.896.951 3.69 3.69 0 0 1-1.206.527 6.197 6.197 0 0 1-1.507.17h-.358c-.256 0-.505.089-.7.249a1.043 1.043 0 0 0-.365.631l-.027.142-.454 2.784-.02.102c-.006.033-.015.049-.029.06a.077.077 0 0 1-.047.
10336016H4.603Z"/>
10337      <path d="M12.346 4.48c-.013.085-.03.172-.047.261-.607 3.02-2.683 4.063-5.335 4.063h-1.35a.65.65 0 0 0-.648.538l-.692 4.248-.196 1.205a.338.338 0 0 0 .341.387h2.395c.284 0 .525-.2.57-.47l.023-.119.45-2.773.03-.152a.57.57 0 0 1 .569-.471h.358c2.32 0 4.137-.913 4.668-3.555.222-1.103.107-2.025-.48-2.673a2.282 2.282 0 0 0-.656-.49Z"/>
10338      <path d="M11.711 4.234a4.938 4.938 0 0 0-.59-.127 7.734 7.734 0 0 0-1.19-.084H6.324a.588.588 0 0 0-.25.055.56.56 0 0 0-.319.417l-.767 4.71-.022.137a.65.65 0 0 1 .648-.538h1.35c2.652 0 4.728-1.044 5.335-4.063a5.81 5.81 0 0 0 .047-.261 3.292 3.292 0 0 0-.635-.246Z"/>
10339      <path d="M5.755 4.495a.558.558 0 0 1 .32-.417.59.59 0 0 1 .249-.054H9.93c.427 0 .826.027 1.19.084a4.914 4.914 0 0 1 .727.168c.179.057.345.125.499.204.18-1.116-.002-1.876-.624-2.564-.687-.757-1.926-1.082-3.51-1.082H3.61c-.324 0-.6.229-.65.54L1.043 13.146a.387.387 0 0 0 .39.443h2.841l.714-4.386.767-4.71Z"/>
10340    </g>
10341    <defs>
10342      <clipPath id="a">
10343        <path fill="#fff" d="M.5.8h62v15H.5z"/>
10344      </clipPath>
10345    </defs>
10346  </svg>
10347
10348  <svg xmlns="http://www.w3.org/2000/svg" width="49" height="14" fill="none">
10349    <g fill="#8B8B8B" clip-path="url(#a)" opacity=".7">
10350      <path d="M4.721 5.262c-.778 0-1.59.332-2.07.824l-.082.08-.096.11v-5.21H.897v12.117h1.576v-.863l.096.12.081.08c.476.498 1.274.824 2.071.824 2.07 0 3.82-1.651 3.82-4.04 0-2.39-1.754-4.042-3.82-4.042Zm-.082 6.601c-1.35 0-2.306-1.154-2.306-2.555 0-1.4.956-2.56 2.306-2.56 1.514 0 2.306 1.155 2.306 2.56 0 1.406-.792 2.555-2.306 2.555Zm9.579-1.792c-.049.975-.83 1.761-1.756 1.761-1.071 0-1.568-.602-1.597-1.68V5.288H9.268v4.866c0 1.848 1.12 3.19 3.034 3.19.637 0 1.438-.336 1.756-.836l.082-.113.082-.112v.899h1.597V5.29h-1.597v4.78h-.004ZM37.01 5.287c-2.105 0-3.72 1.646-3.72 4.028 0 2.382 1.698 4.029 3.72 4.029 1.537 0 2.665-.82 3.314-1.972l-1.357-.655c-.244.655-.903 1.15-1.875 1.15-1.377 0-2.182-.985-2.182-2.136h5.658v-.496c-.005-2.387-1.62-3.948-3.559-3.948Zm-2.022 2.992c.244-.855.889-1.511 2.021-1.511.972 0 1.777.656 1.86 1.511h-3.881Zm9.664-2.992c-2.104 0-3.72 1.646-3.72 4.028 0 2.382 1.7 4.029 3.72 4.029 1.538 0 2.666-.82 3.315-1.972l-1.357-.655c-.244.655-.903 1.15-1.875 1.15-1.372 0-2.182-.985-2.182-2.136h5.658v-.496c-.005-2.387-1.62-3.948-3.559-3.948Zm-2.02 2.992c.243-.855.888-1.511 2.02-1.511.972 0 1.777.656 1.86 1.511h-3.88Zm-13.89-3.017c-.778 0-1.59.332-2.07.824l-.082.08-.096.11v-5.21h-1.576v12.117h1.576v-.863l.096.12.082.08c.475.498 1.273.824 2.07.824 2.07 0 3.82-1.651 3.82-4.04 0-2.39-1.754-4.042-3.82-4.042Zm-.082 6.601c-1.35 0-2.305-1.154-2.305-2.555 0-1.4.956-2.56 2.305-2.56 1.514 0 2.306 1.155 2.306 2.56 0 1.406-.792 2.555-2.306 2.555Zm-12.113-2.56c0 2.394 1.749 4.04 3.82 4.04.797 0 1.59-.33 2.07-.822l.081-.08.096-.121v.863h1.576V1.066h-1.585v5.21l-.096-.11-.082-.08c-.475-.497-1.287-.824-2.07-.824-2.061 0-3.81 1.647-3.81 4.041Zm1.59 0c0-1.4.798-2.56 2.306-2.56 1.35 0 2.306 1.155 2.306 2.56 0 1.406-.956 2.555-2.306 2.555-1.513.005-2.306-1.15-2.306-2.555Z"/>
10351    </g>
10352    <defs>
10353      <clipPath id="a">
10354        <path fill="#fff" d="M.5.8h48v13H.5z"/>
10355      </clipPath>
10356    </defs>
10357  </svg>
10358
10359  <svg xmlns="http://www.w3.org/2000/svg" width="57" height="9" fill="none">
10360    <g clip-path="url(#a)">
10361      <path fill="#8B8B8B" d="M18.73 3.483c-.24.307-.645.84-.892 1.152-.125.158-.35.446.398.446h3.94l1.166-1.487c.724-.921.063-2.838-2.525-2.838H10.624L8.856 3.007h9.633c.486 0 .48.174.242.476Zm-2.893 2.153c-.748 0-.522-.288-.397-.447.246-.311.657-.839.898-1.146.238-.302.245-.476-.242-.476H11.69L8.141 8.09h8.656c2.859 0 4.45-1.823 4.941-2.454h-5.901Zm5.63 2.454h5.079l1.925-2.454h-5.077c-.002 0-1.926 2.454-1.926 2.454ZM34.57.756l-1.947 2.48h-2.266l1.946-2.48h-5.076L23.83 5.081h12.42L39.645.756H34.57ZM28.813 8.09h5.076l1.926-2.454h-5.076c-.002 0-1.926 2.454-1.926 2.454ZM.895 6.604v.521h7.072l.409-.521H.896Zm8.24-.968H.896v.52h7.831l.41-.52ZM.896 8.09H7.21l.406-.519H.896v.519Zm47.865-.965h7.453v-.521H49.17l-.41.52Zm-.757.965h8.21v-.52H48.41l-.407.519Zm1.925-2.454-.408.521h6.692v-.52h-6.284Zm-6.648-.555L46.675.756H41.3c-.002 0-3.398 4.325-3.398 4.325h5.379Zm-5.815.555-.55.704c-.638.808-.075 1.75 2.006 1.75h8.152L49 5.636H37.465Z" opacity=".7"/>
10362    </g>
10363    <defs>
10364      <clipPath id="a">
10365        <path fill="#fff" d="M.5.3h56v8H.5z"/>
10366      </clipPath>
10367    </defs>
10368  </svg>
10369
10370  <svg xmlns="http://www.w3.org/2000/svg" width="58" height="12" fill="none">
10371    <g fill="#8B8B8B" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd" opacity=".7">
10372      <path d="M1.12 3.14c.756-.002 1.512-.002 2.269-.01.129-.001.156.05.15.162-.007.128-.001.257-.001.394.028-.006.055-.002.068-.014 1.599-1.394 4.036-.837 4.797 1.132.543 1.403.44 2.765-.59 3.95-1.089 1.25-3.158 1.31-4.19.502-.016-.012-.04-.016-.093-.036v2.214c-.732 0-1.465-.005-2.197.004-.164.002-.219-.022-.219-.203.008-2.699.006-5.397.006-8.095Zm2.357 3.197c-.01.776.535 1.335 1.315 1.349.745.013 1.321-.53 1.333-1.256.014-.839-.498-1.402-1.287-1.414-.798-.012-1.35.525-1.361 1.321Zm53.259 3.274c-.678-.044-1.356-.007-2.034-.019-.07-.001-.14-.007-.209.002-.15.019-.187-.05-.177-.185.01-.126.002-.254.002-.414-.137.113-.248.213-.368.3-1.134.812-2.931.621-3.893-.41-1.203-1.29-1.197-3.637-.015-4.94 1.072-1.18 3.123-1.327 4.196-.487.015.012.04.013.08.027 0-.572.01-1.131-.005-1.69-.004-.17.062-.218.213-.245.644-.118 1.286-.245 1.928-.368.037-.007.078-.004.097-.047.159-.034.19.026.19.182-.006 2.765-.005 5.53-.005 8.294Zm-5.005-3.266c0 .793.534 1.346 1.307 1.35.79.004 1.338-.545 1.342-1.342.002-.775-.548-1.318-1.336-1.318-.78 0-1.313.532-1.313 1.31ZM39.883 2.91c.737.01 1.357.112 1.947.36 1.39.586 2.122 1.834 2 3.32-.144 1.776-1.373 2.807-2.994 3.107-.963.179-1.908.105-2.814-.274-1.431-.599-2.062-1.795-1.987-3.234.107-2.051 1.629-3.016 3.255-3.23.229-.03.46-.039.593-.05Zm-1.287 3.447c0 .773.57 1.34 1.336 1.33.777-.012 1.316-.553 1.317-1.322 0-.801-.544-1.352-1.334-1.349-.778.003-1.32.553-1.32 1.34ZM13.047 2.91c1.011.025 1.956.25 2.752.904.663.545 1.003 1.257 1.078 2.095.085.956-.094 1.845-.746 2.596-.56.643-1.289.997-2.12 1.168-.985.203-1.95.142-2.884-.234-1.55-.624-2.163-1.958-2.013-3.455.168-1.674 1.365-2.674 2.944-2.977.326-.063.656-.097.99-.096Zm-.04 2.106c-.79-.006-1.342.537-1.358 1.335-.015.75.57 1.333 1.34 1.334.763 0 1.322-.55 1.33-1.313.01-.777-.545-1.35-1.312-1.356Zm18.159-1.361c.796-.764 1.733-.888 2.738-.622.912.24 1.34.913 1.509 1.78.045.231.059.465.059.701-.002 1.284-.004 2.567.002 3.85.001.171-.033.236-.225.233a60.474 60.474 0 0 0-1.992 0c-.18.002-.236-.044-.236-.228.005-1.07-.003-2.14-.01-3.211a1.73 1.73 0 0 0-.032-.316c-.113-.577-.348-.77-.908-.748-.54.02-.869.307-.916.836-.054.598-.015 1.2-.02 1.799a61.46 61.46 0 0 0 .002 1.663c.003.162-.05.206-.21.204-.68-.008-1.36-.007-2.04 0-.149 0-.195-.037-.195-.19.006-2.028.006-4.055 0-6.083 0-.169.06-.195.212-.194.664.008 1.328.01 1.992 0 .194-.004.264.05.24.24-.01.085-.023.179.03.286Zm-10.514-.738c.807.027 1.543.088 2.268.255.152.036.182.082.143.229-.123.477-.239.957-.339 1.44-.037.18-.104.185-.263.138-.751-.22-1.514-.362-2.304-.249-.06.009-.12.026-.179.043-.145.042-.258.125-.256.283.002.163.13.234.273.266.52.116 1.054.145 1.57.277.278.07.55.153.808.274.716.335 1.035.882 1.011 1.66-.028.922-.508 1.514-1.34 1.867-.673.284-1.386.356-2.105.371-.9.02-1.785-.098-2.652-.339-.142-.039-.18-.083-.138-.232.142-.503.272-1.01.394-1.52.039-.164.099-.176.249-.119.8.303 1.623.48 2.487.416a1.02 1.02 0 0 0 .337-.075c.12-.053.203-.133.202-.277-.002-.144-.087-.22-.211-.267-.27-.102-.555-.124-.837-.16-.49-.064-.976-.151-1.437-.333a1.837 1.837 0 0 1-.517-3.143c.6-.51 1.332-.676 2.093-.759.268-.029.539-.034.743-.046Zm3.178 2.708c0-1.245.004-2.49-.005-3.736 0-.173.046-.214.218-.211.672.01 1.344.011 2.016-.001.184-.003.217.06.211.22-.01.35.005.7-.006 1.049-.006.156.053.19.2.19.61-.007 1.22 0 1.83-.006.161-.002.212.023.122.183-.317.564-.627 1.132-.934 1.701-.055.103-.122.137-.237.134-.255-.008-.51.009-.764-.006-.176-.011-.219.043-.218.214.007 1.314.004 2.628.004 3.942 0 .294 0 .294-.297.294-.633 0-1.267-.008-1.9.005-.19.004-.246-.042-.245-.235.01-1.245.005-2.49.005-3.737Zm22.996-1.801c.555-.734 1.292-.832 2.086-.772.144.011.214.066.208.227a85.713 85.713 0 0 0-.049 1.842c-.002.146-.049.183-.195.146a2.569 2.569 0 0 0-.85-.069c-.8.067-1.196.483-1.2 1.274-.003.956-.005 1.912.004 2.869.002.19-.033.262-.249.257a57.81 57.81 0 0 0-1.968-.003c-.149.001-.217-.021-.217-.194.007-2.027.006-4.053.001-6.08 0-.146.038-.194.192-.192.687.008 1.374.008 2.061 0 .148-.002.188.046.178.182-.01.15-.002.302-.002.513Z"/>
10373    </g>
10374    <defs>
10375      <clipPath id="a">
10376        <path fill="#fff" d="M.5.8h57v11H.5z"/>
10377      </clipPath>
10378    </defs>
10379  </svg>
10380
10381  <svg xmlns="http://www.w3.org/2000/svg" width="47" height="19" fill="none">
10382    <g fill="#8B8B8B" clip-path="url(#a)" opacity=".7">
10383      <path d="M30.497 7.795h1.545V6.232h-1.545v1.563Zm0 7.353h1.545v-6.74h-1.545v6.74Zm12.148-1.41c-1.148 0-1.38-.43-1.38-2.005 0-1.577.232-2.061 1.38-2.061 1.327 0 1.683.374 1.683 2.06 0 1.688-.356 2.006-1.683 2.006Zm1.819-5.33v.531c-.519-.47-1.367-.65-2.078-.65-2.297 0-2.666 1.397-2.666 3.444 0 1.618.15 3.415 2.68 3.415.642 0 1.435-.152 1.914-.595 0 .346.014.833-.027 1.179-.083.636-.725.912-1.614.912-.861 0-1.134-.245-1.134-.73h-1.683c0 1.716 1.518 2.058 2.858 2.058 1.231 0 2.844-.332 3.09-1.936.055-.374.055-.984.055-1.607V8.407h-1.395Zm-8.151-.119c-.943 0-1.545.304-1.928.65v-.532h-1.34v6.741h1.545V12.01c0-1.175-.123-2.337 1.545-2.337 1.34 0 1.217.622 1.217 1.922v3.554h1.546V11.47c0-1.466.109-3.181-2.585-3.181Zm-8.717 0c-.78 0-1.395.249-1.832.72v-.602h-1.34v6.741h1.545v-2.931c0-.526-.027-1.273.15-1.757.164-.456.561-.802 1.204-.802.643 0 .898.139.898.76h1.535c0-1.479-.724-2.129-2.16-2.129Zm-6.912 5.56c-1.327 0-1.71-.374-1.71-2.061 0-1.688.383-2.06 1.71-2.06 1.148 0 1.394.483 1.394 2.06 0 1.576-.246 2.06-1.394 2.06Zm.341-5.56c-.724 0-1.518.083-2.024.609v-2.67h-1.545v8.92h1.395v-.539c.41.373 1.04.65 1.928.65 2.666 0 2.844-1.825 2.844-3.471 0-2.047-.314-3.499-2.598-3.499Z"/>
10384      <path d="M4.914 12.254c-1.986 0-3.614-1.565-3.768-3.554h-.61c.159 4.124 3.479 7.418 7.553 7.418 2.677 0 5.028-1.422 6.372-3.566A7.804 7.804 0 0 0 15.643 8.7H8.681c-.154 1.99-1.781 3.554-3.767 3.554Z" opacity=".7"/>
10385      <path d="M1.146 8.082C1.3 6.093 2.928 4.528 4.914 4.528c1.986 0 3.613 1.565 3.767 3.554h6.962C15.484 3.958 12.164.664 8.09.664 4.015.664.695 3.958.536 8.082h.61Z"/>
10386    </g>
10387    <defs>
10388      <clipPath id="a">
10389        <path fill="#fff" d="M.5.3h46v18H.5z"/>
10390      </clipPath>
10391    </defs>
10392  </svg>
10393
10394  <svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" fill="none">
10395    <g clip-path="url(#a)" opacity=".7">
10396      <path fill="#fff" d="m1.828 7.66.09 9.493 2.27 2.634 6.814 3.388 8.371-3.848 1.737-3.889-.178-12.587-6.323-.167-6.59 1.003L2.006 6.95l-.179.711Z"/>
10397      <path fill="#8B8B8B" d="M11.583.8c-3.968 0-7.43.722-10.29 2.145V14.32c0 2.394.958 4.396 2.77 5.79 1.682 1.296 6.883 3.43 7.52 3.69.605-.247 5.868-2.415 7.523-3.69 1.81-1.394 2.768-3.396 2.768-5.79V2.945C19.014 1.522 15.554.8 11.584.8Zm5.876 2.203a46.49 46.49 0 0 1 3.47.181V14.32c0 2.14-.828 3.869-2.423 5.103-1.425 1.102-5.723 2.91-6.923 3.407-1.215-.503-5.524-2.334-6.923-3.406-1.586-1.213-2.421-2.983-2.421-5.103V7.814C6.797 3.888 12.33 2.94 17.459 3.003Zm-5.607 5.185c-.977 0-1.765.205-2.413.598v10.957h1.79v-3.54a3 3 0 0 0 .806.096c1.987 0 3.129-1.682 3.129-4.137 0-2.45-1.176-3.974-3.313-3.974Zm6.119 0c-1.178.032-2.41.834-2.402 2.192.003.894.267 1.563 1.743 2.376.787.435 1.105.72 1.118 1.248.015.587-.416.94-1.
10397073.938-.571-.004-1.254-.302-1.711-.684v1.548c.56.313 1.26.521 1.967.521 1.77 0 2.56-1.174 2.593-2.249.034-.98-.254-1.722-1.75-2.547-.668-.368-1.195-.61-1.178-1.222.018-.597.546-.807 1.053-.803.625.005 1.23.33 1.604.69v-1.46c-.315-.228-.981-.575-1.964-.547Zm-14.818.17v5.285c0 1.782.898 2.684 2.669 2.684 1.096 0 2.014-.238 2.698-.675V8.358H6.733v6.337c-.195.126-.484.206-.848.206-.82 0-.942-.706-.942-1.183v-5.36h-1.79Zm8.71 1.184c1.04 0 1.47.78 1.47 2.663 0 1.838-.493 2.725-1.523 2.725-.242 0-.453-.056-.581-.101V9.664c.145-.068.392-.122.635-.122Z"/>
10398    </g>
10399    <defs>
10400      <clipPath id="a">
10401        <path fill="#fff" d="M.5.8h22v23H.5z"/>
10402      </clipPath>
10403    </defs>
10404  </svg>
10405</div>
10406
10407    </div>
10408  </div>
10409</footer>
10410
10411
10412</div>
10413<!-- END sections: footer-group --><!-- BEGIN sections: overlay-group -->
10414<div id="shopify-section-sections--28929187873150__cart-drawer" class="shopify-section shopify-section-group-overlay-group">
10415  <div
10416    class="fixed inset-0 overflow-hidden z-[600]"
10417    x-ignore
10418    x-cloak
10419    ax-load
10420    x-data="overlay"
10421    x-show="isOpen"
10422    @updated-cart.window="update"
10423    @toggle-cart.window="toggle"
10424    @open-cart.window="open"
10425    aria-labelledby="slide-over-title"
10426    role="dialog"
10427    aria-modal="true"
10428  >
10429    <div
10430      class="absolute inset-0 overflow-hidden"
10431    >
10432      <div
10433        class="absolute inset-0 w-full bg-backdrop"
10434        x-transition:enter="transform opacity ease-in-out duration-ss"
10435        x-transition:enter-start="opacity-0"
10436        x-transition:enter-end="opacity-100"
10437        x-transition:leave="transform opacity ease-in-out duration-ss"
10438        x-transition:leave-start=""
10439        x-transition:leave-end="opacity-0"
10440        x-show="isOpen"
10441        @click="toggle"
10442        aria-hidden="true"
10443        x-cloak
10444      ></div>
10445      <div
10446        class="cart-wrapper w-full max-w-full lg:w-[25%] lg:min-w-[400px] lg:max-w-[520px] fixed inset-y-0 right-0 lg:inset-y-0 lg:right-0 flex"
10447      >
10448        <div
10449          class="relative cartDrawer w-full bg-white"
10450          x-transition:enter="transform opacity ease-in-out duration-ss"
10451          x-transition:enter-start="opacity-0"
10452          x-transition:enter-end="opacity-100"
10453          x-transition:leave="transform opacity ease-in-out duration-ss"
10454          x-transition:leave-start=""
10455          x-transition:leave-end="opacity-0"
10456          x-show="isOpen"
10457          x-cloak
10458        >
10459          <div
10460            class="h-full relative"
10461            style="min-height: -webkit-fill-available;"
10462          >
10463            <div
10464              id="cart-items"
10465              class="flex flex-col h-full"
10466              ax-load
10467              x-data="cart(0)"
10468              @cart-update.window="onCartUpdate($event.detail)"
10469            >
10470              
10471              
10472<div class="p-guttersm flex items-center justify-between text-medium-bold">
10473  <h4 class="relative">
10474    Varukorg
10475  </h4>
10476  <button
10477    type="button"
10478    @click="$dispatch('toggle-cart')"
10479    class="flex items-center justify-center gap-6 min-w-[44px] min-h-[44px] text-small shrink-0"
10480    aria-label="Fortsätt handla"
10481  >
10482    <span>Fortsätt handla</span>
10483    <svg
10484  xmlns="http://www.w3.org/2000/svg"
10485  width="14px"
10486  height="14px"
10487  viewBox="0 0 11 12"
10488  fill="none"
10489>
10490  <path d="M1.5 1.5L8.61876 8.61876" stroke="black" stroke-linecap="square" />
10491  <path d="M1.5 8.62109L8.61876 1.50233" stroke="black" stroke-linecap="square"/>
10492</svg>
10493
10494  </button>
10495</div>
10496
10497
10498<div
10499  id="cart-items"
10500  class="flex flex-col justify-between overflow-scroll no-scrollbar relative flex-1 p-guttersm"
10501>
10502  <form
10503    id="cart-form"
10504    action="/cart"
10505    method="post"
10506  >
10507    <div class="live-contents"><div class="flex flex-col justify-center">
10508          <h2 class="pt-5 pb-[42px] text-center">Inga smycken i din varukorg än</h2>
10509          <ul class="flex flex-col gap-4 text-small"><li>
10510                <a href="/collections/halsband" class="flex justify-between items-center py-5 w-full">
10511                  Halsband
10512                  <span>
10513
10514    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
10515      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
10516    </svg>
10517  
10518</span>
10519                </a>
10520              </li><li>
10521                <a href="/collections/orhangen" class="flex justify-between items-center py-5 w-full">
10522                  Örhängen
10523                  <span>
10524
10525    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
10526      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
10527    </svg>
10528  
10529</span>
10530                </a>
10531              </li><li>
10532                <a href="/collections/armband" class="flex justify-between items-center py-5 w-full">
10533                  Armband
10534                  <span>
10535
10536    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
10537      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
10538    </svg>
10539  
10540</span>
10541                </a>
10542              </li><li>
10543                <a href="/collections/berlocker" class="flex justify-between items-center py-5 w-full">
10544                  Berlocker
10545                  <span>
10546
10547    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
10548      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
10549    </svg>
10550  
10551</span>
10552                </a>
10553              </li><li>
10554                <a href="/collections/ringar" class="flex justify-between items-center py-5 w-full">
10555                  Ringar
10556                  <span>
10557
10558    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
10559      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
10560    </svg>
10561  
10562</span>
10563                </a>
10564              </li><li>
10565                <a href="/collections/smyckeskrin" class="flex justify-between items-center py-5 w-full">
10566                  Smyckeskrin
10567                  <span>
10568
10569    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
10570      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
10571    </svg>
10572  
10573</span>
10574                </a>
10575              </li><li>
10576                <a href="/collections/accessoarer" class="flex justify-between items-center py-5 w-full">
10577                  Accessoarer
10578                  <span>
10579
10580    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
10581      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
10582    </svg>
10583  
10584</span>
10585                </a>
10586              </li></ul>
10587        </div><ul class="grid gap-gutter"></ul>
10588    </div>
10589    
10590      <div class="w-full border-t border-[0.5px border-[#E1DFDD] text-grey text-[11px] mt-24">
10591        <p class="pt-8">Presentinslagning finns tillgänglig i kassan</p>
10592      </div>
10593    
10594    
10595  </form>
10596
10597  
10598</div>
10599
10600
10601
10602<div
10603  id="cart-footer"
10604  data-id="sections--28929187873150__cart-drawer"
10605  class="bg-white p-guttersm"
10606>
10607  <div class="live-content">
10608    <div class="live-contents">
10609      
10610        
10611        
10612        <div class="mb-12">
10613          
10614            <div class="relative h-[3px] bg-lightgrey mb-8">
10615              <div class="absolute top-0 left-0 h-[3px] bg-black" style="width: 0.0%"></div>
10616              
10617            </div>
10618
10619            <span>
10620              Du är <strong style="font-weight: 500;">600 kr</strong>  från fri frakt
10621            </span>
10622          
10623        </div>
10624
10625        <div class="flex justify-between mb-6">
10626          <span>Frakt</span>
10627
10628          <span>
10629            Från 59 kr
10630          </span>
10631        </div>
10632      
10633</div>
10634  </div>
10635</div>
10636
10637
10638            </div>
10639          </div>
10640        </div>
10641      </div>
10642    </div>
10643  </div>
10644</div><div id="shopify-section-sections--28929187873150__search-drawer" class="shopify-section shopify-section-group-overlay-group"><link href="//systerp.com/cdn/shop/t/296/assets/search.css?v=51104617958324316531785742075" rel="stylesheet" type="text/css" media="all" />
10645<link href="//systerp.com/cdn/shop/t/296/assets/component-card.css?v=143910449619904177371785741852" rel="stylesheet" type="text/css" media="all" />
10646<link href="//systerp.com/cdn/shop/t/296/assets/component-price.css?v=126078836441549380921785741853" rel="stylesheet" type="text/css" media="all" />
10647
10648<div
10649  class="fixed inset-0 overflow-hidden z-[500]"
10650  x-ignore
10651  x-cloak
10652  ax-load
10653  x-data="overlay"
10654  x-show="isOpen"
10655  @toggle-search.window="toggle;
10655 $dispatch('focus-search');"
10656  aria-labelledby="slide-over-title"
10657  role="dialog"
10658  aria-modal="true"
10659>
10660  <div
10661    class="absolute inset-0 overflow-hidden"
10662  >
10663    <div
10664      class="absolute inset-0 w-full bg-backdrop backdrop-blur-"
10665      x-transition:enter="transform opacity ease-in-out duration-ss"
10666      x-transition:enter-start="opacity-0"
10667      x-transition:enter-end="opacity-100"
10668      x-transition:leave="transform opacity ease-in-out duration-ss"
10669      x-transition:leave-start=""
10670      x-transition:leave-end="opacity-0"
10671      x-show="isOpen"
10672      @click="toggle"
10673      aria-hidden="true"
10674      x-cloak
10675    ></div>
10676
10677    <div
10678      class="search-wrapper w-full max-w-full fixed right-0 bottom-0 flex bg-white overflow-y-auto no-scrollbar"
10679      style="top: calc(var(--header-offset-height, 56px) + var(--announcement-bar-height, 0px));"
10680      x-transition:enter="transform transition ease-in-out duration-ss"
10681      x-transition:enter-start="translate-x-full"
10682      x-transition:enter-end="translate-x-0"
10683      x-transition:leave="transform transition ease-in-out duration-500"
10684      x-transition:leave-start="translate-x-0"
10685      x-transition:leave-end="translate-x-full"
10686      x-show="isOpen"
10687      x-cloak
10688    >
10689      <button
10690        type="button"
10691        @click="toggle"
10692        class="absolute top-guttersm right-guttersm p-4 z-10"
10693      >
10694        <svg
10695  xmlns="http://www.w3.org/2000/svg"
10696  width="14px"
10697  height="14px"
10698  viewBox="0 0 11 12"
10699  fill="none"
10700>
10701  <path d="M1.5 1.5L8.61876 8.61876" stroke="black" stroke-linecap="square" />
10702  <path d="M1.5 8.62109L8.61876 1.50233" stroke="black" stroke-linecap="square"/>
10703</svg>
10704
10705        <span
10706          class="sr-only fixed"
10707        >Stäng</span>
10708      </button>
10709      <div class="relative w-full">
10710        <div
10711          class="h-full"
10712          style="min-height: -webkit-fill-available;"
10713        >
10714          <div class="text-secondary-14-125">
10715            <div
10716              ax-load
10717              x-data="search"
10718              @focus-search.window="focus"
10719            >
10720              <form
10721                id="search"
10722                action="/search"
10723                method="get"
10724                role="search"
10725                class="px-guttersm"
10726              >
10727                <div>
10728                  <input
10729                    class="w-full py-14 pr-20 border-lightgrey border-b"
10730                    id=""
10731                    type="search"
10732                    name="q"
10733                    
10734                    x-model="searchTerm"
10735                    x-ref="input"
10736                    value=""
10737                    placeholder="Skriv för att söka"
10738                    role="combobox"
10739                    aria-expanded="false"
10740                    aria-owns="predictive-search-results"
10741                    aria-controls="predictive-search-results"
10742                    aria-haspopup="listbox"
10743                    aria-autocomplete="list"
10744                    autocorrect="off"
10745                    autocomplete="off"
10746                    autocapitalize="off"
10747                    spellcheck="false"
10748                  >
10749                  <input type="hidden" name="options[prefix]" value="last">
10750                </div>
10751
10752                
10753              </form>
10754            </div>
10755          </div>
10756        </div>
10757      </div>
10758    </div>
10759  </div>
10760</div>
10761
10762
10763</div><div id="shopify-section-sections--28929187873150__newsletter-drawer" class="shopify-section shopify-section-group-overlay-group"><div
10764  class="fixed inset-0 overflow-hidden z-[500]"
10765  x-ignore
10766  x-cloak
10767  ax-load
10768  x-data="overlay"
10769  x-show="isOpen"
10770  @toggle-newsletter.window="toggle"
10771  aria-labelledby="slide-over-title"
10772  role="dialog"
10773  aria-modal="true"
10774>
10775  <div
10776    class="absolute inset-0 overflow-hidden"
10777  >
10778    <div
10779      class="absolute inset-0 w-full bg-backdrop"
10780      x-transition:enter="transform opacity ease-in-out duration-ss"
10781      x-transition:enter-start="opacity-0"
10782      x-transition:enter-end="opacity-100"
10783      x-transition:leave="transform opacity ease-in-out duration-ss"
10784      x-transition:leave-start=""
10785      x-transition:leave-end="opacity-0"
10786      x-show="isOpen"
10787      @click="toggle"
10788      aria-hidden="true"
10789      x-cloak
10790    ></div>
10791    <div
10792      class="cart-wrapper w-full max-w-full lg:w-[25%] lg:min-w-[400px] lg:max-w-[520px] fixed inset-y-0 right-0 lg:inset-y-0 lg:right-0 flex"
10793    >
10794      <div
10795        class="relative w-full h-full bg-white"
10796        x-transition:enter="transform opacity ease-in-out duration-ss"
10797        x-transition:enter-start="opacity-0"
10798        x-transition:enter-end="opacity-100"
10799        x-transition:leave="transform opacity ease-in-out duration-ss"
10800        x-transition:leave-start=""
10801        x-transition:leave-end="opacity-0"
10802        x-show="isOpen"
10803        x-cloak
10804      >
10805        <div
10806          class="relative h-full"
10807        >
10808          <button
10809            type="button"
10810            @click="toggle"
10811            class="absolute top-guttersm right-guttersm p-4 z-10"
10812          >
10813            <svg
10814  xmlns="http://www.w3.org/2000/svg"
10815  width="10px"
10816  height="10px"
10817  viewBox="0 0 11 12"
10818  fill="none"
10819>
10820  <path d="M1.5 1.5L8.61876 8.61876" stroke="black" stroke-linecap="square" />
10821  <path d="M1.5 8.62109L8.61876 1.50233" stroke="black" stroke-linecap="square"/>
10822</svg>
10823
10824            <span
10825              class="sr-only fixed"
10826            >Stäng</span>
10827          </button>
10828          <div class="w-full p-guttersm flex justify-between flex-col">
10829            <h2 class="text-default-bold-spaced uppercase">Nyhetsbrev</h2>
10830            <p class="mt-gutterlg pb-gutter px-guttersm lg:mb-16 text-small">
10831              Signa upp dig för att få senaste nytt, inspiration och förtur till event och erbjudanden.
10832            </p>
10833            <div
10834              ax-load
10835              x-data="contactForm"
10836              class="px-guttersm"
10837            >
10838              <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
10839                <div class="field flex pt-20 pb-10 border-b border-grey text-small">
10840                  <input
10841                    id="NewsletterForm-drawer--sections--28929187873150__newsletter-drawer"
10842                    type="email"
10843                    name="contact[email]"
10844                    class="flex-1 bg-transparent placeholder-black field__input "
10845                    value=""
10846                    aria-required="true"
10847                    autocorrect="off"
10848                    autocapitalize="off"
10849                    autocomplete="email"
10850                    autofocus
10851                    
10852                    placeholder="E-post"
10853                    required
10854                  >
10855
10856                  <button
10857                    type="submit"
10858                    class="newsletter-form__button field__button"
10859                    name="commit"
10860                    id="Subscribe"
10861                    aria-label="Skicka"
10862                  >
10863                    Skicka
10864                  </button>
10865                </div>
10866              </form>
10867              <h3
10868                class="pt-10 text-small"
10869                id="Newsletter-success--sections--28929187873150__newsletter-drawer"
10870                tabindex="-1"
10871                autofocus
10872                x-cloax
10873                x-show="hasSent"
10874              >Tack för din prenumeration
10875              </h3>
10876            </div>
10877          </div>
10878        </div>
10879      </div>
10880    </div>
10881  </div>
10882</div>
10883
10884</div><div id="shopify-section-sections--28929187873150__country-selector" class="shopify-section shopify-section-group-overlay-group"><div
10885  class="fixed inset-0 overflow-hidden z-[500]"
10886  x-ignore
10887  x-cloak
10888  ax-load
10889  x-data="overlay"
10890  x-show="isOpen"
10891  @toggle-country-selector.window="toggle"
10892  aria-labelledby="slide-over-title"
10893  role="dialog"
10894  aria-modal="true"
10895>
10896  <div
10897    class="absolute inset-0 overflow-hidden"
10898  >
10899    <div
10900      class="fixed inset-0 w-full bg-backdrop"
10901      x-transition.opacity
10902      x-show="isOpen"
10903      @click="toggle"
10904      aria-hidden="true"
10905      x-show="isOpen"
10906      x-cloak
10907    ></div>
10908    <div
10909      class="flex items-end lg:items-center justify-center h-screen "
10910      x-transition:enter="transition ease-in-out duration-ss"
10911      x-transition:enter-start="opacity-0"
10912      x-transition:enter-end="opacity-100"
10913      x-transition:leave="transition ease-in-out duration-ss"
10914      x-transition:leave-start="opacity-100"
10915      x-transition:leave-end="opacity-0"
10916      x-show="isOpen"
10917      x-cloak
10918    >
10919      <div
10920        class="relative bg-sand rounded w-full max-md:h-[65%] lg:max-w-[568px]"
10921        x-data="countrySelector()"
10922        ax-load
10923      >
10924        <div
10925          class="p-30 relative text-secondary-14-125 bg-white h-full w-full"
10926        >
10927          <div class="mb-16">
10928            <h2 class="my-24 -mt-6 text-center text-default-bold-spaced uppercase">
10929              Land/Region
10930            </h2>
10931            <button
10932              type="button"
10933              @click="$dispatch('toggle-country-selector')"
10934              class="absolute top-16 right-16 z-10 w-32 h-24 flex items-center justify-center"
10935            >
10936              <svg
10937  xmlns="http://www.w3.org/2000/svg"
10938  width="100%"
10939  height="11.31"
10940  viewBox="0 0 11 12"
10941  fill="none"
10942>
10943  <path d="M1.5 1.5L8.61876 8.61876" stroke="black" stroke-linecap="square" />
10944  <path d="M1.5 8.62109L8.61876 1.50233" stroke="black" stroke-linecap="square"/>
10945</svg>
10946
10947              <span
10948                class="sr-only fixed"
10949              >Stäng</span>
10950            </button>
10951          </div>
10952          <div class="my-16">
10953            Vänligen välj ditt leveransland. Du skickar för närvarande till Sverige och din order kommer att debiteras i SEK.
10954          </div><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-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="/collections/bastsaljare" />
10955
10956            
10957
10958            <div class="relative bg-white-50 mb-16 flex gap-8 items-center">
10959              <select
10960                aria-label="Select language or locale"
10961                id="country_code"
10962                name="country_code"
10963                class="w-full border border-grey p-12"
10964                role="list"
10965                x-model="selectedCountry"
10966                x-init="$nextTick(() => setLangs('SE'))"
10967                @change="setLangs()"
10968                autofilled
10969                x-ref="countrySelect"
10970              >
10971                <optgroup id="country-urls-popular" label="Populära">
10972
10973
10974
10975
10976
10977
10978
10979                      <option
10980                        value="DK">
10981                        Danmark (DKK)
10982                      </option>
10983                    
10984
10985
10986
10987
10988
10989
10990
10991
10992
10993
10994
10995
10996
10997
10998
10999
11000
11001
11002
11003
11004
11005
11006
11007
11008
11009
11010                      <option
11011                        value="NO">
11012                        Norge (NOK)
11013                      </option>
11014                    
11015
11016
11017
11018
11019
11020
11021
11022
11023
11024
11025
11026
11027
11028                      <option
11029                        value="SE"
11030                          selected>
11031                        Sverige (SEK)
11032                      </option>
11033                    
11034
11035
11036
11037
11038
11039
11040                      <option
11041                        value="DE">
11042                        Tyskland (EUR)
11043                      </option>
11044                    
11045
11046
11047</optgroup>
11048
11049                <optgroup id="country-urls-everywhere" label="Överallt"><option
11050                      value="AX">
11051                      Åland (EUR)
11052                    </option><option
11053                      value="AD">
11054                      Andorra (EUR)
11055                    </option><option
11056                      value="AU">
11057                      Australien (EUR)
11058                    </option><option
11059                      value="BE">
11060                      Belgien (EUR)
11061                    </option><option
11062                      value="BA">
11063                      Bosnien och Hercegovina (EUR)
11064                    </option><option
11065                      value="BG">
11066                      Bulgarien (EUR)
11067                    </option><option
11068                      value="CY">
11069                      Cypern (EUR)
11070                    </option><option
11071                      value="DK">
11072                      Danmark (DKK)
11073                    </option><option
11074                      value="EE">
11075                      Estland (EUR)
11076                    </option><option
11077                      value="FO">
11078                      Färöarna (EUR)
11079                    </option><option
11080                      value="FI">
11081                      Finland (EUR)
11082                    </option><option
11083                      value="AE">
11084                      Förenade Arabemiraten (EUR)
11085                    </option><option
11086                      value="FR">
11087                      Frankrike (EUR)
11088                    </option><option
11089                      value="GI">
11090                      Gibraltar (EUR)
11091                    </option><option
11092                      value="GR">
11093                      Grekland (EUR)
11094                    </option><option
11095                      value="HK">
11096                      Hongkong SAR (EUR)
11097                    </option><option
11098                      value="IE">
11099                      Irland (EUR)
11100                    </option><option
11101                      value="IS">
11102                      Island (EUR)
11103                    </option><option
11104                      value="IL">
11105                      Israel (EUR)
11106                    </option><option
11107                      value="IT">
11108                      Italien (EUR)
11109                    </option><option
11110                      value="JP">
11111                      Japan (EUR)
11112                    </option><option
11113                      value="JO">
11114                      Jordanien (EUR)
11115                    </option><option
11116                      value="XK">
11117                      Kosovo (EUR)
11118                    </option><option
11119                      value="HR">
11120                      Kroatien (EUR)
11121                    </option><option
11122                      value="LV">
11123                      Lettland (EUR)
11124                    </option><option
11125                      value="LB">
11126                      Libanon (EUR)
11127                    </option><option
11128                      value="LI">
11129                      Liechtenstein (EUR)
11130                    </option><option
11131                      value="LT">
11132                      Litauen (EUR)
11133                    </option><option
11134                      value="LU">
11135                      Luxemburg (EUR)
11136                    </option><option
11137                      value="MY">
11138                      Malaysia (EUR)
11139                    </option><option
11140                      value="MT">
11141                      Malta (EUR)
11142                    </option><option
11143                      value="MC">
11144                      Monaco (EUR)
11145                    </option><option
11146                      value="NL">
11147                      Nederländerna (EUR)
11148                    </option><option
11149                      value="NO">
11150                      Norge (NOK)
11151                    </option><option
11152                      value="NZ">
11153                      Nya Zeeland (EUR)
11154                    </option><option
11155                      value="AT">
11156                      Österrike (EUR)
11157                    </option><option
11158                      value="PL">
11159                      Polen (EUR)
11160                    </option><option
11161                      value="PT">
11162                      Portugal (EUR)
11163                    </option><option
11164                      value="QA">
11165                      Qatar (EUR)
11166                    </option><option
11167                      value="RO">
11168                      Rumänien (EUR)
11169                    </option><option
11170                      value="SM">
11171                      San Marino (EUR)
11172                    </option><option
11173                      value="SA">
11174                      Saudiarabien (EUR)
11175                    </option><option
11176                      value="SG">
11177                      Singapore (EUR)
11178                    </option><option
11179                      value="SK">
11180                      Slovakien (EUR)
11181                    </option><option
11182                      value="SI">
11183                      Slovenien (EUR)
11184                    </option><option
11185                      value="ES">
11186                      Spanien (EUR)
11187                    </option><option
11188                      value="SE"selected>
11189                      Sverige (SEK)
11190                    </option><option
11191                      value="KR">
11192                      Sydkorea (EUR)
11193                    </option><option
11194                      value="TW">
11195                      Taiwan (EUR)
11196                    </option><option
11197                      value="TH">
11198                      Thailand (EUR)
11199                    </option><option
11200                      value="CZ">
11201                      Tjeckien (EUR)
11202                    </option><option
11203                      value="TR">
11204                      Turkiet (EUR)
11205                    </option><option
11206                      value="DE">
11207                      Tyskland (EUR)
11208                    </option><option
11209                      value="HU">
11210                      Ungern (EUR)
11211                    </option><option
11212                      value="BY">
11213                      Vitryssland (EUR)
11214                    </option></optgroup>
11215              </select>
11216            </div>
11217
11218            
11219            <div class="relative bg-white-50 mb-16 flex gap-8 items-center">
11220              <select
11221                name="locale_code"
11222                class="w-full border border-grey p-12"
11223                role="list"
11224                aria-label=""
11225              >
11226                
11227                <template x-for="(lang, index) in availableLangs">
11228                  <option :value="lang.isoCode" x-text="lang.name"></option>
11229                </template>
11230              </select>
11231            </div>
11232
11233            <button
11234              type="submit"
11235              @click="$dispatch('toggle-country-selector')"
11236              class="button flex items-center justify-center h-[40px] px-16 whitespace-nowrap w-full lg:text-small-bold-spaced-12 text-small-bold-spaced-12 leading-none bg-black text-white uppercase hover:cursor-pointer"
11237            >
11238              Handla nu
11239            </button></form></div>
11240      </div>
11241    </div>
11242  </div>
11243</div>
11244
11245</div><div id="shopify-section-sections--28929187873150__further_info_drawer_nRCgyE" class="shopify-section shopify-section-group-overlay-group"><div
11246  class="fixed inset-0 overflow-hidden info-drawer"
11247  x-cloak
11248  x-data="window.infoDrawerComponent"
11249  x-show="isOpen"
11250  @toggle-product.window="toggle"
11251  @keydown.escape.window="close"
11252  role="dialog"
11253  aria-modal="true"
11254>
11255  <div class="absolute inset-0 overflow-hidden">
11256    <div
11257      class="absolute inset-0 w-full bg-black/40 custom-cursor"
11258      x-transition.opacity
11259      x-show="isOpen"
11260      @click="close"
11261      aria-hidden="true"
11262    ></div>
11263
11264    <div class="w-full lg:w-[550px] fixed bottom-0 right-0 h-[100dvh] lg:h-full lg:inset-y-0 lg:right-0 max-w-full flex">
11265      <div
11266        class="relative w-full h-full bg-white overflow-y-auto "
11267        x-show="isOpen"
11268        @click.outside="close"
11269        x-cloak
11270      >
11271        <div class="min-h-[100dvh] w-full flex flex-col px-40 py-30">
11272          <div class="px-6 py-24 border-b border-black/20 flex items-center justify-between w-full transition-all duration-300 ease-in-out">
11273            <div class="flex justify-between items-center w-full ">
11274              <h2 class="text-left uppercase text-medium-bold-spaced lg:text-medium-bold-spaced mr-20 w-full">
11275                
11276              </h2>
11277            </div>
11278            <button
11279              type="button"
11280              @click="close"
11281              class="p-2"
11282            >
11283              <div class="w-14 h-14 flex items-center justify-center"><svg
11284  xmlns="http://www.w3.org/2000/svg"
11285  width="100%"
11286  height="100%"
11287  viewBox="0 0 11 12"
11288  fill="none"
11289>
11290  <path d="M1.5 1.5L8.61876 8.61876" stroke="black" stroke-linecap="square" stroke-width="1.5"/>
11291  <path d="M1.5 8.62109L8.61876 1.50233" stroke="black" stroke-linecap="square" stroke-width="1.5"/>
11292</svg>
11293</div>
11294            </button>
11295          </div>
11296
11297          <div class="flex-1 flex flex-col">
11298            <!-- Shipping -->
11299            <div
11300              class="border-b border-black/20 transition-all duration-300 ease-in-out"
11301              :class="{ 'min-h-56': !isSectionOpen(1) }"
11302            >
11303              <button
11304                class="w-full flex justify-between items-center px-6 py-24"
11305                @click="toggleSection(1)"
11306              >
11307                <span class="text-lg font-suisse text-medium">Frakt</span>
11308                <span
11309                  class="transform transition-transform duration-300 w-16 h-16 flex items-center justify-center"
11310                  :class="{ 'rotate-180': isSectionOpen(1) }"
11311                >
11312
11313
11314
11315
11316
11317<svg width="16" height="16" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11318  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.64645 4.85359L2.35356 4.14648L7.00001 8.79293L11.6465 4.14648L12.3536 4.85359L7.00001 10.2071L1.64645 4.85359Z" fill="black"/>
11319</svg>
11320</span>
11321              </button>
11322              <div
11323                x-show="isSectionOpen(1)"
11324                class="px-6"
11325              >
11326                <ul><li>Fri frakt över 600 kr, leverans inom 1-3 arbetsdagar</li></ul>
11327
11328                <div class=" gap-6 mt-30 mb-20 w-full">
11329                  
11330                  <div class="w-full flex flex-col justify-between items-center space-y-40">
11331                    <div class="w-full">
11332  <div class="w-full grid grid-cols-5 gap-30 items-center">
11333    
11334      <svg width="41" height="22" viewBox="0 0 41 22" fill="none" xmlns="http://www.w3.org/2000/svg">
11335  <g clip-path="url(#clip0_8274_56579)">
11336  <path fill-rule="evenodd" clip-rule="evenodd" d="M27.0656 9.46051H28.4561V8.0876H27.0656V9.46051ZM27.0656 15.921H28.4561V9.99886H27.0656V15.921ZM37.9981 14.6819C36.9647 14.6819 36.7552 14.3049 36.7552 12.9201C36.7552 11.5349 36.9647 11.1096 37.9981 11.1096C39.1918 11.1096 39.5119 11.4379 39.5119 12.9201C39.5119 14.4022 39.1918 14.6819 37.9981 14.6819ZM39.6345 9.99876V10.4658C39.1677 10.053 38.4046 9.89468 37.7644 9.89468C35.6971 9.89468 35.365 11.1219 35.365 12.9201C35.365 14.3418 35.5006 15.921 37.7768 15.921C38.355 15.921 39.0687 15.7873 39.4995 15.3983C39.4995 15.7022 39.5119 16.1298 39.4752 16.4335C39.401 16.9923 38.8227 17.2352 38.0229 17.2352C37.2475 17.2352 37.0025 17.0194 37.0025 16.594H35.4881C35.4881 18.101 36.8539 18.4019 38.0595 18.4019C39.1677 18.4019 40.6195 18.1103 40.841 16.7009C40.8901 16.3726 40.8901 15.836 40.8901 15.2892V9.99876H39.6345ZM32.2992 9.89468C31.4503 9.89468 30.9089 10.162 30.5641 10.4658V9.99876H29.3583V15.921H30.7486V13.163C30.7486 12.1304 30.6381 11.1096 32.1391 11.1096C33.3456 11.1096 33.2345 11.6565 33.2345 12.7985V15.921H34.6252V12.6891C34.6252 11.4015 34.7237 9.89468 32.2992 9.89468ZM24.4547 9.89468C23.753 9.89468 23.1994 10.1135 22.8055 10.5269V9.99876H21.5998V15.921H22.9902V13.3453C22.9902 12.8837 22.9657 12.2276 23.126 11.8023C23.2732 11.4015 23.6303 11.0977 24.2086 11.0977C24.7872 11.0977 25.0165 11.2191 25.0165 11.7659H26.3989C26.3989 10.4658 25.747 9.89468 24.4547 9.89468ZM18.2339 14.779C17.04 14.779 16.6954 14.451 16.6954 12.9688C16.
113366954 11.486 17.04 11.1583 18.2339 11.1583C19.2675 11.1583 19.4888 11.5835 19.4888 12.9688C19.4888 14.3538 19.2675 14.779 18.2339 14.779ZM18.5413 9.89468C17.8892 9.89468 17.1753 9.9678 16.72 10.4296V8.08362H15.3296V15.921H16.5844V15.4471C16.9537 15.7749 17.5202 16.0179 18.3198 16.0179C20.7192 16.0179 20.879 14.4144 20.879 12.9688C20.879 11.1704 20.5963 9.89468 18.5413 9.89468Z" fill="#7BC144"/>
11337  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.94651 13.0945C2.15615 13.0945 0.689348 11.7312 0.550266 9.9989H0C0.143313 13.5907 3.13616 16.4595 6.80923 16.4595C9.22213 16.4595 11.3416 15.2214 12.5525 13.3535C13.1848 12.3781 13.5694 11.2311 13.6186 9.9989H7.34266C7.20358 11.7312 5.73678 13.0945 3.94651 13.0945Z" fill="#C1C1C1"/>
11338  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.550266 9.46042C0.689348 7.72808 2.15615 6.36476 3.94651 6.36476C5.73678 6.36476 7.20358 7.72808 7.34266 9.46042H13.6186C13.475 5.86858 10.4821 3 6.80923 3C3.13626 3 0.14341 5.86858 0 9.46042H0.550266Z" fill="#7BC144"/>
11339  </g>
11340  <defs>
11341  <clipPath id="clip0_8274_56579">
11342  <rect width="40.89" height="15.4019" fill="white" transform="translate(0 3)"/>
11343  </clipPath>
11344  </defs>
11345</svg>
11346
11347      <svg
11348  xmlns="http://www.w3.org/2000/svg"
11349  xmlns:xlink="http://www.w3.org/1999/xlink"
11350  version="1.1"
11351  id="Ebene_1"
11352  x="0px"
11353  y="0px"
11354  width="50px"
11355  height="50px"
11356  viewBox="0 0 143.5 20"
11357  style="enable-background:new 0 0 143.5 20;"
11358  xml:space="preserve"
11359>
11360  <style type="text/css">
11361  	.st0{fill:#D40511;}
11362  </style>
11363  <g>
11364  	<path class="st0" d="M0,18.5h17.4l-1,1.4H0V18.5z"/>
11365  	<path class="st0" d="M143.5,19.9h-21.3l1.1-1.4h20.3V19.9z"/>
11366  	<path class="st0" d="M0,15.9h19.4l-1.1,1.4H0V15.9z"/>
11367  	<path class="st0" d="M0,13.3h21.4l-1.1,1.4H0L0,13.3z"/>
11368  	<path class="st0" d="M143.5,17.3h-19.3l1.1-1.4h18.3V17.3z"/>
11369  	<path class="st0" d="M127.2,13.3h16.3v1.4h-17.4L127.2,13.3z"/>
11370  	<path class="st0" d="M18.8,19.9L28,7.6c0,0,10.2,0,11.4,0c1.3,0,1.3,0.5,0.6,1.3c-0.6,0.8-1.7,2.3-2.3,3.1c-0.3,0.5-0.9,1.2,1,1.2   c2.1,0,15.3,0,15.3,0C52.8,15,48.6,20,41.2,20C35.2,19.9,18.8,19.9,18.8,19.9z"/>
11371  	<path class="st0" d="M71.5,13.3l-5,6.7H53.4l5-6.7H71.5z"/>
11372  	<path class="st0" d="M90.6,13.3l-5,6.7H72.4l5-6.7H90.6z"/>
11373  	<path class="st0" d="M94.9,13.3c0,0-1,1.3-1.4,1.9c-1.7,2.2-0.2,4.8,5.2,4.8c6.2,0,21.2,0,21.2,0l5-6.7H94.9z"/>
11374  	<path class="st0" d="M25.3,0l-4.6,6.1c0,0,23.7,0,25,0c1.3,0,1.3,0.5,0.6,1.3c-0.6,0.8-1.7,2.3-2.3,3.1c-0.3,0.4-0.9,1.2,1,1.2   c2.1,0,10.2,0,10.2,0s1.7-2.2,3-4.1c1.9-2.5,0.2-7.7-6.5-7.7C45.7,0,25.3,0,25.3,0z"/>
11375  	<path class="st0" d="M91.7,11.7H59.5L68.3,0h13.2l-5,6.7h5.9L87.4,0h13.2L91.7,11.7z"/>
11376  	<path class="st0" d="M118.8,0L110,11.7H96L104.8,0H118.8z"/>
11377  </g>
11378</svg>
11379
11380      <svg width="57" height="22" viewBox="0 0 57 22" fill="none" xmlns="http://www.w3.org/2000/svg">
11381  <g clip-path="url(#clip0_8274_56603)">
11382  <path d="M43.7725 11.5103C43.7725 14.1272 41.6933 15.2251 39.7387 15.2251C37.7842 15.2251 35.7894 14.152 35.7894 11.6218C35.7894 9.09156 37.8324 7.90694 39.8232 7.90694C41.8139 7.90694 43.7725 8.9925 43.7725 11.5103ZM41.1343 11.5887C41.1343 10.7261 40.5873 10.14 39.7749 10.14C38.9625 10.14 38.3995 10.7261 38.3995 11.5887C38.3995 12.3977 38.9585 12.9962 39.7749 12.9962C40.5913 12.9962 41.1343 12.3977 41.1343 11.5887ZM7.76596 11.5887C7.76596 13.5824 6.43075 15.2293 4.35151 15.2293C3.07662 15.2293 2.48141 14.5812 2.48141 14.5812V17H0V8.13396H2.48141V8.80675C2.48141 8.80675 3.12489 7.90694 4.53651 7.90694C6.60368 7.90694 7.76999 9.54146 7.76999 11.5846L7.76596 11.5887ZM5.13977 11.5887C5.13977 10.7261 4.59282 10.14 3.78043 10.14C2.96804 10.14 2.405 10.7261 2.405 11.5887C2.405 12.3977 2.96402 12.9962 3.78043 12.9962C4.59684 12.9962 5.13977 12.3977 5.13977 11.5887ZM46.8411 11.7002C46.8411 10.6518 47.4605 10.3298 48.2889 10.3298C48.7997 10.3298 49.1255 10.4537 49.1255 10.4537L49.1858 8.10919C49.1858 8.10919 49.0289 8.0349 48.6026 8.0349C47.2151 8.0349 46.8411 8.93471 46.8411 8.93471V8.13809H44.3597V15.0229H46.8411V11.7043V11.7002ZM57 6V15.0146H54.5226V14.3418C54.5226 14.3418 53.8791 15.2417 52.4675 15.2417C50.4003 15.2417 49.234 13.6071 49.234 11.564C49.234 9.52083 50.5693 7.92345 52.6485 7.92345C53.9234 7.92345 54.5186 8.57148 54.5186 8.57148V6.49944L56.996 6H57ZM54.595 11.564C54.595 10.755 54.036 10.1565 53.2236 10.1565C52.4112 10.1565 51.8643 10.755 51.8643 11.564C51.8643 12.4225 52.4112 13.0086 53.2236 13.0086C54.036 13.0086 54.595 12.4225 54.595 11.564ZM32.7168 7.90694C31.269 7.90694 30.7461 8.80675 30.7461 8.80675V8.13396H28.2688
11382V15.0188H30.7461V11.4897C30.7461 10.6188 31.0639 10.2184 31.828 10.2184C32.5921 10.2184 32.7047 10.8664 32.7047 11.6919V15.0229H35.2062V10.7962C35.2062 8.90169 34.3215 7.9152 32.7168 7.9152V7.90694ZM25.7672 6.58612H23.2898V15.0146H25.7672V10.2762H26.9335L28.0636 8.12983H25.7672V6.58612ZM20.2132 10.627C19.4089 10.5032 19.059 10.5032 19.059 10.1771C19.059 9.90469 19.3847 9.78912 20.0322 9.78912C21.1262 9.78912 22.0873 10.1647 22.0873 10.1647L22.5257 8.23302C22.5257 8.23302 21.468 7.92345 20.0604 7.92345C17.6916 7.92345 16.4489 8.86041 16.4489 10.3546C16.4489 11.5144 17.1165 12.1996 19.0751 12.4638C19.9035 12.5752 20.2052 12.6248 20.2052 12.9385C20.2052 13.2522 19.8754 13.3388 19.3043 13.3388C18.0656 13.3388 16.8993 12.8023 16.8993 12.8023L16.4006 14.7959C16.4006 14.7959 17.5669 15.221 19.0871 15.221C21.6409 15.221 22.8193 14.2964 22.8193 12.7899C22.8193 11.5929 22.1879 10.9448 20.2172 10.6311L20.2132 10.627ZM16.1633 11.5103C16.1633 14.1272 14.0841 15.2251 12.1295 15.2251C10.175 15.2251 8.1802 14.152 8.1802 11.6218C8.1802 9.09156 10.2232 7.90694 12.214 7.90694C14.2048 7.90694 16.1633 8.9925 16.1633 11.5103ZM13.5251 11.5887C13.5251 10.7261 12.9781 10.14 12.1657 10.14C11.3533 10.14 10.7943 10.7261 10.7943 11.5887C10.7943 12.3977 11.3533 12.9962 12.1657 12.9962C12.9781 12.9962 13.5251 12.3977 13.5251 11.5887Z" fill="#00A0D6"/>
11383  </g>
11384  <defs>
11385  <clipPath id="clip0_8274_56603">
11386  <rect width="57" height="11" fill="white" transform="translate(0 6)"/>
11387  </clipPath>
11388  </defs>
11389</svg>
11390
11391      <svg width="45" height="22" viewBox="0 0 45 22" fill="none" xmlns="http://www.w3.org/2000/svg">
11392  <g clip-path="url(#clip0_8274_56563)">
11393  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.95873 9.26554C3.23977 9.26554 2.48487 9.55312 2.01755 10.0204L1.94566 10.0923L1.87376 10.2002V5.52698H0.399902V16.3832H1.87376V15.5923L1.94566 15.7002L2.01755 15.7721C2.44892 16.2034 3.20382 16.527 3.95873 16.527C5.8999 16.527 7.51755 15.0531 7.51755 12.8963C7.51755 10.7394 5.8999 9.26554 3.95873 9.26554ZM3.88683 15.161C2.62866 15.161 1.72997 14.1185 1.72997 12.8603C1.72997 11.6021 2.62866 10.5597 3.88683 10.5597C5.28879 10.5597 6.04369 11.6021 6.04369 12.8603C6.04369 14.1544 5.28879 15.161 3.88683 15.161Z" fill="#59BA9D"/>
11394  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9084 13.6127C12.8725 14.4754 12.1176 15.1584 11.2548 15.1584C10.2483 15.1584 9.78098 14.6192 9.78098 13.6846V9.4068H8.30713V13.6846C8.30713 15.3022 9.34961 16.4885 11.147 16.4885C11.7581 16.4885 12.4771 16.2009 12.8006 15.7336L12.8725 15.6258L12.9444 15.5179V16.3088H14.4182V9.37085H12.9444L12.9084 13.6127Z" fill="#59BA9D"/>
11395  <path fill-rule="evenodd" clip-rule="evenodd" d="M33.9033 9.27454C31.9621 9.27454 30.4883 10.7484 30.4883 12.9053C30.4883 15.0621 32.07 16.536 33.9033 16.536C35.3053 16.536 36.3478 15.7811 36.9589 14.7745L35.7007 14.1994C35.485 14.7745 34.8739 15.2419 33.9752 15.2419C32.717 15.2419 31.9621 14.3432 31.9621 13.3366H37.1746V12.7974C37.1746 10.6765 35.7007 9.27454 33.9033 9.27454ZM32.034 11.9347C32.2497 11.1798 32.8608 10.5687 33.9033 10.5687C34.802 10.5687 35.5569 11.1438 35.6288 11.9347H32.034ZM41.2726 9.27454C39.3314 9.27454 37.8576 10.7484 37.8576 12.9053C37.8576 15.0621 39.4393 16.536 41.2726 16.536C42.6746 16.536 43.717 15.7811 44.3281 14.7745L43.07 14.1994C42.8543 14.7745 42.2432 15.2419 41.3445 15.2419C40.0863 15.2419 39.3314 14.3432 39.3314 13.3366H44.5438V12.7974C44.5438 10.6765 43.07 9.27454 41.2726 9.27454ZM39.4033 11.9347C39.619 11.1798 40.2301 10.5687 41.2726 10.5687C42.1713 10.5687 42.9262 11.1438 42.9981 11.9347H39.4033Z" fill="#59BA9D"/>
11396  <path fill-rule="evenodd" clip-rule="evenodd" d="M26.449 9.26554C25.73 9.26554 24.9751 9.55312 24.5078 10.0204L24.4359 10.0923L24.364 10.2002V5.52698H22.8901V16.3832H24.364V15.5923L24.4359 15.7002L24.5078 15.7721C24.9392 16.2034 25.6941 16.527 26.449 16.527C28.3901 16.527 30.0078 15.0531 30.0078 12.8963C30.0078 10.7394 28.3901 9.26554 26.449 9.26554ZM26.3771 15.161C25.1189 15.161 24.2202 14.1185 24.2202 12.8603C24.2202 11.6021 25.1189 10.5597 26.3771 10.5597C27.779 10.5597 28.5339 11.6021 28.5339 12.8603C28.5339 14.1544 27.815 15.161 26.3771 15.161Z" fill="#59BA9D"/>
11397  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9736 12.8963C14.9736 15.0531 16.6272 16.527 18.5325 16.527C19.2874 16.527 20.0063 16.2394 20.4736 15.7721L20.5455 15.7002L20.6174 15.5923V16.3832H22.0913V5.52698H20.6174V10.2002L20.5455 10.0923L20.5096 9.98449C20.0782 9.55312 19.2874 9.22959 18.5684 9.22959C16.6272 9.26554 14.9736 10.7394 14.9736 12.8963ZM16.4834 12.8963C16.4834 11.6381 17.2383 10.5956 18.6403 10.5956C19.8985 10.5956 20.7972 11.6381 20.7972 12.8963C20.7972 14.1544 19.8985 15.1969 18.6403 15.1969C17.2383 15.161 16.4834 14.1544 16.4834 12.8963Z" fill="#59BA9D"/>
11398  </g>
11399  <defs>
11400  <clipPath id="clip0_8274_56563">
11401  <rect width="44.1797" height="11" fill="white" transform="translate(0.399902 5.5)"/>
11402  </clipPath>
11403  </defs>
11404</svg>
11405
11406      <svg width="57" height="17.4" viewBox="0 0 278 85" fill="none" xmlns="http://www.w3.org/2000/svg">
11407  <path d="M13.2034 0.230713L264.565 0.230713C269.022 0.230713 270.639 0.694841 272.268 1.56638C273.898 2.43791 275.177 3.71685 276.048 5.34648C276.92 6.97611 277.384 8.59254 277.384 13.0501V71.4113C277.384 75.8689 276.92 77.4853 276.048 79.1149C275.177 80.7446 273.898 82.0235 272.268 82.8951C270.639 83.7666 269.022 84.2307 264.565 84.2307H13.2034C8.74579 84.2307 7.12936 83.7666 5.49973 82.8951C3.8701 82.0235 2.59116 80.7446 1.71962 79.1149C0.848085 77.4853 0.383957 75.8689 0.383957 71.4113L0.383957 13.0501C0.383957 8.59254 0.848085 6.97611 1.71962 5.34648C2.59116 3.71685 3.8701 2.43791 5.49973 1.56638C7.12936 0.694841 8.74579 0.230713 13.2034 0.230713Z" fill="#FF3E3E"/>
11408  <path d="M249.043 46.2411L260.384 62.9415H248.182L242.655 54.4461L237.127 62.9415H225.499L236.768 46.3137L226.001 30.2668H238.132L243.156 38.1088L248.253 30.2668H259.881L249.043 46.2411Z" fill="white"/>
11409  <path d="M209.946 38.6854C206.517 38.6854 204.59 41.8523 204.59 46.3153C204.59 50.7784 206.517 53.8732 209.946 53.8732C213.445 53.8732 215.373 50.7784 215.373 46.3153C215.373 41.8523 213.445 38.6854 209.946 38.6854ZM209.946 63.2307C200.233 63.2307 193.52 56.3207 193.52 46.3153C193.52 36.3099 200.233 29.3994 209.946 29.3994C219.729 29.3994 226.371 36.3099 226.371 46.3153C226.371 56.3207 219.729 63.2307 209.946 63.2307Z" fill="white"/>
11410  <path d="M169.052 50.5082C169.914 52.3155 171.783 53.5445 174.013 53.5445C177.896 53.5445 180.196 50.4354 180.196 46.2429C180.196 42.0504 177.896 38.8695 174.013 38.8695C171.856 38.8695 169.914 40.1703 169.052 41.9053V50.5082ZM169.052 62.5078H157.763V15.5199H169.052V32.58C170.561 30.845 173.725 29.2546 177.033 29.2546C186.38 29.2546 191.485 36.8453 191.485 46.2429C191.485 55.6405 186.38 63.2307 177.033 63.2307C173.725 63.2307 170.561 61.6403 169.052 59.9057V62.5078Z" fill="white"/>
11411  <path d="M142.002 51.6649C141.286 50.2909 139.494 49.4239 137.488 49.4239C135.267 49.4239 133.046 50.3632 133.046 52.532C133.046 54.773 135.267 55.7123 137.488 55.7123C139.494 55.7123 141.286 54.8453 142.002 53.5441V51.6649ZM142.002 43.0622C142.002 40.5319 139.71 38.7251 135.124 38.7251C132.043 38.7251 128.891 39.5203 126.311 41.038V31.9301C128.963 30.4843 133.261 29.3994 137.846 29.3994C147.375 29.3994 152.821 33.9538 152.821 42.5561V62.6524H142.002V60.9897C140.928 62.0741 137.846 63.2307 134.408 63.2307C128.031 63.2307 122.587 59.6161 122.587 52.7488C122.587 46.4594 128.031 42.412 134.98 42.412C137.703 42.412 140.712 43.279 142.002 44.2188V43.0622Z" fill="white"/>
11412  <path d="M116.019 62.9415H104.893V39.1484H99.3297V30.2985H104.893V21.303H116.019V30.2985H122.296V39.1484H116.019V62.9415Z" fill="white"/>
11413  <path d="M72.1458 50.6339C75.211 53.1534 80.2021 54.737 83.4816 54.737C85.6913 54.737 87.1167 54.2331 87.1167 52.7939C87.1167 51.4977 86.119 50.9943 84.1941 50.5624L81.6988 49.9145C75.7818 48.6183 72.0028 45.8114 72.0028 39.9807C72.0028 33.2146 77.5637 29.3994 85.1204 29.3994C89.6838 29.3994 93.1767 30.3357 96.3132 32.2788V41.5648C93.248 39.3333 89.8263 37.8211 86.1903 37.8211C84.2659 37.8211 82.9821 38.4695 82.9821 39.7652C82.9821 40.9885 83.9085 41.4204 85.4769 41.8523L88.4 42.7161C95.3873 44.5877 98.1668 47.4671 98.1668 52.9374C98.1668 59.8475 92.2494 63.2307 84.3362 63.2307C79.8456 63.2307 75.1407 62.151 72.1458 60.1359V50.6339Z" fill="white"/>
11414  <path d="M36.8267 30.1228H48.1063V32.9422C49.903 30.918 53.064 29.3994 56.8002 29.3994C63.9853 29.3994 68.2235 34.0984 68.2235 41.3272V62.6524H57.0153V44.0743C57.0153 41.3999 55.6511 39.4476 52.777 39.4476C50.5492 39.4476 48.6811 40.7493 48.1063 42.9899V62.6524H36.8267V30.1228Z" fill="white"/>
11415  <path d="M20.1026 62.6524H31.3838V30.1721H20.1026V62.6524ZM25.7794 27.4286C22.3294 27.4286 19.384 25.0471 19.384 21.3662C19.384 17.6127 22.3294 15.2307 25.7794 15.2307C29.2284 15.2307 32.1753 17.6127 32.1753 21.3662C32.1753 25.0471 29.2284 27.4286 25.7794 27.4286Z" fill="white"/>
11416</svg>
11417
11418    
11419  </div>
11420</div>
11421
11422                  </div>
11423                  
11424                </div>
11425              </div>
11426            </div>
11427
11428            <!-- Returns -->
11429            <div
11430              class="border-b border-black/20 transition-all duration-300 ease-in-out"
11431              :class="{ 'min-h-56': !isSectionOpen(2) }"
11432            >
11433              <button
11434                class="w-full flex justify-between items-center px-6 py-24"
11435                @click="toggleSection(2)"
11436              >
11437                <span class="text-lg font-suisse text-medium">Returer</span>
11438                <span
11439                  class="transform transition-transform duration-300 w-16 h-16 flex items-center justify-center"
11440                  :class="{ 'rotate-180': isSectionOpen(2) }"
11441                >
11442
11443
11444
11445
11446
11447<svg width="16" height="16" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11448  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.64645 4.85359L2.35356 4.14648L7.00001 8.79293L11.6465 4.14648L12.3536 4.85359L7.00001 10.2071L1.64645 4.85359Z" fill="black"/>
11449</svg>
11450</span>
11451              </button>
11452              <div
11453                x-show="isSectionOpen(2)"
11454                class="px-6"
11455              >
11456                <span class=" mb-30 flex items-start"><ul><li>Returer: 30 dagars öppet köp och bytesrätt på vårt standardsortiment. För reavaror gäller 14 dagar öppet köp.</li></ul></span>
11457              </div>
11458            </div>
11459
11460            <!-- Payment -->
11461            <div
11462              class="border-b border-black/20 transition-all duration-300 ease-in-out"
11463              :class="{ 'min-h-56': !isSectionOpen(3) }"
11464            >
11465              <button
11466                class="w-full flex justify-between items-center px-6 py-24"
11467                @click="toggleSection(3)"
11468              >
11469                <span class="text-lg font-suisse text-medium">Betalningsalternativ</span>
11470                <span
11471                  class="transform transition-transform duration-300 w-16 h-16 flex items-center justify-center"
11472                  :class="{ 'rotate-180': isSectionOpen(3) }"
11473                >
11474
11475
11476
11477
11478
11479<svg width="16" height="16" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11480  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.64645 4.85359L2.35356 4.14648L7.00001 8.79293L11.6465 4.14648L12.3536 4.85359L7.00001 10.2071L1.64645 4.85359Z" fill="black"/>
11481</svg>
11482</span>
11483              </button>
11484              <div
11485                x-show="isSectionOpen(3)"
11486                class="px-6"
11487              >
11488                
11489
11490                <div class=" gap-6 mt-30 mb-20 w-full">
11491                  
11492                  <div class="w-full flex flex-col justify-between items-center space-y-40">
11493                    
11494<div class="w-full">
11495  <div
11496    class="w-full grid grid-cols-5 gap-30 items-center"
11497  >
11498    
11499      <svg height="40" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
11500  <rect width="400" height="400" fill="white"/>
11501  <g clip-path="url(#clip0_1_104)">
11502  <path d="M348.512 97.1392H50.5235C30.9645 97.1392 15.1088 113.061 15.1088 132.702V267.333C15.1088 286.974 30.9645 302.896 50.5235 302.896H348.512C368.071 302.896 383.927 286.974 383.927 267.333V132.702C383.927 113.061 368.071 97.1392 348.512 97.1392Z" fill="#FFB3C7"/>
11503  <path fill-rule="evenodd" clip-rule="evenodd" d="M349.397 217.91C344.572 217.91 340.66 221.874 340.66 226.764C340.66 231.652 344.572 235.617 349.397 235.617C354.222 235.617 358.135 231.653 358.135 226.764C358.135 221.873 354.222 217.91 349.397 217.91ZM320.651 211.066C320.651 204.371 315.005 198.946 308.039 198.946C301.073 198.946 295.425 204.371 295.425 211.066C295.425 217.76 301.072 223.187 308.039 223.187C315.005 223.187 320.651 217.76 320.651 211.066ZM320.698 187.509H334.618V234.621H320.698V231.61C316.766 234.327 312.019 235.925 306.899 235.925C293.35 235.925 282.366 224.795 282.366 211.065C282.366 197.336 293.35 186.207 306.899 186.207C312.019 186.207 316.766 187.804 320.698 190.522V187.509ZM209.299 193.645V187.509H195.047V234.62H209.331V212.625C209.331 205.204 217.268 201.215 222.776 201.215C222.833 201.215 222.885 201.221 222.942 201.222V187.513C217.289 187.513 212.089 189.965 209.299 193.645ZM173.797 211.066C173.797 204.371 168.15 198.946 161.184 198.946C154.218 198.946 148.57 204.372 148.57 211.066C148.57 217.76 154.217 223.187 161.184 223.187C168.15 223.187 173.797 217.76 173.797 211.066ZM173.843 187.509H187.764V234.621H173.843V231.61C169.91 234.327 165.164 235.925 160.044 235.925C146.495 235.925 135.511 224.795 135.511 211.065C135.511 197.336 146.495 186.207 160.044 186.207C165.164 186.207 169.911 187.804 173.843 190.523V187.509ZM257.63 186.242C252.07 186.242 246.807 187.991 243.288 192.817V187.512H229.428V234.621H243.459V209.864C243.459 202.699 248.2 199.191 253.908 199.191C260.026 199.191 263.544 202.895 263.544 209.766V234.621H277.447V204.662C277.447 193.698 268.845 186.242 257.63 186.242ZM115.234 234.621H129.804V166.515H115.234V234.621ZM51.2308 234.64H66.6588V166.502H51.2308V234.64ZM105.193 166.502C105.193 181.253 99.5198 194.976 89.4108 205.176L110.737 234.642H91.6811L68.5046 202.618L74.486 198.079C84.4056 190.55 90.0952 179.041 90.0952 166.502L105.193 166.502Z" fill="#0A0B09"/>
11504  </g>
11505  <defs>
11506  <clipPath id="clip0_1_104">
11507  <rect width="369" height="206" fill="white" transform="translate(15 97)"/>
11508  </clipPath>
11509  </defs>
11510</svg>
11511
11512      <svg height="40" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
11513  <g clip-path="url(#clip0_2_14)">
11514  <rect width="400" height="400" fill="white"/>
11515  <path d="M385.538 64.552H14.4615C-2.33496 64.552 -16 77.9126 -16 94.335V306.065C-16 322.487 -2.33496 335.848 14.4615 335.848H385.538C402.334 335.848 416 322.487 416 306.065V94.335C416 77.9126 402.334 64.552 385.538 64.552Z" fill="white"/>
11516  <path d="M78.0451 155.824C73.4232 152.646 67.3921 151.054 59.9517 151.054H31.1465C28.8655 151.054 27.6054 152.194 27.366 154.473L15.6642 227.928C15.5426 228.649 15.7231 229.309 16.204 229.909C16.6822 230.509 17.2837 230.808 18.004 230.808H31.6863C34.0861 230.808 35.4051 229.67 35.6472 227.388L38.8873 207.586C39.0056 206.626 39.4277 205.846 40.148 205.245C40.8678 204.645 41.7681 204.253 42.8483 204.073C43.9285 203.894 44.9471 203.805 45.909 203.805C46.8681 203.805 48.0078 203.865 49.3301 203.985C50.6491 204.105 51.49 204.163 51.8504 204.163C62.1716 204.163 70.2729 201.255 76.1549 195.432C82.0341 189.612 84.977 181.541 84.977 171.217C84.977 164.137 82.6647 159.006 78.0451 155.824ZM63.1929 177.879C62.5909 182.08 61.0325 184.84 58.5122 186.16C55.9913 187.483 52.3908 188.14 47.7106 188.14L41.7692 188.32L44.8304 169.056C45.0692 167.737 45.849 167.077 47.1702 167.077H50.5919C55.3904 167.077 58.8731 167.769 61.0336 169.147C63.1929 170.528 63.9132 173.44 63.1929 177.879Z" fill="#003087"/>
11517  <path d="M382.031 151.054H368.71C367.386 151.054 366.607 151.714 366.369 153.034L354.667 227.928L354.486 228.287C354.486 228.89 354.727 229.458 355.207 229.998C355.685 230.537 356.288 230.808 357.007 230.808H368.89C371.167 230.808 372.428 229.67 372.671 227.388L384.373 153.753V153.574C384.373 151.894 383.59 151.054 382.031 151.054Z" fill="#009CDE"/>
11518  <path d="M221.081 180.039C221.081 179.44 220.84 178.869 220.363 178.329C219.881 177.79 219.34 177.518 218.742 177.518H204.879C203.556 177.518 202.477 178.121 201.639 179.318L182.555 207.405L174.635 180.4C174.032 178.48 172.712 177.518 170.674 177.518H157.17C156.568 177.518 156.028 177.789 155.551 178.329C155.069 178.869 154.83 179.44 154.83 180.039C154.83 180.281 156.001 183.82 158.341 190.661C160.68 197.503 163.201 204.885 165.902 212.807C168.603 220.727 170.012 224.93 170.133 225.407C160.29 238.851 155.37 246.053 155.37 247.011C155.37 248.573 156.15 249.352 157.711 249.352H171.573C172.893 249.352 173.973 248.753 174.814 247.553L220.723 181.299C220.961 181.06 221.081 180.642 221.081 180.039Z" fill="#003087"/>
11519  <path d="M350.166 177.518H336.482C334.801 177.518 333.784 179.499 333.424 183.459C330.3 178.661 324.602 176.257 316.319 176.257C307.678 176.257 300.325 179.499 294.266 185.98C288.204 192.462 285.174 200.084 285.174 208.845C285.174 215.927 287.244 221.568 291.384 225.767C295.525 229.971 301.076 232.068 308.039 232.068C311.519 232.068 315.059 231.347 318.66 229.908C322.261 228.468 325.079 226.548 327.123 224.147C327.123 224.268 327 224.807 326.762 225.767C326.52 226.728 326.402 227.45 326.402 227.927C326.402 229.85 327.18 230.807 328.743 230.807H341.166C343.443 230.807 344.765 229.669 345.125 227.387L352.507 180.399C352.625 179.678 352.445 179.019 351.966 178.418C351.485 177.819 350.886 177.518 350.166 177.518ZM326.672 212.985C323.611 215.986 319.921 217.485 315.6 217.485C312.118 217.485 309.3 216.527 307.138 214.605C304.977 212.688 303.897 210.047 303.897 206.684C303.897 202.246 305.397 198.493 308.399 195.432C311.396 192.371 315.12 190.841 319.561 190.841C322.918 190.841 325.709 191.832 327.932 193.811C330.151 195.792 331.263 198.524 331.263 202.004C331.263 206.324 329.732 209.986 326.672 212.985Z" fill="#009CDE"/>
11520  <path d="M145.648 177.518H131.966C130.283 177.518 129.265 179.499 128.905 183.459C125.664 178.661 119.963 176.257 111.801 176.257C103.16 176.257 95.8073 179.499 89.747 185.98C83.6851 192.462 80.6558 200.084 80.6558 208.845C80.6558 215.927 82.7265 221.568 86.8674 225.767C91.0083 229.971 96.5579 232.068 103.52 232.068C106.879 232.068 110.362 231.347 113.962 229.908C117.562 228.468 120.443 226.548 122.603 224.147C122.122 225.587 121.883 226.848 121.883 227.927C121.883 229.85 122.663 230.807 124.224 230.807H136.646C138.924 230.807 140.246 229.669 140.607 227.387L147.988 180.399C148.106 179.678 147.926 179.019 147.448 178.418C146.967 177.819 146.368 177.518 145.648 177.518ZM122.154 213.074C119.093 216.018 115.34 217.485 110.902 217.485C107.419 217.485 104.629 216.527 102.53 214.605C100.429 212.688 99.3792 210.047 99.3792 206.684C99.3792 202.246 100.879 198.493 103.881 195.432C106.879 192.371 110.6 190.841 115.043 190.841C118.401 190.841 121.192 191.832 
11520123.415 193.811C125.633 195.792 126.745 198.524 126.745 202.004C126.745 206.445 125.215 210.137 122.154 213.074Z" fill="#003087"/>
11521  <path d="M282.562 155.824C277.941 152.646 271.911 151.054 264.47 151.054H235.844C233.442 151.054 232.122 152.194 231.883 154.473L220.182 227.927C220.06 228.648 220.24 229.308 220.721 229.908C221.198 230.509 221.801 230.808 222.521 230.808H237.283C238.723 230.808 239.683 230.028 240.164 228.468L243.405 207.585C243.524 206.625 243.945 205.845 244.665 205.244C245.386 204.644 246.285 204.252 247.366 204.072C248.446 203.894 249.464 203.804 250.427 203.804C251.386 203.804 252.526 203.865 253.846 203.984C255.167 204.104 256.009 204.162 256.367 204.162C266.689 204.162 274.79 201.254 280.672 195.431C286.553 189.611 289.493 181.54 289.493 171.217C289.494 164.137 287.182 159.006 282.562 155.824ZM264.109 185.44C261.468 187.24 257.507 188.14 252.227 188.14L246.466 188.32L249.527 169.056C249.765 167.737 250.545 167.077 251.867 167.077H255.107C257.746 167.077 259.847 167.197 261.41 167.436C262.967 167.678 264.47 168.426 265.91 169.686C267.351 170.947 268.07 172.778 268.07 175.178C268.07 180.219 266.748 183.639 264.109 185.44Z" fill="#009CDE"/>
11522  </g>
11523  <defs>
11524  <clipPath id="clip0_2_14">
11525  <rect width="400" height="400" fill="white"/>
11526  </clipPath>
11527  </defs>
11528</svg>
11529
11530      <svg height="40" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
11531  <rect width="400" height="400" fill="white"/>
11532  <g clip-path="url(#clip0_1_112)">
11533  <path d="M134.336 94C106.338 94.0909 79.5206 105.322 59.7712 125.228C40.0218 145.134 28.9548 172.088 29.0001 200.171C29.0454 228.254 40.1993 255.172 60.0129 275.013C79.8264 294.855 106.68 305.999 134.678 305.999C162.676 305.999 189.53 294.855 209.343 275.013C229.157 255.172 240.311 228.254 240.356 200.171C240.401 172.088 229.334 145.134 209.585 125.228C189.835 105.322 163.018 94.0909 135.02 94L134.336 94Z" fill="#EB001B"/>
11534  <path d="M264.98 94C236.982 94.0909 210.165 105.322 190.415 125.228C170.666 145.134 159.599 172.088 159.644 200.171C159.689 228.254 170.843 255.172 190.657 275.013C210.47 294.855 237.324 305.999 265.322 305.999C293.32 305.999 320.174 294.855 339.987 275.013C359.801 255.172 370.955 228.254 371 200.171C371.045 172.088 359.978 145.134 340.229 125.228C320.479 105.322 293.662 94.0909 265.664 94L264.98 94Z" fill="#F79E1B"/>
11535  <path d="M200 116.641C187.411 126.559 177.234 139.216 170.235 153.657C163.237 168.097 159.6 183.944 159.6 200C159.6 216.056 163.237 231.903 170.235 246.344C177.234 260.784 187.411 273.441 200 283.359C212.588 273.441 222.766 260.784 229.765 246.344C236.763 231.903 240.4 216.056 240.4 200C240.4 183.944 236.763 168.097 229.765 153.657C222.766 139.216 212.588 126.559 200 116.641Z" fill="#FF5F00"/>
11536  </g>
11537  <defs>
11538  <clipPath id="clip0_1_112">
11539  <rect width="342" height="212" fill="white" transform="translate(29 94)"/>
11540  </clipPath>
11541  </defs>
11542</svg>
11543
11544      <svg height="40" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
11545  <rect width="400" height="400" fill="white"/>
11546  <path d="M145.24 255.39L164.009 145.25H194.029L175.247 255.39H145.24Z" fill="#0E4595"/>
11547  <path d="M283.705 147.626C277.759 145.394 268.439 143 256.8 143C227.136 143 206.242 157.938 206.063 179.347C205.896 195.173 220.981 204.002 232.368 209.27C244.053 214.669 247.982 218.112 247.925 222.932C247.851 230.315 238.594 233.687 229.964 233.687C217.95 233.687 211.566 232.018 201.707 227.907L197.838 226.156L193.625 250.811C200.637 253.887 213.602 256.549 227.066 256.688C258.623 256.688 279.109 241.92 279.342 219.058C279.454 206.528 271.456 196.994 254.136 189.133C243.643 184.038 237.217 180.638 237.285 175.479C237.285 170.901 242.725 166.006 254.478 166.006C264.294 165.853 271.406 167.994 276.947 170.226L279.637 171.497L283.705 147.626Z" fill="#0E4595"/>
11548  <path d="M360.957 145.25H337.76C330.574 145.25 325.196 147.211 322.04 154.383L277.456 255.318H308.98C308.98 255.318 314.134 241.747 315.3 238.767C318.744 238.767 349.369 238.814 353.747 238.814C354.644 242.67 357.399 255.318 357.399 255.318H385.255L360.957 145.25ZM324.152 216.369C326.636 210.023 336.114 185.58 336.114 185.58C335.937 185.873 338.578 179.204 340.093 175.068L342.123 184.564C342.123 184.564 347.871 210.855 349.072 216.367H324.152V216.369Z" fill="#0E4595"/>
11549  <path d="M14.5339 145.25L14.1504 147.541C26.0176 150.414 36.6168 154.572 45.8965 159.744L72.5339 255.213L104.296 255.178L151.558 145.25H119.756L90.3662 220.357L87.2356 205.093C87.0889 204.621 86.9295 204.149 86.7664 203.676L76.5492 154.549C74.7325 147.575 69.4621 145.493 62.942 145.25H14.5339Z" fill="#0E4595"/>
11550</svg>
11551
11552      <svg height="40" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
11553  <rect width="400" height="400" fill="white"/>
11554  <path d="M338.58 283.29L323.76 266.76L308.37 283.29H278.16H213.18V206.34H182.97L220.59 120.27H257.07L270.18 149.91V120.27H315.78L323.76 142.5L331.74 120.27H366.51V107.16C366.51 99.1799 360.24 92.9099 352.26 92.9099H46.74C38.76 92.9099 32.49 99.1799 32.49 107.16V292.41C32.49 300.39 38.76 306.66 46.74 306.66H352.26C360.24 306.66 366.51 300.39 366.51 292.41V283.29H338.58Z" fill="#0071CE"/>
11555  <path d="M342.57 274.17H366.51L335.16 240.54L366.51 207.48H343.14L323.19 229.14L303.81 207.48H279.87L311.79 241.11L279.87 274.17H303.24L323.19 252.51L342.57 274.17Z" fill="#0071CE"/>
11556  <path d="M241.68 258.78V248.52H279.3V233.13H241.68V222.87H279.87V207.48H223.44V274.17H279.87V258.78H241.68Z" fill="#0071CE"/>
11557  <path d="M348.84 197.79H365.94V130.53L338.58 131.1L323.76 172.71L308.37 131.1H279.87V197.79H298.11V151.05L315.21 197.79H331.17L348.84 151.05V197.79Z" fill="#0071CE"/>
11558  <path d="M250.8 131.1H227.43L197.79 197.79H217.74L223.44 184.68H254.22L259.92 197.79H280.44L250.8 131.1ZM229.71 169.29L238.83 147.63L247.95 169.29H229.71Z" fill="#0071CE"/>
11559  <path d="M349.98 238.83L366.51 257.07V220.59L349.98 238.83Z" fill="#0071CE"/>
11560</svg>
11561
11562      <svg
11563  xmlns="http://www.w3.org/2000/svg"
11564  xmlns:xlink="http://www.w3.org/1999/xlink"
11565  height="30px"
11566  viewBox="0 0 420 566"
11567  version="1.1"
11568>
11569  <title>01 Primary (Vertical)/Colour/Light background/Swish_Logo_Primary_Light-BG_SVG</title>
11570  <desc>Created with Sketch.</desc>
11571  <defs>
11572      <linearGradient x1="80.8150544%" y1="59.6365716%" x2="59.8678229%" y2="8.14952521%" id="linearGradient-1">
11573          <stop stop-color="#EF2131" offset="0%"/>
11574          <stop stop-color="#FECF2C" offset="100%"/>
11575      </linearGradient>
11576      <linearGradient x1="58.8181173%" y1="0%" x2="9.24395007%" y2="94.0712606%" id="linearGradient-2">
11577          <stop stop-color="#FBC52C" offset="0%"/>
11578          <stop stop-color="#F87130" offset="26.3921199%"/>
11579          <stop stop-color="#EF52E2" offset="56.079734%"/>
11580          <stop stop-color="#661EEC" offset="100%"/>
11581      </linearGradient>
11582      <linearGradient x1="20.5690473%" y1="41.0176198%" x2="40.5972643%" y2="91.2765373%" id="linearGradient-3">
11583          <stop stop-color="#78F6D8" offset="0%"/>
11584          <stop stop-color="#77D1F6" offset="26.5705044%"/>
11585          <stop stop-color="#70A4F3" offset="55.447147%"/>
11586          <stop stop-color="#661EEC" offset="100%"/>
11587      </linearGradient>
11588      <linearGradient x1="42.4403836%" y1="100%" x2="91.6136906%" y2="6.27757791%" id="linearGradient-4">
11589          <stop stop-color="#536EED" offset="0%"/>
11590          <stop stop-color="#54C3EC" offset="24.6657524%"/>
11591          <stop stop-color="#64D769" offset="56.4199509%"/>
11592          <stop stop-color="#FECF2C" offset="100%"/>
11593      </linearGradient>
11594  </defs>
11595  <g id="01-Primary-(Vertical)/Colour/Light-background/Swish_Logo_Primary_Light-BG" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
11596      <g id="Wordmark/Swish" transform="translate(54.000000, 470.000000)" fill="#4A4A49" fill-rule="nonzero">
11597          <path d="M327.407874,15.8757003 C327.407874,13.8495723 327.781624,11.9501057 328.529134,10.1772437 C329.276644,8.40438161 330.291107,6.85814918 331.572553,5.53849999 C332.854,4.21885079 334.355672,3.17914278 336.077615,2.41934476 C337.799559,1.65954674 339.648284,1.27965343 341.623847,1.27965343 C343.626107,1.27965343 345.501529,1.65954674 347.250169,2.41934476 C348.998809,3.17914278 350.520503,4.21885079 351.815298,5.53849999 C353.110093,6.85814918 354.13123,8.40438161 354.87874,10.1772437 C355.62625,11.9501057 356,13.8495723 356,15.8757003 C356,17.9018284 355.62625,19.8012949 354.87874,21.574157 C354.13123,23.347019 353.110093,24.8932515 351.815298,26.2129007 C350.520503,27.5325499 348.998809,28.5722579 347.250169,29.3320559 C345.501529,30.0918539 343.626107,30.4717472 341.623847,30.4717472 C339.648284,30.4717472 337.799559,30.0918539 336.077615,29.3320559 C334.355672,28.5722579 332.854,27.5325499 331.572553,26.2129007 C330.291107,24.8932515 329.276644,23.347019 328.529134,21.574157 C327.781624,19.8012949 327.407874,17.9018284 327.407874,15.8757003 Z M330.331159,15.8757003 C330.331159,17.5552539 330.618145,19.1148159 331.19212
115976,20.5544332 C331.766107,21.9940433 332.560325,23.2470319 333.574803,24.3134151 C334.589281,25.3797983 335.783945,26.2195625 337.15883,26.8327328 C338.533715,27.4459031 340.022039,27.7524837 341.623847,27.7524837 C343.252352,27.7524837 344.760698,27.4459031 346.148931,26.8327328 C347.537165,26.2195625 348.745177,25.3797983 349.773003,24.3134151 C350.80083,23.2470319 351.608396,21.9940433 352.195726,20.5544332 C352.783055,19.1148159 353.076715,17.5552539 353.076715,15.8757003 C353.076715,14.1961468 352.783055,12.6365848 352.195726,11.1969675 C351.608396,9.75735018 350.80083,8.50436873 349.773003,7.43798555 C348.745177,6.37160236 347.537165,5.53183819 346.148931,4.91866786 C344.760698,4.30549753 343.252352,3.99891696 341.623847,3.99891696 C340.022039,3.99891696 338.533715,4.30549753 337.15883,4.91866786 C335.783945,5.53183819 334.589281,6.37160236 333.574803,7.43798555 C332.560325,8.50436873 331.766107,9.75735018 331.192126,11.1969675 C330.618145,12.6365848 330.331159,14.1961468 330.331159,15.8757003 Z M336.738358,9.5974007 C336.738358,8.71763457 337.178848,8.27775811 338.059843,8.27775811 L342.584927,8.27775811 C344.026554,8.27775811 345.174499,8.69097539 346.028796,9.51742236 C346.883094,10.3438693 347.310236,11.4635549 347.310236,12.8765126 C347.310236,13.4630234 347.223473,13.9828774 347.049944,14.4360902 C346.876415,14.8893031 346.656169,15.282526 346.389201,15.6157707 C346.122233,15.9490155 345.828573,16.2222721 345.508211,16.4355487 C345.18785,16.6488253 344.867493,16.7954508 344.547132,16.8754296 L344.547132,16.9554079 C344.573828,16.9820675 344.613873,17.0353858 344.667267,17.1153646 C344.72066,17.1686837 344.774053,17.2553261 344.827447,17.3752942 C344.88084,17.4952623 344.960929,17.635223 345.067717,17.7951805 L347.150056,21.8340866 C347.390327,22.2872995 347.44372,22.6538632 347.310236,22.9337888 C347.176752,23.2137144 346.883092,23.353675 346.429246,23.353675 L345.948706,23.353675 C345.201196,23.353675 344.680616,23.0337649 344.386952,22.393935 L342.064342,17.5152563 L339.581552,17.5152563 L339.581552,22.0740216 C339.581552,22.9271282 339.167758,23.353675 338.340157,23.353675 L337.979753,23.353675 C337.152152,23.353675 336.738358,22.9271282 336.738358,22.0740216 L336.738358,9.5974007 Z M341.984252,15.4358195 C342.758459,15.4358195 343.359128,15.2092164 343.786277,14.7560036 C344.213425,14.3027907 344.426997,13.6763 344.426997,12.8765126 C344.426997,12.1033848 344.213425,11.5035533 343.786277,11.077 C343.359128,10.6504467 342.771807,10.4371733 342.024297,10.4371733 L339.581552,10.4371733 L339.581552,15.4358195 L341.984252,15.4358195 Z M225.25602,24.9972299 C229.78313,24.9972299 233.622238,25.5734014 236.773461,26.7257618 C239.924684,27.8781221 242.387927,28.9418234 244.163264,29.9168975 C245.672301,30.7146854 246.559956,31.7783867 246.826257,33.1080332 C247.092557,34.4376798 246.870643,35.8559481 246.160509,37.3628809 L244.829012,39.7562327 C244.030111,41.3518085 243.009307,42.2825471 241.766571,42.5484765 C240.523836,42.8144058 239.059205,42.5928013 237.372634,41.8836565 C235.863598,41.1745117 234.043905,40.4432171 231.913501,39.6897507 C229.783096,38.9362843 227.297662,38.5595568 224.457123,38.5595568 C221.527817,38.5595568 219.264296,39.1357283 217.666493,40.2880886 C216.068689,41.440449 215.2698,43.0803218 215.2698,45.2077562 C215.2698,47.0692614 216.090881,48.5761715 217.733068,49.7285319 C219.375254,50.8808922 221.461244,51.9002726 223.991099,52.7867036 C226.520954,53.6731346 229.228302,54.6260337 232.113225,55.6454294 C234.998148,56.664825 237.705496,57.9722912 240.235351,59.567867 C242.765206,61.1634429 244.851196,63.2022037 246.493383,65.6842105 C248.135569,68.1662174 248.95665,71.3130003 248.95665,75.1246537 C248.95665,78.1385192 248.357483,80.9085746 247.159131,83.434903 C245.960778,85.9612315 244.229851,88.1551153 241.966296,90.0166205 C239.702741,91.8781257 236.973202,93.3407149 233.777595,94.4044321 C230.581989,95.4681494 227.031368,96 223.125627,96 C217.622082,96 212.984084,95.202224 209.211493,93.6066482 C205.438902,92.0110724 202.531831,90.5041622 200.490194,89.0858726 C198.981157,88.1994416 198.137885,87.0914194 197.960351,85.7617729 C197.782817,84.4321263 198.182262,83.013858 199.158697,81.5069252 L200.756493,79.1135734 C201.732928,77.6952838 202.820306,76.8975078 204.018658,76.7202216 C205.217011,76.5429354 206.65945,76.8975025 208.34602,77.7839335 C209.943824,78.6703645 212.007622,79.6675845 214.537477,80.7756233 C217.067332,81.883662 220.063168,82.4376731 223.525075,82.4376731 C226.454381,82.4376731 228.762285,81.8171807 230.448855,80.5761773 C232.135425,79.3351739 232.978697,77.6509802 232.978697,75.5235457 C232.978697,73.6620406 232.157616,72.1772909 230.51543,71.0692521 C228.873243,69.9612133 226.787253,68.9418329 224.257398,68.0110803 C221.727543,67.0803278 219.020195,66.0831078 216.135272,65.0193906 C213.25035,63.9556734 210.543001,62.6260468 208.013146,61.0304709 C205.483291,59.4348951 203.397301,57.3961343 201.755115,54.9141274 C200.112928,52.4321206 199.291847,49.2410167 199.291847,45.3407202 C199.291847,42.0609254 199.97978,39.1357469 201.355666,36.565097 C202.731552,33.994447 204.595628,31.8670444 206.947949,30.1828255 C209.300271,28.4986065 212.052002,27.2133008 215.203225,26.3268698 C218.354448,25.4404388 221.705346,24.9972299 225.25602,24.9972299 Z M27.336639,24.9972299 C31.8637482,24.9972299 35.7028568,25.5734014 38.8540799,26.7257618 C42.005303,27.8781221 44.46854
1159761,28.9418234 46.2438831,29.9168975 C47.7529195,30.7146854 48.6405747,31.7783867 48.9068752,33.1080332 C49.1731758,34.4376798 48.951262,35.8559481 48.2411272,37.3628809 L46.9096311,39.7562327 C46.1107295,41.3518085 45.089926,42.2825471 43.8471902,42.5484765 C42.6044543,42.8144058 41.1398233,42.5928013 39.4532532,41.8836565 C37.9442167,41.1745117 36.1245237,40.4432171 33.9941193,39.6897507 C31.8637149,38.9362843 29.3782805,38.5595568 26.5377413,38.5595568 C23.6084354,38.5595568 21.3449147,39.1357283 19.7471114,40.2880886 C18.1493082,41.440449 17.3504185,43.0803218 17.3504185,45.2077562 C17.3504185,47.0692614 18.1714995,48.5761715 19.8136862,49.7285319 C21.4558729,50.8808922 23.5418626,51.9002726 26.0717177,52.7867036 C28.6015729,53.6731346 31.3089212,54.6260337 34.1938437,55.6454294 C37.0787663,56.664825 39.7861145,57.9722912 42.3159697,59.567867 C44.8458249,61.1634429 46.9318145,63.2022037 48.5740012,65.6842105 C50.2161879,68.1662174 51.0372689,71.3130003 51.0372689,75.1246537 C51.0372689,78.1385192 50.4381017,80.9085746 49.2397492,83.434903 C48.0413968,85.9612315 46.3104692,88.1551153 44.0469146,90.0166205 C41.78336,91.8781257 39.0538203,93.3407149 35.8582138,94.4044321 C32.6626073,95.4681494 29.1119866,96 25.2062453,96 C19.7027007,96 15.0647025,95.202224 11.2921114,93.6066482 C7.51952039,92.0110724 4.61244972,90.5041622 2.57081222,89.0858726 C1.0617758,88.1994416 0.218503392,87.0914194 0.0409696963,85.7617729 C-0.136564,84.4321263 0.262880825,83.013858 1.23931615,81.5069252 L2.83711143,79.1135734 C3.81354676,77.6952838 4.90092433,76.8975078 6.09927678,76.7202216 C7.29762923,76.5429354 8.74006888,76.8975025 10.426639,77.7839335 C12.0244423,78.6703645 14.0882405,79.6675845 16.6180957,80.7756233 C19.1479508,81.883662 22.143787,82.4376731 25.6056941,82.4376731 C28.5350001,82.4376731 30.8429035,81.8171807 32.5294736,80.5761773 C34.2160437,79.3351739 35.0593162,77.6509802 35.0593162,75.5235457 C35.0593162,73.6620406 34.2382351,72.1772909 32.5960484,71.0692521 C30.9538617,69.9612133 28.8678721,68.9418329 26.3380169,68.0110803 C23.8081618,67.0803278 21.1008135,66.0831078 18.215891,65.0193906 C15.3309684,63.9556734 12.6236201,62.6260468 10.093765,61.0304709 C7.5639098,59.4348951 5.47792016,57.3961343 3.83573348,54.9141274 C2.19354679,52.4321206 1.37246576,49.2410167 1.37246576,45.3407202 C1.37246576,42.0609254 2.06039851,39.1357469 3.43628466,36.565097 C4.8121708,33.994447 6.67624665,31.8670444 9.02856812,30.1828255 C11.3808896,28.4986065 14.1326206,27.2133008 17.2838437,26.3268698 C20.4350668,25.4404388 23.7859651,24.9972299 27.336639,24.9972299 Z M270.12043,0 C273.848637,0 275.712713,1.86147723 275.712713,5.58448753 L275.712713,32.9750693 C275.712713,33.8615003 275.690522,34.6371158 275.646138,35.3019391 C275.601755,35.9667623 275.535181,36.5650943 275.446414,37.0969529 C275.357647,37.7174546 275.313264,38.2493053 275.313264,38.6925208 L275.579564,38.6925208 C276.378465,37.0969449 277.510226,35.4792326 278.974879,33.8393352 C280.439532,32.1994378 282.170459,30.7146881 284.167713,29.3850416 C286.164967,28.055395 288.428488,26.9916937 290.958343,26.1939058 C293.488198,25.3961179 296.217738,24.9972299 299.147044,24.9972299 C306.692226,24.9972299 312.528559,27.0359907 316.656217,31.1135734 C320.783876,35.1911561 322.847674,41.7506473 322.847674,50.7922438 L322.847674,88.8199446 C322.847674,92.5429549 320.983598,94.4044321 317.25539,94.4044321 L311.529957,94.4044321 C307.80175,94.4044321 305.937674,92.5429549 305.937674,88.8199446 L305.937674,54.2493075 C305.937674,50.0830817 305.22755,46.7368547 303.80728,44.2105263 C302.387011,41.6841979 299.546514,40.4210526 295.285705,40.4210526 C292.356399,40.4210526 289.671242,40.9972242 287.230154,42.1495845 C284.789066,43.3019448 282.725268,44.8753363 281.038697,46.8698061 C279.352127,48.8642759 278.042836,51.2354433 277.110784,53.9833795 C276.178732,56.7313157 275.712713,59.7008151 275.712713,62.8919668 L275.712713,88.8199446 C275.712713,92.5429549 273.848637,94.4044321 270.12043,94.4044321 L264.394997,94.4044321 C260.666789,94.4044321 258.802713,92.5429549 258.802713,88.8199446 L258.802713,5.58448753 C258.802713,1.86147723 260.666789,0 264.394997,0 L270.12043,0 Z M181.654029,26.5927978 C185.29347,26.5927978 187.113163,28.45427
115975 187.113163,32.1772853 L187.113163,88.8199446 C187.113163,92.5429549 185.29347,94.4044321 181.654029,94.4044321 L175.795447,94.4044321 C172.156006,94.4044321 170.336313,92.5429549 170.336313,88.8199446 L170.336313,32.1772853 C170.336313,28.454275 172.156006,26.5927978 175.795447,26.5927978 L181.654029,26.5927978 Z M68.6780901,26.5927978 C72.0512303,26.5927978 74.0484544,28.2326706 74.6698223,31.5124654 L85.5880901,71.1357341 C85.7656238,72.1108082 85.9209634,72.9972259 86.0541137,73.7950139 C86.187264,74.5927978 86.3426036,75.3462568 86.5201373,76.0554017 C86.697671,76.8531896 86.8308193,77.6066447 86.9195861,78.3157895 L87.1858853,78.3157895 C87.2746522,77.6066447 87.4078005,76.8531896 87.5853342,76.0554017 C87.7628678,75.3462568 87.9182075,74.5927978 88.0513578,73.7950139 C88.184508,72.9972259 88.3842305,72.1108082 88.650531,71.1357341 L100.101397,31.5124654 C100.722765,28.3213137 102.764372,26.7257618 106.226279,26.7257618 L111.285964,26.7257618 C114.570337,26.7257618 116.611944,28.3213137 117.410846,31.5124654 L128.728562,71.1357341 C128.994863,72.1108082 129.194585,72.9972259 129.327736,73.7950139 C129.460886,74.5927978 129.616226,75.3462568 129.793759,76.0554017 C129.971293,76.8531896 130.104441,77.6066447 130.193208,78.3157895 L130.459507,78.3157895 C130.548274,77.6066447 130.681423,76.8531896 130.858956,76.0554017 C131.03649,75.3462568 131.19183,74.5927978 131.32498,73.7950139 C131.45813,72.9972259 131.657853,72.1108082 131.924153,71.1357341 L142.709271,31.5124654 C143.508173,28.2326706 145.54978,26.5927978 148.834153,26.5927978 L154.959035,26.5927978 C157.000672,26.5927978 158.420921,27.1689693 159.219822,28.3213296 C160.018724,29.47369 160.151872,30.9806001 159.619271,32.8421053 L142.176673,89.7506925 C141.289004,92.8532011 139.203015,94.4044321 135.918641,94.4044321 L126.997618,94.4044321 C123.624477,94.4044321 121.538488,92.8088802 120.739586,89.6177285 L110.487066,55.7119114 C110.220766,54.8254803 109.998852,53.9390626 109.821318,53.0526316 C109.643785,52.1662006 109.466254,51.3684246 109.28872,50.6592798 C109.111186,49.8614919 108.978038,49.1080368 108.889271,48.398892 L108.622972,48.398892 C108.445438,49.1080368 108.267907,49.8614919 108.090374,50.6592798 C107.91284,51.3684246 107.735309,52.1662006 107.557775,53.0526316 C107.380241,53.9390626 107.158328,54.8254803 106.892027,55.7119114 L96.6395074,89.6177285 C95.8406057,92.8088802 93.7989989,94.4044321 90.5146255,94.4044321 L81.3273027,94.4044321 C78.1316961,94.4044321 76.0900892,92.8532011 75.2024208,89.7506925 L57.6266727,32.8421053 C57.0940716,30.9806001 57.2494113,29.47369 58.0926964,28.3213296 C58.9359814,27.1689693 60.3340383,26.5927978 62.286909,26.5927978 L68.6780901,26.5927978 Z" id="swish®"/>
11598      </g>
11599      <g id="Symbol/Colour">
11600          <g id="Right-Swirl" transform="translate(119.332186, 49.114212)">
11601              <path d="M0,350.04439 C84.2884683,390.356195 188.31202,370.40599 251.156312,295.526341 C325.643824,206.7744 314.074361,74.4625171 225.315044,-5.68434189e-14 L166.309346,70.306361 C235.651961,128.480254 244.690771,231.848605 186.49762,301.186302 C140.096429,356.473463 63.6990439,374.933385 0,350.04439" id="Base-Shape" fill="url(#linearGradient-1)"/>
11602              <path d="M1.13686838e-13,350.04439 C84.2884683,390.356195 188.31202,370.40599 251.156312,295.526341 C258.852761,286.356 265.627668,276.719766 271.496605,266.731141 C281.420898,205.05998 259.596059,139.875161 208.256898,96.8056976 C195.213132,85.8627512 181.092937,77.0468488 166.318361,70.3145561 C235.65278,128.489678 244.687902,231.851883 186.49762,301.186302 C140.096429,356.473463 63.6990439,374.933385 1.13686838e-13,350.04439" id="Light-Cast" fill="url(#linearGradient-2)"/>
11603          </g>
11604          <g id="Left-Swirl">
11605              <path d="M300.254951,20.4289088 C215.966893,-19.8828961 111.943342,0.0668990353 49.0990489,74.9465478 C-25.3884633,163.698899 -13.8189999,296.010782 74.9399074,370.473299 L133.946015,300.166938 C64.6029903,241.993045 55.5645903,138.624694 113.757742,69.2865868 C160.158932,13.9994259 236.556317,-4.46049609 300.254951,20.4289088" id="Base-shape" fill="url(#linearGradient-3)"/>
11606              <path d="M300.254951,20.4289088 C215.966893,-19.8828961 111.943342,0.0668990353 49.0990489,74.9465478 C41.4021903,84.117299 34.627283,93.7535332 28.7587562,103.742158 C18.8340538,165.413319 40.6593025,230.597728 91.9984635,273.667601 C105.042229,284.610138 119.162424,293.42645 133.93659,300.158333 C64.6025806,241.983621 55.5670489,138.621416 113.7
1160657742,69.2865868 C160.158932,13.9994259 236.556317,-4.46049609 300.254951,20.4289088" id="Shadow" fill="url(#linearGradient-4)"/>
11607          </g>
11608      </g>
11609  </g>
11610</svg>
11611
11612    
11613  </div>
11614</div>
11615
11616                  </div>
11617                  
11618                </div>
11619              </div>
11620            </div>
11621
11622            <!-- Reviews -->
11623            <div
11624              class="border-b border-black/20 transition-all duration-300 ease-in-out"
11625              :class="{ 'min-h-56': !isSectionOpen(4) }"
11626            >
11627              <button
11628                class="w-full flex justify-between items-center px-6 py-24"
11629                @click="toggleSection(4)"
11630              >
11631                <span class="text-lg font-suisse text-medium">Recensioner</span>
11632                <span
11633                  class="transform transition-transform duration-300 w-16 h-16 flex items-center justify-center"
11634                  :class="{ 'rotate-180': isSectionOpen(4) }"
11635                >
11636
11637
11638
11639
11640
11641<svg width="16" height="16" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11642  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.64645 4.85359L2.35356 4.14648L7.00001 8.79293L11.6465 4.14648L12.3536 4.85359L7.00001 10.2071L1.64645 4.85359Z" fill="black"/>
11643</svg>
11644</span>
11645              </button>
11646              <div
11647                x-show="isSectionOpen(4)"
11648                class="w-full h-full flex justify-center items-center product-drawer-yotpo"
11649                x-init="
11650                  $watch('isSectionOpen(4)', value => {
11651                    if (value && window.yotpo) {
11652                      window.yotpo.refreshWidgets();
11653                    }
11654                  })
11655                "
11656              >
11657                <div class=" w-full h-full">
11658                  <div
11659                    class="yotpo yotpo-main-widget yotpo-display-s yotpo-device-mobile "
11660                    data-product-id=""
11661                    data-name=""
11662                    data-url="https://systerp.com"
11663                    data-image-url="//systerp.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_large.gif"
11664                    data-description=""
11665                    data-yotpo-element-id="1"
11666                    data-mobile="true"
11667                    data-yotpo-force-mobile="true"
11668                  ></div>
11669                </div>
11670              </div>
11671            </div>
11672          </div>
11673
11674          <div class="mt-auto pt-30">
11675            <button
11676              class="group flex items-center pl-40 pr-20 h-40 py-12 w-full border border-black tracking-widest text-center text-[12px] font-medium uppercase"
11677              @click="close"
11678            >
11679              <div class="w-full flex justify-center items-center ">Tillbaka till produktsida</div>
11680
11681              <div class=" flex justify-end opacity-0 group-hover:opacity-100 transition-opacity ">
11682                
11683
11684    <svg width="6" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
11685      <path d="m1 1 3.536 3.536L1 8.07" stroke="black" stroke-width="1.2"/>
11686    </svg>
11687  
11688
11689              </div>
11690            </button>
11691          </div>
11692        </div>
11693      </div>
11694    </div>
11695  </div>
11696</div>
11697
11698<script>
11699  window.infoDrawerComponent = {
11700    isOpen: false,
11701    openSections: new Set(),
11702
11703    initialize(activeSection) {
11704      this.openSections = new Set([activeSection]);
11705    },
11706
11707    toggle(event) {
11708      if (!this.isOpen && event.detail) {
11709        this.initialize(event.detail.active);
11710        this.isOpen = true;
11711        document.body.classList.add('overflow-hidden');
11712      } else {
11713        this.isOpen = false;
11714        this.openSections.clear();
11715        document.body.classList.remove('overflow-hidden');
11716      }
11717    },
11718
11719    close() {
11720      this.isOpen = false;
11721      this.openSections.clear();
11722      document.body.classList.remove('overflow-hidden');
11723    },
11724
11725    toggleSection(index) {
11726      if (this.openSections.has(index)) {
11727        this.openSections.delete(index);
11728      } else {
11729        this.openSections.add(index);
11730      }
11731    },
11732
11733    isSectionOpen(index) {
11734      return this.openSections.has(index);
11735    },
11736  };
11737</script>
11737
11738
11739
11740</div><div id="shopify-section-sections--28929187873150__country_recommendation_MWJGQQ" class="shopify-section shopify-section-group-overlay-group"><div
11741  class="fixed inset-0 z-[15000000] overflow-hidden"
11742  x-ignore
11743  x-cloak
11744  ax-load
11745  x-data="countryRecommendationModal"
11746  x-show="isOpen"
11747  data-enable-modal="true"
11748  data-message-template="We noticed you're visiting from __COUNTRY__. Would you like to update your shipping country?"
11749  data-available-countries="AX,AD,AU,BE,BA,BG,CY,DK,EE,FO,FI,AE,FR,GI,GR,HK,IE,IS,IL,IT,JP,JO,XK,HR,LV,LB,LI,LT,LU,MY,MT,MC,NL,NO,NZ,AT,PL,PT,QA,RO,SM,SA,SG,SK,SI,ES,SE,KR,TW,TH,CZ,TR,DE,HU,BY"
11750  aria-labelledby="country-recommendation-title"
11751  role="dialog"
11752  aria-modal="true"
11753>
11754  <div class="absolute inset-0 overflow-hidden">
11755    <div
11756      class="fixed inset-0 w-full bg-backdrop"
11757      x-transition.opacity
11758      x-show="isOpen"
11759      @click="dismiss"
11760      aria-hidden="true"
11761      x-cloak
11762    ></div>
11763    <div class="flex items-end md:items-center justify-center h-screen">
11764      <div
11765        x-transition:enter="transition ease-in-out duration-ss"
11766        x-transition:enter-start="opacity-0"
11767        x-transition:enter-end="opacity-100"
11768        x-transition:leave="transition ease-in-out duration-ss"
11769        x-transition:leave-start="opacity-100"
11770        x-transition:leave-end="opacity-0"
11771        x-show="isOpen"
11772        x-cloak
11773      >
11774        <div class="p-30 relative text-secondary-14-125 bg-white h-full w-full md:max-w-[568px]">
11775          <div class="mb-12">
11776            <h2
11777              id="country-recommendation-title"
11778              class="my-24 -mt-6 text-center text-default-bold-spaced uppercase"
11779            >
11780              Confirm your country
11781            </h2>
11782            <button
11783              type="button"
11784              @click="dismiss"
11785              class="absolute top-16 right-16 z-10 w-32 h-24 flex items-center justify-center"
11786            >
11787              <svg
11788  xmlns="http://www.w3.org/2000/svg"
11789  width="100%"
11790  height="11.31"
11791  viewBox="0 0 11 12"
11792  fill="none"
11793>
11794  <path d="M1.5 1.5L8.61876 8.61876" stroke="black" stroke-linecap="square" />
11795  <path d="M1.5 8.62109L8.61876 1.50233" stroke="black" stroke-linecap="square"/>
11796</svg>
11797
11798              <span
11799                class="sr-only fixed"
11800              >Stäng</span>
11801            </button>
11802          </div>
11803          <div class="my-12">
11804            <div x-html="message"></div>
11805          </div><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-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="/collections/bastsaljare" /><div class="relative bg-white-50 flex gap-8 items-center mb-16">
11806              <select
11807                aria-label="Select country"
11808                id="country-recommendation-select"
11809                name="country_code"
11810                class="w-full border border-grey p-12"
11811                role="list"
11812                @change="setLocaleFromCountry($event.target.value)"
11813              ><option
11814                    value="AX">
11815                    Åland (EUR)
11816                  </option><option
11817                    value="AD">
11818                    Andorra (EUR)
11819                  </option><option
11820                    value="AU">
11821                    Australien (EUR)
11822                  </option><option
11823                    value="BE">
11824                    Belgien (EUR)
11825                  </option><option
11826                    value="BA">
11827                    Bosnien och Hercegovina (EUR)
11828                  </option><option
11829                    value="BG">
11830                    Bulgarien (EUR)
11831                  </option><option
11832                    value="CY">
11833                    Cypern (EUR)
11834                  </option><option
11835                    value="DK">
11836                    Danmark (DKK)
11837                  </option><option
11838                    value="EE">
11839                    Estland (EUR)
11840                  </option><option
11841                    value="FO">
11842                    Färöarna (EUR)
11843                  </option><option
11844                    value="FI">
11845                    Finland (EUR)
11846                  </option><option
11847                    value="AE">
11848                    Förenade Arabemiraten (EUR)
11849                  </option><option
11850                    value="FR">
11851                    Frankrike (EUR)
11852                  </option><option
11853                    value="GI">
11854                    Gibraltar (EUR)
11855                  </option><option
11856                    value="GR">
11857                    Grekland (EUR)
11858                  </option><option
11859                    value="HK">
11860                    Hongkong SAR (EUR)
11861                  </option><option
11862                    value="IE">
11863                    Irland (EUR)
11864                  </option><option
11865                    value="IS">
11866                    Island (EUR)
11867                  </option><option
11868                    value="IL">
11869                    Israel (EUR)
11870                  </option><option
11871                    value="IT">
11872                    Italien (EUR)
11873                  </option><option
11874                    value="JP">
11875                    Japan (EUR)
11876                  </option><option
11877                    value="JO">
11878                    Jordanien (EUR)
11879                  </option><option
11880                    value="XK">
11881                    Kosovo (EUR)
11882                  </option><option
11883                    value="HR">
11884                    Kroatien (EUR)
11885                  </option><option
11886                    value="LV">
11887                    Lettland (EUR)
11888                  </option><option
11889                    value="LB">
11890                    Libanon (EUR)
11891                  </option><option
11892                    value="LI">
11893                    Liechtenstein (EUR)
11894                  </option><option
11895                    value="LT">
11896                    Litauen (EUR)
11897                  </option><option
11898                    value="LU">
11899                    Luxemburg (EUR)
11900                  </option><option
11901                    value="MY">
11902                    Malaysia (EUR)
11903                  </option><option
11904                    value="MT">
11905                    Malta (EUR)
11906                  </option><option
11907                    value="MC">
11908                    Monaco (EUR)
11909                  </option><option
11910                    value="NL">
11911                    Nederländerna (EUR)
11912                  </option><option
11913                    value="NO">
11914                    Norge (NOK)
11915                  </option><option
11916                    value="NZ">
11917                    Nya Zeeland (EUR)
11918                  </option><option
11919                    value="AT">
11920                    Österrike (EUR)
11921                  </option><option
11922                    value="PL">
11923                    Polen (EUR)
11924                  </option><option
11925                    value="PT">
11926                    Portugal (EUR)
11927                  </option><option
11928                    value="QA">
11929                    Qatar (EUR)
11930                  </option><option
11931                    value="RO">
11932                    Rumänien (EUR)
11933                  </option><option
11934                    value="SM">
11935                    San Marino (EUR)
11936                  </option><option
11937                    value="SA">
11938                    Saudiarabien (EUR)
11939                  </option><option
11940                    value="SG">
11941                    Singapore (EUR)
11942                  </option><option
11943                    value="SK">
11944                    Slovakien (EUR)
11945                  </option><option
11946                    value="SI">
11947                    Slovenien (EUR)
11948                  </option><option
11949                    value="ES">
11950                    Spanien (EUR)
11951                  </option><option
11952                    value="SE"selected>
11953                    Sverige (SEK)
11954                  </option><option
11955                    value="KR">
11956                    Sydkorea (EUR)
11957                  </option><option
11958                    value="TW">
11959                    Taiwan (EUR)
11960                  </option><option
11961                    value="TH">
11962                    Thailand (EUR)
11963                  </option><option
11964                    value="CZ">
11965                    Tjeckien (EUR)
11966                  </option><option
11967                    value="TR">
11968                    Turkiet (EUR)
11969                  </option><option
11970                    value="DE">
11971                    Tyskland (EUR)
11972                  </option><option
11973                    value="HU">
11974                    Ungern (EUR)
11975                  </option><option
11976                    value="BY">
11977                    Vitryssland (EUR)
11978                  </option></select>
11979            </div>
11980
11981            <!-- Hidden locale select - will be populated dynamically based on country selection -->
11982            <select
11983              name="locale_code"
11984              x-ref="localeSelect"
11985              class="sr-only"
11986            >
11987              <!-- Options will be populated by JavaScript based on selected country -->
11988            </select>
11989
11990            <div class="flex justify-center">
11991              <button
11992                type="submit"
11993                class="group button flex items-center justify-center h-[40px] px-16 whitespace-nowrap w-full lg:text-small-bold-spaced-12 text-small-bold-spaced-12 leading-none bg-black text-white uppercase hover:cursor-pointer"
11994                @click="handleConfirm"
11995              >
11996                Confirm
11997              </button>
11998            </div></form></div>
11999      </div>
12000    </div>
12001  </div>
12002</div>
12003
12004</div>
12005<!-- END sections: overlay-group -->
12006
12007    <ul hidden>
12008      <li id="a11y-refresh-page-message">
12009        Att välja ett alternativ resulterar i en uppdatering av hela sidan.
12010      </li>
12011      <li id="a11y-new-window-message">
12012        Öppnas i ett nytt fönster.
12013      </li>
12014    </ul>
12015
12016    
12016<script>
12017      window.shopUrl = 'https://systerp.com';
12018      window.routes = {
12019        cart_add_url: '/cart/add',
12020        cart_change_url: '/cart/change',
12021        cart_update_url: '/cart/update',
12022        cart_url: '/cart',
12023        predictive_search_url: '/search/suggest',
12024      };
12025
12026      // Set announcement bar height based on scroll position
12027      function setAnnouncementBarHeight() {
12028        const announcementBar = document.querySelector('.announcement-bar-section');
12029        const scrollTop = window.scrollY || document.documentElement.scrollTop;
12030
12031        if (announcementBar) {
12032          const height = announcementBar.offsetHeight;
12033          // If scrolled past announcement bar, set height to 0
12034          if (scrollTop > height) {
12035            document.documentElement.style.setProperty('--announcement-bar-height', '0px');
12036          } else {
12037            document.documentElement.style.setProperty('--announcement-bar-height', `${height}px`);
12038          }
12039        } else {
12040          document.documentElement.style.setProperty('--announcement-bar-height', '0px');
12041        }
12042      }
12043
12044      // Set header height
12045      function setHeaderOffsetHeight() {
12046        const header = document.querySelector('header');
12047
12048        if (header) {
12049          const headerHeight = header.offsetHeight || 56;
12050          document.documentElement.style.setProperty('--header-offset-height', `${headerHeight}px`);
12051        } else {
12052          document.documentElement.style.setProperty('--header-offset-height', '56px');
12053        }
12054      }
12055
12056      // Set initial heights
12057      setAnnouncementBarHeight();
12058      setHeaderOffsetHeight();
12059
12060      // Update on resize, scroll, and when DOM changes
12061      function updateHeights() {
12062        setAnnouncementBarHeight();
12063        setHeaderOffsetHeight();
12064      }
12065
12066      window.addEventListener('resize', updateHeights);
12067      window.addEventListener('scroll', updateHeights);
12068      const observer = new MutationObserver(updateHeights);
12069      observer.observe(document.body, { childList: true, subtree: true });
12070    </script>
12070
12071
12072    
12072<script
12073      type="module"
12074      src="//systerp.com/cdn/shop/t/296/assets/app.js?v=78981044597611596771785741841"
12075    ></script>
12075
12076
12077    
12078      
12078<script src="//systerp.com/cdn/shop/t/296/assets/klevu-theme-breeze_haven.js?v=182257485079018010611785741999" defer></script>
12078
12079      <link href="//systerp.com/cdn/shop/t/296/assets/klevu-theme-breeze_haven.css?v=165674578063629412001785741998" rel="stylesheet">
12080      
12080<script>
12081        window._klvReady = window._klvReady || [];
12082        window._klvReady.push(function () {
12083          var counter = 0;
12084          var klevuQuickChecker = setInterval(function () {
12085            var quickCheck1 = klevu.getObjectPath(klevu.settings, 'flags.bindLocalBoxes.build', false);
12086            var quickCheck2 = klevu.getObjectPath(klevu.settings, 'flags.setRemoteConfigQuick.loaded', false);
12087            var quickCheck3 = klevu.getObjectPath(klevu.settings, 'flags.setRemoteConfigQuick.build', false);
12088            if (counter > 30) {
12089              stopKlevuQuickChecker();
12090            } else if (quickCheck1 && quickCheck2 && !quickCheck3) {
12091              klevu.searchEvents.functions.bindAllSearchBoxes.fire();
12092              klevu.searchEvents.functions.bindAllExtraEvents.fire();
12093              klevu({
12094                flags: {
12095                  bindLocalBoxes: {
12096                    build: true,
12097                  },
12098                },
12099              });
12100            } else if (quickCheck1 && quickCheck2 && quickCheck3) {
12101              stopKlevuQuickChecker();
12102              // Ensure search bar on search page is also bound
12103              ensureSearchBarBinding();
12104            }
12105            counter++;
12106          }, 200);
12107          function stopKlevuQuickChecker() {
12108            clearInterval(klevuQuickChecker);
12109          }
12110          function ensureSearchBarBinding() {
12111            // Check if search bar input exists and bind it if needed
12112            var searchBarInput = document.getElementById('search-bar-input');
12113            if (searchBarInput && !searchBarInput.classList.contains('klevuTarget')) {
12114              // Try to bind the search bar input
12115              try {
12116                klevu.searchEvents.functions.bindAllSearchBoxes.fire();
12117              } catch (e) {
12118                console.log('Klevu binding check:', e);
12119              }
12120            }
12121          }
12122        });
12123      </script>
12123
12124    
12125
12126    
12126<script
12127      src="https://cert.tryggehandel.net/js/script.js?id=d1b9461c-381e-4f8b-9c66-96645c4554b4"
12128      defer
12129      async
12130    ></script>
12130
12131  
12131<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
12131
12132</body>
12133</html>
12134<style>
12135  .yotpo-paragraph-summary-button {
12136    display: none !important;
12137}
12138</style>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.