PageSourceSearch

https://designare.is/products/designare-tshirt?variant=48380734079197

html designare.is collected 2026-10-09 21:24:33 UTC 205,049 bytes, 4,918 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//designare.is/cdn/shop/files/d_favicon.png?crop=center&height=32&v=1780485050&width=32"
10      >
11    
12<meta charset="utf-8">
13<meta
14  http-equiv="X-UA-Compatible"
15  content="IE=edge"
16>
17<meta
18  name="viewport"
19  content="width=device-width,initial-scale=1"
20>
21<meta
22  name="view-transition"
23  content="same-origin"
24>
25<meta
26  name="theme-color"
27  content=""
28>
29
30<meta
31  property="og:site_name"
32  content="designare"
33>
34<meta
35  property="og:url"
36  content="https://designare.is/products/designare-tshirt"
37>
38<meta
39  property="og:title"
40  content="Designare T-Shirt | Heavyweight Oversized Tee | designare"
41>
42<meta
43  property="og:type"
44  content="product"
45>
46<meta
47  property="og:description"
48  content="Heavyweight 250 GSM designare t-shirt with a relaxed oversized fit."
49><meta
50    property="og:image"
51    content="https://designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"
52  >
53  <meta
54    property="og:image:secure_url"
55    content="https://designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"
56  >
57  <meta
58    property="og:image:width"
59    content="1254"
60  >
61  <meta
62    property="og:image:height"
63    content="1254"
64  ><meta
65    property="og:price:amount"
66    content="9,990"
67  >
68  <meta
69    property="og:price:currency"
70    content="ISK"
71  ><meta
72  name="twitter:card"
73  content="summary_large_image"
74>
75<meta
76  name="twitter:title"
77  content="Designare T-Shirt | Heavyweight Oversized Tee | designare"
78>
79<meta
80  name="twitter:description"
81  content="Heavyweight 250 GSM designare t-shirt with a relaxed oversized fit."
82>
83
84<title>
85  Designare T-Shirt | Heavyweight Oversized Tee | designare
86</title>
87
88<link
89  rel="canonical"
90  href="https://designare.is/products/designare-tshirt"
91>
92
93
94
95
96  <meta
97    name="description"
98    content="Heavyweight 250 GSM designare t-shirt with a relaxed oversized fit."
99  >
100
101<link href="//designare.is/cdn/shop/t/2/assets/overflow-list.css?v=101911674359793798601778092776" as="style" rel="preload">
102<link href="//designare.is/cdn/shop/t/2/assets/base.css?v=25630247329231457811778092776" rel="stylesheet" type="text/css" media="all" />
103
104<link
105    rel="preload"
106    as="font"
107    href="//designare.is/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
108    type="font/woff2"
109    crossorigin
110    fetchpriority="low"
111  ><link
112    rel="preload"
113    as="font"
114    href="//designare.is/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
115    type="font/woff2"
116    crossorigin
117    fetchpriority="low"
118  ><link
119    rel="preload"
120    as="font"
121    href="//designare.is/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
122    type="font/woff2"
123    crossorigin
124    fetchpriority="low"
125  ><link
126    rel="preload"
127    as="font"
128    href="//designare.is/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
129    type="font/woff2"
130    crossorigin
131    fetchpriority="low"
132  >
133<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 133
133
134<script type="importmap">
135  {
136    "imports": {
137      "@theme/overflow-list": "//designare.is/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511778092776",
138      "@theme/product-title": "//designare.is/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781778092775",
139      "@theme/component": "//designare.is/cdn/shop/t/2/assets/component.js?v=184240237101443119871778092777",
140      "@theme/dialog": "//designare.is/cdn/shop/t/2/assets/dialog.js?v=61774032287387761671778092777",
141      "@theme/events": "//designare.is/cdn/shop/t/2/assets/events.js?v=147926035229139604561778092775",
142      "@theme/focus": "//designare.is/cdn/shop/t/2/assets/focus.js?v=60436577539430446401778092777",
143      "@theme/morph": "//designare.is/cdn/shop/t/2/assets/morph.js?v=35457747882330740861778092775",
144      "@theme/paginated-list": "//designare.is/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871778092777",
145      "@theme/performance": "//designare.is/cdn/shop/t/2/assets/performance.js?v=171015751390534793081778092777",
146      "@theme/product-form": "//designare.is/cdn/shop/t/2/assets/product-form.js?v=37993400097492174081778092776",
147      "@theme/recently-viewed-products": "//designare.is/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651778092777",
148      "@theme/scrolling": "//designare.is/cdn/shop/t/2/assets/scrolling.js?v=118005526288211533611778092778",
149      "@theme/section-renderer": "//designare.is/cdn/shop/t/2/assets/section-renderer.js?v=117273408521114569061778092775",
150      "@theme/section-hydration": "//designare.is/cdn/shop/t/2/assets/section-hydration.js?v=177651605160027701221778092775",
151      "@theme/utilities": "//designare.is/cdn/shop/t/2/assets/utilities.js?v=74252600229394689081778092777",
152      "@theme/variant-picker": "//designare.is/cdn/shop/t/2/assets/variant-picker.js?v=124079696159966615681778092778",
153      "@theme/media-gallery": "//designare.is/cdn/shop/t/2/assets/media-gallery.js?v=111441960308641931071778092775",
154      "@theme/quick-add": "//designare.is/cdn/shop/t/2/assets/quick-add.js?v=148903382353369979481778092776",
155      "@theme/paginated-list-aspect-ratio": "//designare.is/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451778092776",
156      "@theme/popover-polyfill": "//designare.is/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201778092777",
157      "@theme/component-quantity-selector": "//designare.is/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641778092776",
158      "@theme/comparison-slider": "//designare.is/cdn/shop/t/2/assets/comparison-slider.js?v=106705562947035711941778092775",
159      "@theme/sticky-add-to-cart": "//designare.is/cdn/shop/t/2/assets/sticky-add-to-cart.js?v=48956925339276737091778092776",
160      "@theme/fly-to-cart": "//designare.is/cdn/shop/t/2/assets/fly-to-cart.js?v=129971753673458693881778092776"
161    }
162  }
163</script>
163
164
165<script
166  src="//designare.is/cdn/shop/t/2/assets/view-transitions.js?v=7106414069516106341778092775"
167  async
168  
169></script>
169
170
171<link
172  rel="modulepreload"
173  href="//designare.is/cdn/shop/t/2/assets/utilities.js?v=74252600229394689081778092777"
174  fetchpriority="low"
175>
176<link
177  rel="modulepreload"
178  href="//designare.is/cdn/shop/t/2/assets/component.js?v=184240237101443119871778092777"
179  fetchpriority="low"
180>
181<link
182  rel="modulepreload"
183  href="//designare.is/cdn/shop/t/2/assets/section-renderer.js?v=117273408521114569061778092775"
184  fetchpriority="low"
185>
186<link
187  rel="modulepreload"
188  href="//designare.is/cdn/shop/t/2/assets/section-hydration.js?v=177651605160027701221778092775"
189  fetchpriority="low"
190>
191<link
192  rel="modulepreload"
193  href="//designare.is/cdn/shop/t/2/assets/morph.js?v=35457747882330740861778092775"
194  fetchpriority="low"
195>
196
197
198
199<link
200  rel="modulepreload"
201  href="//designare.is/cdn/shop/t/2/assets/focus.js?v=60436577539430446401778092777"
202  fetchpriority="low"
203>
204<link
205  rel="modulepreload"
206  href="//designare.is/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651778092777"
207  fetchpriority="low"
208>
209<link
210  rel="modulepreload"
211  href="//designare.is/cdn/shop/t/2/assets/scrolling.js?v=118005526288211533611778092778"
212  fetchpriority="low"
213>
214<link
215  rel="modulepreload"
216  href="//designare.is/cdn/shop/t/2/assets/events.js?v=147926035229139604561778092775"
217  fetchpriority="low"
218>
219<script
220  src="//designare.is/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201778092777"
221  type="module"
222  fetchpriority="low"
223></script>
vendor: 1 bytes, line 223
223
224<script
225  src="//designare.is/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511778092776"
226  type="module"
227  fetchpriority="low"
228></script>
vendor: 1 bytes, line 228
228
229<script
230  src="//designare.is/cdn/shop/t/2/assets/quick-add.js?v=148903382353369979481778092776"
231  type="module"
232  fetchpriority="low"
233></script>
233
234
235  
235<script
236    src="//designare.is/cdn/shop/t/2/assets/cart-discount.js?v=107077853990124422021778092777"
237    type="module"
238    fetchpriority="low"
239  ></script>
239
240
241
242<script
243  src="//designare.is/cdn/shop/t/2/assets/dialog.js?v=61774032287387761671778092777"
244  type="module"
245  fetchpriority="low"
246></script>
vendor: 1 bytes, line 246
246
247<script
248  src="//designare.is/cdn/shop/t/2/assets/variant-picker.js?v=124079696159966615681778092778"
249  type="module"
250  fetchpriority="low"
251></script>
vendor: 1 bytes, line 251
251
252<script
253  src="//designare.is/cdn/shop/t/2/assets/product-card.js?v=124402285637860180781778092775"
254  type="module"
255  fetchpriority="low"
256></script>
vendor: 1 bytes, line 256
256
257<script
258  src="//designare.is/cdn/shop/t/2/assets/product-form.js?v=37993400097492174081778092776"
259  type="module"
260  fetchpriority="low"
261></script>
vendor: 1 bytes, line 261
261
262<script
263  src="//designare.is/cdn/shop/t/2/assets/fly-to-cart.js?v=129971753673458693881778092776"
264  type="module"
265  fetchpriority="low"
266></script>
vendor: 1 bytes, line 266
266
267<script
268  src="//designare.is/cdn/shop/t/2/assets/accordion-custom.js?v=99000499017714805851778092774"
269  type="module"
270  fetchpriority="low"
271></script>
vendor: 1 bytes, line 271
271
272<script
273  src="//designare.is/cdn/shop/t/2/assets/disclosure-custom.js?v=168050880623268140331778092778"
274  type="module"
275  fetchpriority="low"
276></script>
vendor: 1 bytes, line 276
276
277<script
278  src="//designare.is/cdn/shop/t/2/assets/media.js?v=37825095869491791421778092775"
279  type="module"
280  fetchpriority="low"
281></script>
vendor: 1 bytes, line 281
281
282<script
283  src="//designare.is/cdn/shop/t/2/assets/product-price.js?v=117989390664188536191778092777"
284  type="module"
285  fetchpriority="low"
286></script>
vendor: 1 bytes, line 286
286
287<script
288  src="//designare.is/cdn/shop/t/2/assets/product-sku.js?v=121804655373531320511778092774"
289  type="module"
290  fetchpriority="low"
291></script>
vendor: 1 bytes, line 291
291
292<script
293  src="//designare.is/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781778092775"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//designare.is/cdn/shop/t/2/assets/product-inventory.js?v=16343734458933704981778092777"
299  type="module"
300  fetchpriority="low"
301></script>
vendor: 1 bytes, line 301
301
302<script
303  src="//designare.is/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101778092775"
304  type="module"
305  fetchpriority="low"
306></script>
vendor: 1 bytes, line 306
306
307<script
308  src="//designare.is/cdn/shop/t/2/assets/slideshow.js?v=40796646405849125981778092776"
309  type="module"
310  fetchpriority="low"
311></script>
vendor: 1 bytes, line 311
311
312<script
313  src="//designare.is/cdn/shop/t/2/assets/layered-slideshow.js?v=30135417790894624731778092777"
314  type="module"
315  fetchpriority="low"
316></script>
vendor: 1 bytes, line 316
316
317<script
318  src="//designare.is/cdn/shop/t/2/assets/anchored-popover.js?v=95953304814728754461778092775"
319  type="module"
320  fetchpriority="low"
321></script>
vendor: 1 bytes, line 321
321
322<script
323  src="//designare.is/cdn/shop/t/2/assets/floating-panel.js?v=128677600744947036551778092776"
324  type="module"
325  fetchpriority="low"
326></script>
vendor: 1 bytes, line 326
326
327<script
328  src="//designare.is/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551778092774"
329  type="module"
330  fetchpriority="low"
331></script>
vendor: 1 bytes, line 331
331
332<script
333  src="//designare.is/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641778092776"
334  type="module"
335  fetchpriority="low"
336></script>
vendor: 1 bytes, line 336
336
337<script
338  src="//designare.is/cdn/shop/t/2/assets/media-gallery.js?v=111441960308641931071778092775"
339  type="module"
340  fetchpriority="low"
341></script>
vendor: 1 bytes, line 341
341
342<script
343  src="//designare.is/cdn/shop/t/2/assets/rte-formatter.js?v=101420294193111439321778092778"
344  type="module"
345  fetchpriority="low"
346></script>
vendor: 1 bytes, line 346
346
347<script
348  src="//designare.is/cdn/shop/t/2/assets/volume-pricing.js?v=15442793518842484731778092776"
349  type="module"
350  fetchpriority="low"
351></script>
vendor: 1 bytes, line 351
351
352<script
353  src="//designare.is/cdn/shop/t/2/assets/price-per-item.js?v=144512917617120124431778092775"
354  type="module"
355  fetchpriority="low"
356></script>
vendor: 1 bytes, line 356
356
357<script
358  src="//designare.is/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661778092775"
359  type="module"
360  fetchpriority="low"
361></script>
361
362
363
364  
364<script
365    src="//designare.is/cdn/shop/t/2/assets/localization.js?v=15585934801240115691778092778"
366    type="module"
367    fetchpriority="low"
368  ></script>
368
369
370
371
372  
372<script
373    src="//designare.is/cdn/shop/t/2/assets/fly-to-cart.js?v=129971753673458693881778092776"
374    type="module"
375    fetchpriority="low"
376  ></script>
376
377  
377<script
378    src="//designare.is/cdn/shop/t/2/assets/sticky-add-to-cart.js?v=48956925339276737091778092776"
379    type="module"
380    fetchpriority="low"
381  ></script>
381
382  
382<script type="module">
383    import { RecentlyViewed } from '@theme/recently-viewed-products';
384    RecentlyViewed.addProduct('9609011921117');
385  </script>
385
386
387
388
389
390<script
391  src="//designare.is/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581778092776"
392  defer="defer"
393></script>
393
394
395<script>
396  const Theme = {
397    translations: {
398      placeholder_image: `Placeholder image`,
399      added: `Added`,
400      recipient_form_fields_visible: `Recipient form fields are now visible`,
401      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
402      recipient_form_error: `There was an error with the form submission`,
403      items_added_to_cart_one: `1 item added to cart`,
404      items_added_to_cart_other: `{{ count }} items added to cart`,
405    },
406    routes: {
407      cart_add_url: '/cart/add.js',
408      cart_change_url: '/cart/change',
409      cart_update_url: '/cart/update',
410      cart_url: '/cart',
411      predictive_search_url: '/search/suggest',
412      search_url: '/search',
413    },
414    template: {
415      name: 'product',
416    },
417  };
418</script>
418
419<style data-shopify>
420@font-face {
421  font-family: Inter;
422  font-weight: 400;
423  font-style: normal;
424  font-display: swap;
425  src: url("//designare.is/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
426       url("//designare.is/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
427}
428@font-face {
429  font-family: Inter;
430  font-weight: 700;
431  font-style: normal;
432  font-display: swap;
433  src: url("//designare.is/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
434       url("//designare.is/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
435}
436@font-face {
437  font-family: Inter;
438  font-weight: 400;
439  font-style: italic;
440  font-display: swap;
441  src: url("//designare.is/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
442       url("//designare.is/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
443}
444@font-face {
445  font-family: Inter;
446  font-weight: 700;
447  font-style: italic;
448  font-display: swap;
449  src: url("//designare.is/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
450       url("//designare.is/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
451}
452@font-face {
453  font-family: Inter;
454  font-weight: 500;
455  font-style: normal;
456  font-display: swap;
457  src: url("//designare.is/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
458       url("//designare.is/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
459}
460@font-face {
461  font-family: Inter;
462  font-weight: 500;
463  font-style: italic;
464  font-display: swap;
465  src: url("//designare.is/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
466       url("//designare.is/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
467}
468
469
470  :root {
471    /* Page Layout */
472    --sidebar-width: 25rem;
473    --narrow-content-width: 36rem;
474    --normal-content-width: 42rem;
475    --wide-content-width: 46rem;
476    --narrow-page-width: 90rem;
477    --normal-page-width: 120rem;
478    --wide-page-width: 150rem;
479
480    /* Section Heights */
481    --section-height-small: 15rem;
482    --section-height-medium: 25rem;
483    --section-height-large: 35rem;
484
485    @media screen and (min-width: 40em) {
486      --section-height-small: 40svh;
487      --section-height-medium: 55svh;
488      --section-height-large: 70svh;
489    }
490
491    @media screen and (min-width: 60em) {
492      --section-height-small: 50svh;
493      --section-height-medium: 65svh;
494      --section-height-large: 80svh;
495    }
496
497    /* Letter spacing */
498    --letter-spacing-sm: 0.06em;
499    --letter-spacing-md: 0.13em;
500
501    /* Font families */
502    --font-body--family: Inter, sans-serif;
503    --font-body--style: normal;
504    --font-body--weight: 400;
505    --font-subheading--family: Inter, sans-serif;
506    --font-subheading--style: normal;
507    --font-subheading--weight: 500;
508    --font-heading--family: Inter, sans-serif;
509    --font-heading--style: normal;
510    --font-heading--weight: 700;
511    --font-accent--family: Inter, sans-serif;
512    --font-accent--style: normal;
513    --font-accent--weight: 700;
514
515    /* Margin sizes */
516    --font-h1--spacing: 0.25em;
517    --font-h2--spacing: 0.25em;
518    --font-h3--spacing: 0.25em;
519    --font-h4--spacing: 0.25em;
520    --font-h5--spacing: 0.25em;
521    --font-h6--spacing: 0.25em;
522    --font-paragraph--spacing: 0.5em;
523
524    /* Heading colors */
525    --font-h1--color: var(--color-foreground-heading);
526    --font-h2--color: var(--color-foreground-heading);
527    --font-h3--color: var(--color-foreground-heading);
528    --font-h4--color: var(--color-foreground-heading);
529    --font-h5--color: var(--color-foreground-heading);
530    --font-h6--color: var(--color-foreground-heading);
531
532    /** Z-Index / Layering */
533    --layer-section-background: -2;
534    --layer-lowest: -1;
535    --layer-base: 0;
536    --layer-flat: 1;
537    --layer-raised: 2;
538    --layer-heightened: 4;
539    --layer-sticky: 8;
540    --layer-window-overlay: 10;
541    --layer-header-menu: 12;
542    --layer-overlay: 16;
543    --layer-menu-drawer: 18;
544    --layer-temporary: 20;
545
546    /* Max-width / Measure */
547    --max-width--body-normal: 32.5em;
548    --max-width--body-narrow: 22.75em;
549
550    --max-width--heading-normal: 32.5em;
551    --max-width--heading-narrow: 19.5em;
552
553    --max-width--display-normal: 13em;
554    --max-width--display-narrow: 9.75em;
555    --max-width--display-tight: 3.25em;
556
557    /* Letter-spacing / Tracking */
558    --letter-spacing--display-tight: -0.03em;
559    --letter-spacing--display-normal: 0em;
560    --letter-spacing--display-loose: 0.03em;
561
562    --letter-spacing--heading-tight: -0.03em;
563    --letter-spacing--heading-normal: 0em;
564    --letter-spacing--heading-loose: 0.03em;
565
566    --letter-spacing--body-tight: -0.03em;
567    --letter-spacing--body-normal: 0em;
568    --letter-spacing--body-loose: 0.03em;
569
570    /* Line height / Leading */
571    --line-height: 1;
572
573    --line-height--display-tight: 1;
574    --line-height--display-normal: 1.1;
575    --line-height--display-loose: 1.2;
576
577    --line-height--heading-tight: 1.15;
578    --line-height--heading-normal: 1.25;
579    --line-height--heading-loose: 1.35;
580
581    --line-height--body-tight: 1.2;
582    --line-height--body-normal: 1.4;
583    --line-height--body-loose: 1.6;
584
585    /* Typography presets */
586    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
587
588    /* Hardcoded font sizes */
589    --font-size--3xs: 0.625rem;
590    --font-size--2xs: 0.75rem;
591    --font-size--xs: 0.8125rem;
592    --font-size--sm: 0.875rem;
593    --font-size--md: 1rem;
594    --font-size--lg: 1.125rem;
595    --font-size--xl: 1.25rem;
596    --font-size--2xl: 1.5rem;
597    --font-size--3xl: 2rem;
598    --font-size--4xl: 2.5rem;
599    --font-size--5xl: 3rem;
600    --font-size--6xl: 3.5rem;
601
602    /* Menu font sizes */
603    --menu-font-sm--size: 0.875rem;
604    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
605    --menu-font-md--size: 1rem;
606    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
607    --menu-font-lg--size: 1.125rem;
608    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
609    --menu-font-xl--size: 1.25rem;
610    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
611    --menu-font-2xl--size: 1.75rem;
612    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
613
614    /* Colors */
615    --color-error: #8B0000;
616    --color-success: #006400;
617    --color-white: #FFFFFF;
618    --color-white-rgb: 255 255 255;
619    --color-black: #000000;
620    --color-instock: #3ED660;
621    --color-lowstock: #EE9441;
622    --color-outofstock: #C8C8C8;
623
624    /* Opacity */
625    --opacity-5: 0.05;
626    --opacity-8: 0.08;
627    --opacity-10: 0.1;
628    --opacity-15: 0.15;
629    --opacity-20: 0.2;
630    --opacity-25: 0.25;
631    --opacity-30: 0.3;
632    --opacity-40: 0.4;
633    --opacity-50: 0.5;
634    --opacity-60: 0.6;
635    --opacity-70: 0.7;
636    --opacity-80: 0.8;
637    --opacity-85: 0.85;
638    --opacity-90: 0.9;
639    --opacity-subdued-text: var(--opacity-70);
640
641    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
642    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
643
644    /* Spacing */
645    --margin-3xs: 0.125rem;
646    --margin-2xs: 0.3rem;
647    --margin-xs: 0.5rem;
648    --margin-sm: 0.7rem;
649    --margin-md: 0.8rem;
650    --margin-lg: 1rem;
651    --margin-xl: 1.25rem;
652    --margin-2xl: 1.5rem;
653    --margin-3xl: 1.75rem;
654    --margin-4xl: 2rem;
655    --margin-5xl: 3rem;
656    --margin-6xl: 5rem;
657
658    --scroll-margin: 50px;
659
660    --padding-3xs: 0.125rem;
661    --padding-2xs: 0.25rem;
662    --padding-xs: 0.5rem;
663    --padding-sm: 0.7rem;
664    --padding-md: 0.8rem;
665    --padding-lg: 1rem;
666    --padding-xl: 1.25rem;
667    --padding-2xl: 1.5rem;
668    --padding-3xl: 1.75rem;
669    --padding-4xl: 2rem;
670    --padding-5xl: 3rem;
671    --padding-6xl: 4rem;
672
673    --gap-3xs: 0.125rem;
674    --gap-2xs: 0.3rem;
675    --gap-xs: 0.5rem;
676    --gap-sm: 0.7rem;
677    --gap-md: 0.9rem;
678    --gap-lg: 1rem;
679    --gap-xl: 1.25rem;
680    --gap-2xl: 2rem;
681    --gap-3xl: 3rem;
682
683    --spacing-scale-sm: 0.6;
684    --spacing-scale-md: 0.7;
685    --spacing-scale-default: 1.0;
686
687    /* Checkout buttons gap */
688    --checkout-button-gap: 10px;
689
690    /* Borders */
691    --style-border-width: 1px;
692    --style-border-radius-xs: 0.2rem;
693    --style-border-radius-sm: 0.6rem;
694    --style-border-radius-md: 0.8rem;
695    --style-border-radius-50: 50%;
696    --style-border-radius-lg: 1rem;
697    --style-border-radius-pills: 40px;
698    --style-border-radius-inputs: 4px;
699    --style-border-radius-buttons-primary: 14px;
700    --style-border-radius-buttons-secondary: 14px;
701    --style-border-width-primary: 0px;
702    --style-border-width-secondary: 1px;
703    --style-border-width-inputs: 1px;
704    --style-border-radius-popover: 14px;
705    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
706    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
707    --style-border-swatch-opacity: 10%;
708    --style-border-swatch-width: 1px;
709    --style-border-swatch-style: solid;
710
711    /* Animation */
712    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
713    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
714    --animation-speed-fast: 0.0625s;
715    --animation-speed: 0.125s;
716    --animation-speed-slow: 0.2s;
717    --animation-speed-medium: 0.15s;
718    --animation-easing: ease-in-out;
719    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
720    --drawer-animation-speed: 0.2s;
721    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
722    --animation-values: var(--animation-speed) var(--animation-easing);
723    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
724    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
725    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
726    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
727    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
728    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
729    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
730    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
731
732    /* View transitions */
733    /* View transition old */
734    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
735
736    /* View transition new */
737    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
738
739    /* Focus */
740    --focus-outline-width: 0.09375rem;
741    --focus-outline-offset: 0.2em;
742
743    /* Badges */
744    --badge-blob-padding-block: 1px;
745    --badge-blob-padding-inline: 12px 8px;
746    --badge-rectangle-padding-block: 1px;
747    --badge-rectangle-padding-inline: 6px;
748    @media screen and (min-width: 750px) {
749      --badge-blob-padding-block: 4px;
750      --badge-blob-padding-inline: 16px 12px;
751      --badge-rectangle-padding-block: 4px;
752      --badge-rectangle-padding-inline: 10px;
753    }
754
755    /* Icons */
756    --icon-size-2xs: 0.6rem;
757    --icon-size-xs: 0.85rem;
758    --icon-size-sm: 1.25rem;
759    --icon-size-md: 1.375rem;
760    --icon-size-lg: 1.5rem;
761    --icon-stroke-width: 1.5px;
762
763    /* Input */
764    --input-email-min-width: 200px;
765    --input-search-max-width: 650px;
766    --input-padding-y: 0.8rem;
767    --input-padding-x: 0.8rem;
768    --input-padding: var(--input-padding-y) var(--input-padding-x);
769    --input-box-shadow-width: var(--style-border-width-inputs);
770    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
771    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
772    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
773    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
774    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
775    --input-textarea-min-height: 55px;
776
777    /* Button size */
778    --button-size-sm: 30px;
779    --button-size-md: 36px;
780    --button-size: var(--minimum-touch-target);
781    --button-padding-inline: 24px;
782    --button-padding-block: 16px;
783
784    /* Button font-family */
785    --button-font-family-primary: var(--font-body--family);
786    --button-font-family-secondary: var(--font-body--family);
787
788    /* Button text case */
789    --button-text-case: ;
790    --button-text-case-primary: default;
791    --button-text-case-secondary: default;
792
793    /* Borders */
794    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
795    --border-width-sm: 1px;
796    --border-width-md: 2px;
797    --border-width-lg: 5px;
798    --border-radius-sm: 0.25rem;
799
800    /* Drawers */
801    --drawer-inline-padding: 25px;
802    --drawer-menu-inline-padding: 2.5rem;
803    --drawer-header-block-padding: 20px;
804    --drawer-content-block-padding: 10px;
805    --drawer-header-desktop-top: 0rem;
806    --drawer-padding: calc(var(--padding-sm) + 7px);
807    --drawer-height: 100dvh;
808    --drawer-width: 95vw;
809    --drawer-max-width: 500px;
810
811    /* Variant Picker Swatches */
812    --variant-picker-swatch-width-unitless: 34;
813    --variant-picker-swatch-height-unitless: 34;
814    --variant-picker-swatch-width: 34px;
815    --variant-picker-swatch-height: 34px;
816    --variant-picker-swatch-radius: 32px;
817    --variant-picker-border-width: 1px;
818    --variant-picker-border-style: solid;
819    --variant-picker-border-opacity: 10%;
820
821    /* Variant Picker Buttons */
822    --variant-picker-button-radius: 14px;
823    --variant-picker-button-border-width: 1px;
824
825    /* Slideshow */
826    --slideshow-controls-size: 3.5rem;
827    --slideshow-controls-icon: 2rem;
828    --peek-next-slide-size: 3rem;
829
830    /* Utilities */
831    --backdrop-opacity: 0.15;
832    --backdrop-color-rgb: var(--color-shadow-rgb);
833    --minimum-touch-target: 44px;
834    --disabled-opacity: 0.5;
835    --skeleton-opacity: 0.025;
836
837    /* Shapes */
838    --shape--circle: circle(50% at center);
839    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
840    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
841    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
841% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
842
843    /* Buy buttons */
844    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
845
846    /* Card image width and height variables */
847    --card-width-small: 10rem;
848
849    --height-small: 10rem;
850    --height-medium: 11.5rem;
851    --height-large: 13rem;
852    --height-full: 100vh;
853
854    @media screen and (min-width: 750px) {
855      --height-small: 17.5rem;
856      --height-medium: 21.25rem;
857      --height-large: 25rem;
858    }
859
860    /* Modal */
861    --modal-max-height: 65dvh;
862
863    /* Card styles for search */
864    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
865    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
866    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
867
868    /* Cart */
869    --cart-primary-font-family: var(--font-body--family);
870    --cart-primary-font-style: var(--font-body--style);
871    --cart-primary-font-weight: var(--font-body--weight);
872    --cart-secondary-font-family: var(--font-secondary--family);
873    --cart-secondary-font-style: var(--font-secondary--style);
874    --cart-secondary-font-weight: var(--font-secondary--weight);
875  }
876</style>
877<style data-shopify>
878  
879    
880      :root,
881    
882    
883    
884    .color-scheme-1 {
885        --color-background: rgb(255 255 255 / 1.0);
886        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
887        --color-background-rgb: 255 255 255;
888        --opacity-5-15: 0.05;
889        --opacity-10-25: 0.1;
890        --opacity-35-55: 0.35;
891        --opacity-40-60: 0.4;
892        --opacity-30-60: 0.3;
893        --color-foreground: rgb(0 0 0 / 0.81);
894        --color-foreground-rgb: 0 0 0;
895        --color-foreground-heading: rgb(0 0 0 / 1.0);
896        --color-foreground-heading-rgb: 0 0 0;
897        --color-primary: rgb(0 0 0 / 0.81);
898        --color-primary-rgb: 0 0 0;
899        --color-primary-hover: rgb(0 0 0 / 1.0);
900        --color-primary-hover-rgb: 0 0 0;
901        --color-border: rgb(0 0 0 / 0.06);
902        --color-border-rgb: 0 0 0;
903        --color-shadow: rgb(0 0 0 / 1.0);
904        --color-shadow-rgb: 0 0 0;
905        --color-primary-button-text: rgb(255 255 255 / 1.0);
906        --color-primary-button-background: rgb(0 0 0 / 1.0);
907        --color-primary-button-border: rgb(0 0 0 / 1.0);
908        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
909        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
910        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
911        --color-secondary-button-text: rgb(0 0 0 / 1.0);
912        --color-secondary-button-background: rgb(0 0 0 / 0.0);
913        --color-secondary-button-border: rgb(0 0 0 / 1.0);
914        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
915        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
916        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
917        --color-input-background: rgb(255 255 255 / 0.78);
918        --color-input-text: rgb(51 51 51 / 1.0);
919        --color-input-text-rgb: 51 51 51;
920        --color-input-border: rgb(223 223 223 / 1.0);
921        --color-input-hover-background: rgb(0 0 0 / 0.01);
922        --color-variant-background: rgb(255 255 255 / 1.0);
923        --color-variant-border: rgb(0 0 0 / 0.13);
924        --color-variant-text: rgb(0 0 0 / 1.0);
925        --color-variant-text-rgb: 0 0 0;
926        --color-variant-hover-background: rgb(245 245 245 / 1.0);
927        --color-variant-hover-text: rgb(0 0 0 / 1.0);
928        --color-variant-hover-border: rgb(230 230 230 / 1.0);
929        --color-selected-variant-background: rgb(0 0 0 / 1.0);
930        --color-selected-variant-border: rgb(0 0 0 / 1.0);
931        --color-selected-variant-text: rgb(255 255 255 / 1.0);
932        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
933        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
934        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
935
936        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
937        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
938        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
939        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
940        --font-h1--color: var(--color-foreground-heading);
941        --font-h2--color: var(--color-foreground-heading);
942        --font-h3--color: var(--color-foreground-heading);
943        --font-h4--color: var(--color-foreground-heading);
944        --font-h5--color: var(--color-foreground-heading);
945        --font-h6--color: var(--color-foreground-heading);
946
947        /* Shadows */
948        
949          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
950        
951        
952          --shadow-blur: 20px;
953          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
954        
955      }
956  
957    
958    
959    
960    .color-scheme-2 {
961        --color-background: rgb(245 245 245 / 1.0);
962        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
963        --color-background-rgb: 245 245 245;
964        --opacity-5-15: 0.05;
965        --opacity-10-25: 0.1;
966        --opacity-35-55: 0.35;
967        --opacity-40-60: 0.4;
968        --opacity-30-60: 0.3;
969        --color-foreground: rgb(0 0 0 / 0.81);
970        --color-foreground-rgb: 0 0 0;
971        --color-foreground-heading: rgb(0 0 0 / 1.0);
972        --color-foreground-heading-rgb: 0 0 0;
973        --color-primary: rgb(0 0 0 / 0.81);
974        --color-primary-rgb: 0 0 0;
975        --color-primary-hover: rgb(255 255 255 / 1.0);
976        --color-primary-hover-rgb: 255 255 255;
977        --color-border: rgb(223 223 223 / 1.0);
978        --color-border-rgb: 223 223 223;
979        --color-shadow: rgb(0 0 0 / 1.0);
980        --color-shadow-rgb: 0 0 0;
981        --color-primary-button-text: rgb(255 255 255 / 1.0);
982        --color-primary-button-background: rgb(0 0 0 / 1.0);
983        --color-primary-button-border: rgb(0 0 0 / 1.0);
984        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
985        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
986        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
987        --color-secondary-button-text: rgb(0 0 0 / 1.0);
988        --color-secondary-button-background: rgb(0 0 0 / 0.0);
989        --color-secondary-button-border: rgb(0 0 0 / 1.0);
990        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
991        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
992        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
993        --color-input-background: rgb(0 0 0 / 0.0);
994        --color-input-text: rgb(0 0 0 / 0.53);
995        --color-input-text-rgb: 0 0 0;
996        --color-input-border: rgb(0 0 0 / 0.13);
997        --color-input-hover-background: rgb(255 255 255 / 0.36);
998        --color-variant-background: rgb(255 255 255 / 1.0);
999        --color-variant-border: rgb(230 230 230 / 1.0);
1000        --color-variant-text: rgb(0 0 0 / 1.0);
1001        --color-variant-text-rgb: 0 0 0;
1002        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1003        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1004        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1005        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1006        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1007        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1008        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1009        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1010        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1011
1012        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1013        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1014        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1015        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1016        --font-h1--color: var(--color-foreground-heading);
1017        --font-h2--color: var(--color-foreground-heading);
1018        --font-h3--color: var(--color-foreground-heading);
1019        --font-h4--color: var(--color-foreground-heading);
1020        --font-h5--color: var(--color-foreground-heading);
1021        --font-h6--color: var(--color-foreground-heading);
1022
1023        /* Shadows */
1024        
1025          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1026        
1027        
1028          --shadow-blur: 20px;
1029          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1030        
1031      }
1032  
1033    
1034    
1035    
1036    .color-scheme-3 {
1037        --color-background: rgb(238 241 234 / 1.0);
1038        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1039        --color-background-rgb: 238 241 234;
1040        --opacity-5-15: 0.05;
1041        --opacity-10-25: 0.1;
1042        --opacity-35-55: 0.35;
1043        --opacity-40-60: 0.4;
1044        --opacity-30-60: 0.3;
1045        --color-foreground: rgb(0 0 0 / 0.81);
1046        --color-foreground-rgb: 0 0 0;
1047        --color-foreground-heading: rgb(0 0 0 / 1.0);
1048        --color-foreground-heading-rgb: 0 0 0;
1049        --color-primary: rgb(0 0 0 / 0.81);
1050        --color-primary-rgb: 0 0 0;
1051        --color-primary-hover: rgb(0 0 0 / 1.0);
1052        --color-primary-hover-rgb: 0 0 0;
1053        --color-border: rgb(0 0 0 / 0.81);
1054        --color-border-rgb: 0 0 0;
1055        --color-shadow: rgb(0 0 0 / 1.0);
1056        --color-shadow-rgb: 0 0 0;
1057        --color-primary-button-text: rgb(255 255 255 / 1.0);
1058        --color-primary-button-background: rgb(0 0 0 / 1.0);
1059        --color-primary-button-border: rgb(0 0 0 / 1.0);
1060        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1061        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1062        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1063        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1064        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1065        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1066        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1067        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1068        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1069        --color-input-background: rgb(0 0 0 / 0.0);
1070        --color-input-text: rgb(0 0 0 / 0.81);
1071        --color-input-text-rgb: 0 0 0;
1072        --color-input-border: rgb(0 0 0 / 0.81);
1073        --color-input-hover-background: rgb(255 255 255 / 0.36);
1074        --color-variant-background: rgb(255 255 255 / 1.0);
1075        --color-variant-border: rgb(230 230 230 / 1.0);
1076        --color-variant-text: rgb(0 0 0 / 1.0);
1077        --color-variant-text-rgb: 0 0 0;
1078        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1079        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1080        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1081        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1082        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1083        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1084        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1085        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1086        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1087
1088        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1089        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1090        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1091        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1092        --font-h1--color: var(--color-foreground-heading);
1093        --font-h2--color: var(--color-foreground-heading);
1094        --font-h3--color: var(--color-foreground-heading);
1095        --font-h4--color: var(--color-foreground-heading);
1096        --font-h5--color: var(--color-foreground-heading);
1097        --font-h6--color: var(--color-foreground-heading);
1098
1099        /* Shadows */
1100        
1101          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1102        
1103        
1104          --shadow-blur: 20px;
1105          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1106        
1107      }
1108  
1109    
1110    
1111    
1112    .color-scheme-4 {
1113        --color-background: rgb(225 237 245 / 1.0);
1114        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1115        --color-background-rgb: 225 237 245;
1116        --opacity-5-15: 0.05;
1117        --opacity-10-25: 0.1;
1118        --opacity-35-55: 0.35;
1119        --opacity-40-60: 0.4;
1120        --opacity-30-60: 0.3;
1121        --color-foreground: rgb(0 0 0 / 0.81);
1122        --color-foreground-rgb: 0 0 0;
1123        --color-foreground-heading: rgb(0 0 0 / 1.0);
1124        --color-foreground-heading-rgb: 0 0 0;
1125        --color-primary: rgb(0 0 0 / 0.81);
1126        --color-primary-rgb: 0 0 0;
1127        --color-primary-hover: rgb(0 0 0 / 1.0);
1128        --color-primary-hover-rgb: 0 0 0;
1129        --color-border: rgb(29 54 134 / 0.5);
1130        --color-border-rgb: 29 54 134;
1131        --color-shadow: rgb(0 0 0 / 1.0);
1132        --color-shadow-rgb: 0 0 0;
1133        --color-primary-button-text: rgb(255 255 255 / 1.0);
1134        --color-primary-button-background: rgb(0 0 0 / 1.0);
1135        --color-primary-button-border: rgb(29 54 134 / 1.0);
1136        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1137        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1138        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1139        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1140        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1141        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1142        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1143        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1144        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1145        --color-input-background: rgb(0 0 0 / 0.0);
1146        --color-input-text: rgb(0 0 0 / 0.81);
1147        --color-input-text-rgb: 0 0 0;
1148        --color-input-border: rgb(0 0 0 / 0.81);
1149        --color-input-hover-background: rgb(255 255 255 / 0.36);
1150        --color-variant-background: rgb(255 255 255 / 1.0);
1151        --color-variant-border: rgb(230 230 230 / 1.0);
1152        --color-variant-text: rgb(0 0 0 / 1.0);
1153        --color-variant-text-rgb: 0 0 0;
1154        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1155        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1156        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1157        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1158        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1159        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1160        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1161        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1162        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1163
1164        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1165        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1166        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1167        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1168        --font-h1--color: var(--color-foreground-heading);
1169        --font-h2--color: var(--color-foreground-heading);
1170        --font-h3--color: var(--color-foreground-heading);
1171        --font-h4--color: var(--color-foreground-heading);
1172        --font-h5--color: var(--color-foreground-heading);
1173        --font-h6--color: var(--color-foreground-heading);
1174
1175        /* Shadows */
1176        
1177          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1178        
1179        
1180          --shadow-blur: 20px;
1181          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1182        
1183      }
1184  
1185    
1186    
1187    
1188    .color-scheme-5 {
1189        --color-background: rgb(51 51 51 / 1.0);
1190        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1191        --color-background-rgb: 51 51 51;
1192        --opacity-5-15: 0.15;
1193        --opacity-10-25: 0.25;
1194        --opacity-35-55: 0.55;
1195        --opacity-40-60: 0.6;
1196        --opacity-30-60: 0.6;
1197        --color-foreground: rgb(255 255 255 / 1.0);
1198        --color-foreground-rgb: 255 255 255;
1199        --color-foreground-heading: rgb(255 255 255 / 1.0);
1200        --color-foreground-heading-rgb: 255 255 255;
1201        --color-primary: rgb(255 255 255 / 1.0);
1202        --color-primary-rgb: 255 255 255;
1203        --color-primary-hover: rgb(255 255 255 / 0.69);
1204        --color-primary-hover-rgb: 255 255 255;
1205        --color-border: rgb(255 255 255 / 0.69);
1206        --color-border-rgb: 255 255 255;
1207        --color-shadow: rgb(0 0 0 / 1.0);
1208        --color-shadow-rgb: 0 0 0;
1209        --color-primary-button-text: rgb(0 0 0 / 1.0);
1210        --color-primary-button-background: rgb(255 255 255 / 1.0);
1211        --color-primary-button-border: rgb(255 255 255 / 1.0);
1212        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1213        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1214        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1215        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1216        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1217        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1218        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1219        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1220        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1221        --color-input-background: rgb(51 51 51 / 1.0);
1222        --color-input-text: rgb(255 255 255 / 0.93);
1223        --color-input-text-rgb: 255 255 255;
1224        --color-input-border: rgb(255 255 255 / 0.69);
1225        --color-input-hover-background: rgb(255 255 255 / 0.04);
1226        --color-variant-background: rgb(255 255 255 / 1.0);
1227        --color-variant-border: rgb(230 230 230 / 1.0);
1228        --color-variant-text: rgb(0 0 0 / 1.0);
1229        --color-variant-text-rgb: 0 0 0;
1230        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1231        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1232        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1233        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1234        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1235        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1236        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1237        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1238        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1239
1240        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1241        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1242        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1243        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1244        --font-h1--color: var(--color-foreground-heading);
1245        --font-h2--color: var(--color-foreground-heading);
1246        --font-h3--color: var(--color-foreground-heading);
1247        --font-h4--color: var(--color-foreground-heading);
1248        --font-h5--color: var(--color-foreground-heading);
1249        --font-h6--color: var(--color-foreground-heading);
1250
1251        /* Shadows */
1252        
1253          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1254        
1255        
1256          --shadow-blur: 20px;
1257          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1258        
1259      }
1260  
1261    
1262    
1263    
1264    .color-scheme-6 {
1265        --color-background: rgb(0 0 0 / 0.0);
1266        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1267        --color-background-rgb: 0 0 0;
1268        --opacity-5-15: 0.15;
1269        --opacity-10-25: 0.25;
1270        --opacity-35-55: 0.55;
1271        --opacity-40-60: 0.6;
1272        --opacity-30-60: 0.6;
1273        --color-foreground: rgb(255 255 255 / 1.0);
1274        --color-foreground-rgb: 255 255 255;
1275        --color-foreground-heading: rgb(255 255 255 / 1.0);
1276        --color-foreground-heading-rgb: 255 255 255;
1277        --color-primary: rgb(255 255 255 / 1.0);
1278        --color-primary-rgb: 255 255 255;
1279        --color-primary-hover: rgb(255 255 255 / 0.69);
1280        --color-primary-hover-rgb: 255 255 255;
1281        --color-border: rgb(230 230 230 / 1.0);
1282        --color-border-rgb: 230 230 230;
1283        --color-shadow: rgb(0 0 0 / 1.0);
1284        --color-shadow-rgb: 0 0 0;
1285        --color-primary-button-text: rgb(0 0 0 / 1.0);
1286        --color-primary-button-background: rgb(255 255 255 / 1.0);
1287        --color-primary-button-border: rgb(255 255 255 / 1.0);
1288        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1289        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1290        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1291        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1291
1292        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1293        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1294        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1295        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1296        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1297        --color-input-background: rgb(255 255 255 / 1.0);
1298        --color-input-text: rgb(0 0 0 / 0.53);
1299        --color-input-text-rgb: 0 0 0;
1300        --color-input-border: rgb(0 0 0 / 0.13);
1301        --color-input-hover-background: rgb(250 250 250 / 1.0);
1302        --color-variant-background: rgb(255 255 255 / 1.0);
1303        --color-variant-border: rgb(230 230 230 / 1.0);
1304        --color-variant-text: rgb(0 0 0 / 1.0);
1305        --color-variant-text-rgb: 0 0 0;
1306        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1307        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1308        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1309        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1310        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1311        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1312        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1313        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1314        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1315
1316        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1317        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1318        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1319        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1320        --font-h1--color: var(--color-foreground-heading);
1321        --font-h2--color: var(--color-foreground-heading);
1322        --font-h3--color: var(--color-foreground-heading);
1323        --font-h4--color: var(--color-foreground-heading);
1324        --font-h5--color: var(--color-foreground-heading);
1325        --font-h6--color: var(--color-foreground-heading);
1326
1327        /* Shadows */
1328        
1329          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1330        
1331        
1332          --shadow-blur: 20px;
1333          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1334        
1335      }
1336  
1337    
1338    
1339    
1340    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1341        --color-background: rgb(0 0 0 / 0.0);
1342        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1343        --color-background-rgb: 0 0 0;
1344        --opacity-5-15: 0.15;
1345        --opacity-10-25: 0.25;
1346        --opacity-35-55: 0.55;
1347        --opacity-40-60: 0.6;
1348        --opacity-30-60: 0.6;
1349        --color-foreground: rgb(0 0 0 / 1.0);
1350        --color-foreground-rgb: 0 0 0;
1351        --color-foreground-heading: rgb(0 0 0 / 1.0);
1352        --color-foreground-heading-rgb: 0 0 0;
1353        --color-primary: rgb(0 0 0 / 1.0);
1354        --color-primary-rgb: 0 0 0;
1355        --color-primary-hover: rgb(0 0 0 / 0.53);
1356        --color-primary-hover-rgb: 0 0 0;
1357        --color-border: rgb(230 230 230 / 1.0);
1358        --color-border-rgb: 230 230 230;
1359        --color-shadow: rgb(0 0 0 / 1.0);
1360        --color-shadow-rgb: 0 0 0;
1361        --color-primary-button-text: rgb(255 255 255 / 1.0);
1362        --color-primary-button-background: rgb(0 0 0 / 1.0);
1363        --color-primary-button-border: rgb(0 0 0 / 1.0);
1364        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1365        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1366        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1367        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1368        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1369        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1370        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1371        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1372        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1373        --color-input-background: rgb(255 255 255 / 1.0);
1374        --color-input-text: rgb(0 0 0 / 0.53);
1375        --color-input-text-rgb: 0 0 0;
1376        --color-input-border: rgb(0 0 0 / 0.13);
1377        --color-input-hover-background: rgb(250 250 250 / 1.0);
1378        --color-variant-background: rgb(255 255 255 / 1.0);
1379        --color-variant-border: rgb(230 230 230 / 1.0);
1380        --color-variant-text: rgb(0 0 0 / 1.0);
1381        --color-variant-text-rgb: 0 0 0;
1382        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1383        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1384        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1385        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1386        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1387        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1388        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1389        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1390        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1391
1392        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1393        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1394        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1395        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1396        --font-h1--color: var(--color-foreground-heading);
1397        --font-h2--color: var(--color-foreground-heading);
1398        --font-h3--color: var(--color-foreground-heading);
1399        --font-h4--color: var(--color-foreground-heading);
1400        --font-h5--color: var(--color-foreground-heading);
1401        --font-h6--color: var(--color-foreground-heading);
1402
1403        /* Shadows */
1404        
1405          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1406        
1407        
1408          --shadow-blur: 20px;
1409          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1410        
1411      }
1412  
1413
1414  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1415    color: var(--color-foreground);
1416    background-color: var(--color-background);
1417  }
1418</style>
1419<link rel="preconnect" href="https://fonts.googleapis.com">
1420    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1421    <link
1422      rel="stylesheet"
1423      href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap"
1424    >
1425    <link href="//designare.is/cdn/shop/t/2/assets/editorial.css?v=109308578524356404951789649175" rel="stylesheet" type="text/css" media="all" />
1426
1427    
1428
1429    
1429<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1429<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/80485908701/digital_wallets/dialog">
1430<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/48380734079197:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card dev.shopify.shop_pay"><link rel="alternate" type="application/json+oembed" href="https://designare.is/products/designare-tshirt.oembed">
1431<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 1431
1431
1432<script id="shopify-features" type="application/json">{"accessToken":"d11baa4cded42870a379a6955fab85c6","betas":["rich-media-storefront-analytics"],"domain":"designare.is","predictiveSearch":true,"shopId":80485908701,"locale":"en"}</script>
vendor: 1 bytes, line 1432
1432
1433<script>var Shopify = Shopify || {};
1434Shopify.shop = "ssfpvv-ja.myshopify.com";
1435Shopify.locale = "en";
1436Shopify.currency = {"active":"ISK","rate":"1.0"};
1437Shopify.country = "US";
1438Shopify.theme = {"name":"designare-theme\/main","id":161429029085,"schema_name":"Horizon","schema_version":"3.2.1","theme_store_id":null,"role":"main"};
1439Shopify.theme.handle = "null";
1440Shopify.theme.style = {"id":null,"handle":null};
1441Shopify.cdnHost = "designare.is/cdn";
1442Shopify.routes = Shopify.routes || {};
1443Shopify.routes.root = "/";
1444Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1445Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1446Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1447Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1447
1447
1448<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1448
1448
1449<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 1449
1449
1450<script>
1451  window.Shopify = window.Shopify || {};
1452  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1453  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1454  window.Shopify.SignInWithShop.eligible = true;
1455</script>
vendor: 1 bytes, line 1455
1455
1456<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1456
1456
1457<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1457
1457
1458<script type="module">
1459  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1460
1461  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1462
1463</script>
vendor: 1 bytes, line 1463
1463
1464<script>
1465  window.Shopify = window.Shopify || {};
1466  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1467  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1468</script>
vendor: 1 bytes, line 1468
1468
1469<script id="__st">var __st={"a":80485908701,"offset":0,"reqid":"d941e6f9-3f18-4ff3-9f69-0ba96b902e6a-1791581072","pageurl":"designare.is\/products\/designare-tshirt?variant=48380734079197","u":"e8c2da9a0fe8","p":"product","rtyp":"product","rid":9609011921117};</script>
vendor: 1 bytes, line 1469
1469
1470<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1470
1470
1471<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:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(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 1471
1471
1472<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//designare.is/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1472
1472
1473<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 = "//designare.is/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>
1473<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 1473
1473
1474<script>
1475  window.Shopify = window.Shopify || {};
1476  window.Shopify.MCP = window.Shopify.MCP || {};
1477  window.Shopify.MCP.enabled = true;
1478  window.Shopify.MCP.shop = "ssfpvv-ja.myshopify.com";
1479  window.Shopify.MCP.mcpEndpoint = "https:\/\/designare.is\/api\/mcp";
1480  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1481</script>
vendor: 1 bytes, line 1481
1481
1482<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("\/\/designare.is\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
1483</script>
vendor: 1 bytes, line 1483
1483
1484<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://designare.is/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1485</script>
vendor: 1 bytes, line 1485
1485
1486<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1487  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);
1488</script>
vendor: 1 bytes, line 1488
1488
1489<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})}}));
1490</script>
vendor: 1 bytes, line 1490
1490
1491<script id='scb4127' type='text/javascript' async='' src='https://designare.is/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1491<link rel="stylesheet" media="screen" href="//designare.is/cdn/shop/t/2/compiled_assets/styles.css?v=82113424724073279931786893701">
1492<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1492
1493  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1494<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: 80485908701,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 1494
1494
1495<script>
1496  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1497</script>
vendor: 1 bytes, line 1497
1497
1498<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}
1498).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: 80485908701,storefrontBaseUrl: "https://designare.is",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://designare.is/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"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":"designare","paymentSettings":{"currencyCode":"ISK"},"myshopifyDomain":"ssfpvv-ja.myshopify.com","countryCode":"IS","storefrontUrl":"https:\/\/designare.
1498is"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":9990.0,"currencyCode":"ISK"},"product":{"title":"designare t-shirt","vendor":"designare","id":"9609011921117","untranslatedTitle":"designare t-shirt","url":"\/products\/designare-tshirt","type":"t-shirt"},"id":"48380734079197","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"sku":null,"title":"XS","untranslatedTitle":"XS"},{"price":{"amount":9990.0,"currencyCode":"ISK"},"product":{"title":"designare t-shirt","vendor":"designare","id":"9609011921117","untranslatedTitle":"designare t-shirt","url":"\/products\/designare-tshirt","type":"t-shirt"},"id":"48380734111965","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"sku":null,"title":"S","untranslatedTitle":"S"},{"price":{"amount":9990.0,"currencyCode":"ISK"},"product":{"title":"designare t-shirt","vendor":"designare","id":"9609011921117","untranslatedTitle":"designare t-shirt","url":"\/products\/designare-tshirt","type":"t-shirt"},"id":"48380734144733","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"sku":null,"title":"M","untranslatedTitle":"M"},{"price":{"amount":9990.0,"currencyCode":"ISK"},"product":{"title":"designare t-shirt","vendor":"designare","id":"9609011921117","untranslatedTitle":"designare t-shirt","url":"\/products\/designare-tshirt","type":"t-shirt"},"id":"48380734177501","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"sku":null,"title":"L","untranslatedTitle":"L"},{"price":{"amount":9990.0,"currencyCode":"ISK"},"product":{"title":"designare t-shirt","vendor":"designare","id":"9609011921117","untranslatedTitle":"designare t-shirt","url":"\/products\/designare-tshirt","type":"t-shirt"},"id":"48380734210269","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"sku":null,"title":"XL","untranslatedTitle":"XL"}],"products":[{"id":"9609011921117","handle":"designare-tshirt","isCollective":null,"title":"designare t-shirt","type":"t-shirt","untranslatedTitle":"designare t-shirt","url":"\/products\/designare-tshirt","vendor":"designare","remoteShopId":null,"variants":[{"id":"48380734079197","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"price":{"amount":9990.0,"currencyCode":"ISK"},"sku":null,"title":"XS","untranslatedTitle":"XS"},{"id":"48380734111965","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"price":{"amount":9990.0,"currencyCode":"ISK"},"sku":null,"title":"S","untranslatedTitle":"S"},{"id":"48380734144733","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"price":{"amount":9990.0,"currencyCode":"ISK"},"sku":null,"title":"M","untranslatedTitle":"M"},{"id":"48380734177501","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"price":{"amount":9990.0,"currencyCode":"ISK"},"sku":null,"title":"L","untranslatedTitle":"L"},{"id":"48380734210269","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"price":{"amount":9990.0,"currencyCode":"ISK"},"sku":null,"title":"XL","untranslatedTitle":"XL"}]},{"id":"9486757036253","handle":"nils-thorsson-baca-vase-for-royal-copenhagen-denmark","isCollective":null,"title":"Baca Vase, Nils Thorsson","type":"vase","untranslatedTitle":"Baca Vase, Nils Thorsson","url":"\/products\/nils-thorsson-baca-vase-for-royal-copenhagen-denmark","vendor":"designare","remoteShopId":null,"variants":[{"id":"47891589365981","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/44D76A6D-4889-45DF-B2E3-101AAE5AEF86.png?v=1778162542"},"price":{"amount":17990.0,"currencyCode":"ISK"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"9618788712669","handle":"bjork-a-project-by-bjork-2001","isCollective":null,"title":"Björk — A Project by Björk, 2001","type":"book","untranslatedTitle":"Björk — A Project by Björk, 2001","url":"\/products\/bjork-a-project-by-bjork-2001","vendor":"designare","remoteShopId":null,"variants":[{"id":"48373606449373","image":{"src":"\/\/designare.
1498is\/cdn\/shop\/files\/bjorkdesignarebook2.png?v=1786807986"},"price":{"amount":19990.0,"currencyCode":"ISK"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"9550577500381","handle":"designare-bracelet","isCollective":null,"title":"Gold Bracelet","type":"accessories","untranslatedTitle":"Gold Bracelet","url":"\/products\/designare-bracelet","vendor":"designare","remoteShopId":null,"variants":[{"id":"48140127142109","image":{"src":"\/\/designare.is\/cdn\/shop\/files\/designaregoldbracelet.png?v=1783554890"},"price":{"amount":4990.0,"currencyCode":"ISK"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://designare.is/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"161429029085","themePublished":"true","eventMetadataId":"bbbc5eee-7d52-4c8b-9272-923e5c43230e","pageType":"product","resourceId":"9609011921117","shopId":"80485908701","storefrontBaseUrl":"https:\/\/designare.is","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":9990.0,\"currencyCode\":\"ISK\"},\"product\":{\"title\":\"designare t-shirt\",\"vendor\":\"designare\",\"id\":\"9609011921117\",\"untranslatedTitle\":\"designare t-shirt\",\"url\":\"\/products\/designare-tshirt\",\"type\":\"t-shirt\"},\"id\":\"48380734079197\",\"image\":{\"src\":\"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274\"},\"sku\":null,\"title\":\"XS\",\"untranslatedTitle\":\"XS\"}}]]"});})();</script>
1498<script>
1499  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1500  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1501  window.ShopifyAnalytics.meta.currency = 'ISK';
1502  var meta = {"product":{"id":9609011921117,"gid":"gid:\/\/shopify\/Product\/9609011921117","vendor":"designare","type":"t-shirt","handle":"designare-tshirt","variants":[{"id":48380734079197,"price":999000,"name":"designare t-shirt - XS","public_title":"XS","sku":null},{"id":48380734111965,"price":999000,"name":"designare t-shirt - S","public_title":"S","sku":null},{"id":48380734144733,"price":999000,"name":"designare t-shirt - M","public_title":"M","sku":null},{"id":48380734177501,"price":999000,"name":"designare t-shirt - L","public_title":"L","sku":null},{"id":48380734210269,"price":999000,"name":"designare t-shirt - XL","public_title":"XL","sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9609011921117,"requestId":"d941e6f9-3f18-4ff3-9f69-0ba96b902e6a-1791581072"}};
1503  for (var attr in meta) {
1504    window.ShopifyAnalytics.meta[attr] = meta[attr];
1505  }
1506</script>
vendor: 1 bytes, line 1506
1506
1507<script class="analytics">
1508  (function () {
1509    var customDocumentWrite = function(content) {
1510      var jquery = null;
1511
1512      if (window.jQuery) {
1513        jquery = window.jQuery;
1514      } else if (window.Checkout && window.Checkout.$) {
1515        jquery = window.Checkout.$;
1516      }
1517
1518      if (jquery) {
1519        jquery('body').append(content);
1520      }
1521    };
1522
1523    var hasLoggedConversion = function(token) {
1524      if (token) {
1525        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1526      }
1527      return false;
1528    }
1529
1530    var setCookieIfConversion = function(token) {
1531      if (token) {
1532        var twoMonthsFromNow = new Date(Date.now());
1533        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1534
1535        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1536      }
1537    }
1538
1539    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1540    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1541    if (trekkie.integrations) {
1542      return;
1543    }
1544    trekkie.methods = [
1545      'identify',
1546      'page',
1547      'ready',
1548      'track',
1549      'trackForm',
1550      'trackLink'
1551    ];
1552    trekkie.factory = function(method) {
1553      return function() {
1554        var args = Array.prototype.slice.call(arguments);
1555        args.unshift(method);
1556        trekkie.push(args);
1557        if (method == 'track' || method == 'page') {
1558          var pageUrl;
1559          try {
1560            pageUrl = window.location.href;
1561          } catch (e) {}
1562          var pageReferrer;
1563          try {
1564            pageReferrer = document.referrer;
1565          } catch (e) {}
1566          try {
1567            if (window.__TREKKIE_SHIM_QUEUE == null) {
1568              window.__TREKKIE_SHIM_QUEUE = [];
1569            }
1570            window.__TREKKIE_SHIM_QUEUE.push({
1571              from: 'trekkie-stub',
1572              method: method,
1573              args: args.slice(1),
1574              pageContext: {
1575                url: pageUrl,
1576                referrer: pageReferrer
1577              }
1578            });
1579          } catch (e) {
1580            // no-op
1581          }
1582        }
1583        return trekkie;
1584      };
1585    };
1586    for (var i = 0; i < trekkie.methods.length; i++) {
1587      var key = trekkie.methods[i];
1588      trekkie[key] = trekkie.factory(key);
1589    }
1590    trekkie.load = function(config) {
1591      trekkie.config = config || {};
1592      trekkie.config.initialDocumentCookie = document.cookie;
1593      var first = document.getElementsByTagName('script')[0];
1594var script = document.createElement('script');
1595script.type = 'text/javascript';
1596script.onerror = function(e) {
1597  var scriptFallback = document.createElement('script');
1598  scriptFallback.type = 'text/javascript';
1599  scriptFallback.onerror = function(error) {
1600          var Monorail = {
1601      produce: function produce(monorailDomain, schemaId, payload) {
1602        var currentMs = new Date().getTime();
1603        var event = {
1604          schema_id: schemaId,
1605          payload: payload,
1606          metadata: {
1607            event_created_at_ms: currentMs,
1608            event_sent_at_ms: currentMs
1609          }
1610        };
1611        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1612      },
1613      sendRequest: function sendRequest(endpointUrl, payload) {
1614        // Try the sendBeacon API
1615        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1616          var blobData = new window.Blob([payload], {
1617            type: 'text/plain'
1618          });
1619
1620          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1621            return true;
1622          } // sendBeacon was not successful
1623
1624        } // XHR beacon
1625
1626        var xhr = new XMLHttpRequest();
1627
1628        try {
1629          xhr.open('POST', endpointUrl);
1630          xhr.setRequestHeader('Content-Type', 'text/plain');
1631          xhr.send(payload);
1632        } catch (e) {
1633          console.log(e);
1634        }
1635
1636        return false;
1637      },
1638      isIos12: function isIos12() {
1639        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1640      }
1641    };
1642    Monorail.produce('monorail-edge.shopifysvc.com',
1643      'trekkie_storefront_load_errors/1.1',
1644      {shop_id: 80485908701,
1645      theme_id: 161429029085,
1646      app_name: "storefront",
1647      context_url: window.location.href,
1648      source_url: "//designare.is/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1649
1650  };
1651  scriptFallback.async = true;
1652  scriptFallback.src = '//designare.is/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1653  first.parentNode.insertBefore(scriptFallback, first);
1654};
1655script.async = true;
1656script.src = '//designare.is/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1657first.parentNode.insertBefore(script, first);
1658
1659    };
1660    trekkie.load(
1661      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":80485908701,"isMerchantRequest":null,"themeId":161429029085,"themeCityHash":"18081297842903174400","contentLanguage":"en","currency":"ISK","eventMetadataId":"bbbc5eee-7d52-4c8b-9272-923e5c43230e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1662    );
1663
1664    var loaded = false;
1665    trekkie.ready(function() {
1666      if (loaded) return;
1667      loaded = true;
1668
1669      window.ShopifyAnalytics.lib = window.trekkie;
1670
1671      var originalDocumentWrite = document.write;
1672      document.write = customDocumentWrite;
1673      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1674      document.write = originalDocumentWrite;
1675
1676      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1677      var token = match? match[1]: undefined;
1678      if (!hasLoggedConversion(token)) {
1679        setCookieIfConversion(token);
1680        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"ISK","variantId":48380734079197,"productId":9609011921117,"productGid":"gid:\/\/shopify\/Product\/9609011921117","name":"designare t-shirt - XS","price":"9990","sku":null,"brand":"designare","variant":"XS","category":"t-shirt","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1681      }
1682    });
1683
1684    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9609011921117,"requestId":"d941e6f9-3f18-4ff3-9f69-0ba96b902e6a-1791581072","shopifyEmitted":true});
1685
1686    var eventsListenerScript = document.createElement('script');
1687    eventsListenerScript.async = true;
1688    eventsListenerScript.src = "//designare.is/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1689    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1690})();</script>
vendor: 1 bytes, line 1690
1690
1691<script
1692  defer
1693  src="https://designare.is/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
1694  data-application="storefront-renderer"
1695  data-shop-id="80485908701"
1696  data-render-region="gcp-us-central1"
1697  data-page-type="product"
1698  data-theme-instance-id="161429029085"
1699  data-theme-name="Horizon"
1700  data-theme-version="3.2.1"
1701  data-monorail-region="shop_domain"
1702  data-resource-timing-sampling-rate="10"
1703  data-shs="true"
1704  data-shs-beacon="true"
1705  data-shs-export-with-fetch="true"
1706  data-shs-logs-sample-rate="1"
1707  data-shs-beacon-endpoint="https://designare.is/api/collect"
1708></script>
1708
1709<meta name="shopify-y" content="ae3a6a0d-2942-49b4-ab60-4900991ba165" data-expiration="1823138672000"><meta name="shopify-s" content="7afdc603-426f-416d-b925-7a42e2348b74" data-expiration="1791582872000">
1710</head>
1711
1712  <body class="page-width-narrow card-hover-effect-none template-product template--product product-tag-pre-order product-tag-t-shirt">
1713    <a
1714  class="skip-to-content-link button-secondary"
1715  href="#MainContent"
1716>
1717  Skip to content
1718</a>
1719
1720    <div id="header-group">
1721      <!-- BEGIN sections: header-group -->
1722<header id="shopify-section-sections--22298637336797__header_section" class="shopify-section shopify-section-group-header-group header-section">
1723
1724
1725
1726
1727
1728<script type="application/ld+json">
1729  {
1730    "@context": "http://schema.org",
1731    "@type": "Organization",
1732    "name": "designare",
1733    
1734      "logo": "https:\/\/designare.is\/cdn\/shop\/files\/designare_logo_neck.png?v=1768083716\u0026width=500",
1735    
1736    "url": "https:\/\/designare.is"
1737  }
1738</script>
1738
1739
1740<header-component
1741  id="header-component"
1742  class="header"
1743  data-theme-color="rgb(255 255 255)"
1744  
1745  
1746    sticky="always"
1747  
1748  data-skip-node-update
1749  data-scroll-direction="none"
1750>
1751    
1752
1753    
1754
1755    
1756    
1757      <div
1758        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
1759        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1760        <div class="header__columns spacing-style">
1761          <div
1762      class="header__column header__column--left"
1763      data-testid="header-top-left"
1764    >
1765      
1766        
1767          
1768              
1769
1770
1771
1772    <div
1773      class="header__drawer desktop:hidden"
1774      ref="headerDrawerContainer"
1775      
1776    >
1777      
1778
1779<script
1780  src="//designare.is/cdn/shop/t/2/assets/header-drawer.js?v=44357639294953783801778092778"
1781  type="module"
1782  fetchpriority="low"
1783></script>
1783
1784
1785<header-drawer
1786  class="header-drawer header__drawer--mobile"
1787  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1788>
1789  <details
1790    id="Details-menu-drawer-container"
1791    data-skip-node-update="true"
1792    class="menu-drawer-container"
1793    ref="details"
1794    scroll-lock
1795  >
1796    <summary
1797      class="header__icon header__icon--menu header__icon--summary"
1798      aria-label="Menu"
1799      on:click="/toggle"
1800    >
1801      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1802  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1803  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1804</svg>
1805</span>
1806      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1807  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1808  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1809</svg>
1810</span>
1811    </summary>
1812    <div
1813      data-header-drawer
1814      class="
1815        menu-drawer
1816        motion-reduce
1817        color-scheme-1
1818      "
1819    >
1820      <button
1821        class="button button-unstyled close-button menu-drawer__close-button"
1822        type="button"
1823        aria-label="Close"
1824        on:click="/close"
1825      >
1826        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1827  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1828  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1829</svg>
1830</span>
1831      </button>
1832      <nav
1833        class="menu-drawer__navigation"
1834        style="--menu-top-level-font-family: var(--font-body--family);
1835--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
1836
1837  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1838  var(--menu-font-2xl--line-height);
1839
1840--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1841
1842--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
1843var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
1844none;
1845
1846    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
1847    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
1848    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
1849  
1850--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
1851var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
1852none;
1853
1854    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
1855    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
1856    var(--opacity-subdued-text));
1857  
1858
1859        "
1860      >
1861        <ul
1862          class="menu-drawer__menu has-submenu"
1863          role="list"
1864        >
1865            
1866            
1867
1868              <li
1869                style="--menu-drawer-animation-index: 1;"
1870                class="menu-drawer__list-item--flat"
1871              >
1872                
1873<a
1874                    id="HeaderDrawer-store"
1875                    href="/pages/store"
1876                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1877                    
1878                  >
1879                    <span class="menu-drawer__menu-item-text wrap-text">store</span>
1880                  </a>
1881                
1882              </li>
1883              <li
1884                style="--menu-drawer-animation-index: 2;"
1885                class="menu-drawer__list-item--flat"
1886              >
1887                
1888<a
1889                    id="HeaderDrawer-inspire"
1890                    href="/pages/inspire"
1891                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1892                    
1893                  >
1894                    <span class="menu-drawer__menu-item-text wrap-text">inspire</span>
1895                  </a>
1896                
1897              </li>
1898              <li
1899                style="--menu-drawer-animation-index: 3;"
1900                class="menu-drawer__list-item--flat"
1901              >
1902                
1903<a
1904                    id="HeaderDrawer-sound"
1905                    href="/pages/sound"
1906                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1907                    
1908                  >
1909                    <span class="menu-drawer__menu-item-text wrap-text">sound</span>
1910                  </a>
1911                
1912              </li>
1913              <li
1914                style="--menu-drawer-animation-index: 4;"
1915                class="menu-drawer__list-item--flat"
1916              >
1917                
1918<a
1919                    id="HeaderDrawer-the-table"
1920                    href="/pages/the-table"
1921                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1922                    
1923                  >
1924                    <span class="menu-drawer__menu-item-text wrap-text">the table</span>
1925                  </a>
1926                
1927              </li>
1928        </ul>
1929      </nav><ul class="dd-drawer-secondary" role="list">
1930        <li><a href="/pages/about">about</a></li>
1931        <li><a href="/pages/contact">contact</a></li>
1932      </ul>
1933
1934      <div
1935        class="menu-drawer__utility-links menu-drawer__animated-element"
1936        style="--menu-drawer-animation-index: 4;"
1937      >
1938        
1939        </div>
1940
1941      
1942    </div>
1943    <div
1944      class="menu-drawer__backdrop"
1945      on:click="header-drawer/close"
1946    ></div>
1947  </details>
1948</header-drawer>
1949
1950
1951
1952    </div>
1953
1954  
1955
1956
1957
1958
1959
1960            
1961        
1962      
1963        
1964          
1965              
1966
1967
1968
1969
1970<a
1971  
1972  href="/"
1973  class="size-style spacing-style header-logo"
1974  style="
1975    --size-style-width: ;--size-style-height: ;
1976    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1977    --font-family: var(--font-body--family);
1978    --font-style: var(--font-body--style);
1979    --font-weight: 600;
1980  "
1981  
1982>
1983  
1984
1985  <span
1986    class="header-logo__image-container header-logo__image-container--original"
1987    data-testid="header-logo"
1988  >
1989    
1990  
1991  
1992  
1993
1994  
1995
1996  
1997
1998  
1999
2000  <img src="//designare.is/cdn/shop/files/designare_logo_neck.png?height=36&amp;v=1768083716" alt="" width="159" height="36" class="header-logo__image" srcset="//designare.is/cdn/shop/files/designare_logo_neck.png?height=36&amp;v=1768083716 1x, //designare.is/cdn/shop/files/designare_logo_neck.png?height=72&amp;v=1768083716 2x, //designare.is/cdn/shop/files/designare_logo_neck.png?height=108&amp;v=1768083716 3x" style="--header-logo-image-width: 159px;--header-logo-image-width-mobile: 93px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 21px;">
2001
2002
2003  </span>
2004
2005  
2006</a>
2007
2008
2009
2010
2011
2012            
2013        
2014      
2015        
2016          
2017              
2018  <search-button class="search-action desktop:hidden">
2019    <button
2020      on:click="#search-modal/showDialog"
2021      class="button button-unstyled search-modal__button header-actions__action"
2022      aria-label="Search"
2023      aria-haspopup="dialog"
2024    >
2025      <span
2026        aria-hidden="true"
2027        class="svg-wrapper"
2028      >
2029        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
2030
2031      </span>
2032    </button>
2033  </search-button>
2033
2034
2035
2036
2037
2038            
2039        
2040      
2041    </div><div
2042      class="header__column header__column--center"
2043      data-testid="header-top-center"
2044    >
2045      
2046        
2047          
2048              
2049
2050
2051
2052    
2053
2054    
2055
2056    <header-menu
2057      ref="headerMenu"
2058      class="header-menu mobile:hidden"
2059      data-animation-delay="200"
2060      
2061      style="--submenu-animation-speed: 200ms;"
2062    >
2063      <div class="header-menu__inner">
2064        <nav header-menu>
2065          <div
2066            class="menu-list"
2067            style="--menu-top-level-font-family: var(--font-body--family);
2068--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2069
2070  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2071  var(--menu-font-sm--line-height);
2072
2073--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2074"
2075          >
2076            
2077            <overflow-list
2078  
2079    ref="overflowMenu"
2080  
2081  
2082    class="overflow-menu color-scheme-matches-parent"
2083  
2084  
2085    minimum-items="2"
2086  
2087  
2088    data-testid="header-menu-overflow-list"
2089  
2090  
2091    data-skip-node-update
2092  
2093>
2094  <template shadowrootmode="open">
2095    <link href="//designare.is/cdn/shop/t/2/assets/overflow-list.css?v=101911674359793798601778092776" rel="stylesheet" type="text/css" media="all" />
2096
2097    <ul part="list">
2098      <slot></slot>
2099      <slot
2100        name="more"
2101        part="more"
2102        hidden
2103        
2104      >
2105        <li
2106          part="more"
2107        >
2108          <button
2109            class="button"
2110            type="button"
2111            tabindex="0"
2112          >
2113            More
2114          </button>
2115        </li>
2116      </slot>
2117      <li
2118        part="placeholder"
2119        hidden
2120      ></li>
2121    </ul>
2122
2123    <div part="overflow">
2124      <ul part="overflow-list">
2125        <slot name="overflow"></slot>
2126      </ul>
2127    </div>
2128  </template>
2129
2130  
2131      
2132        <li
2133          role="presentation"
2134          class="menu-list__list-item"
2135          on:focus="/activate"
2136          on:blur="/deactivate"
2137          on:pointerenter="/activate"
2138          on:pointerleave="/deactivate"
2139        >
2140          <a
2141            href="/pages/store"
2142            data-skip-node-update="true"
2143            class="menu-list__link"ref="menuitem"
2144          >
2145            <span class="menu-list__link-title">store</span>
2146          </a></li>
2147      
2148        <li
2149          role="presentation"
2150          class="menu-list__list-item"
2151          on:focus="/activate"
2152          on:blur="/deactivate"
2153          on:pointerenter="/activate"
2154          on:pointerleave="/deactivate"
2155        >
2156          <a
2157            href="/pages/inspire"
2158            data-skip-node-update="true"
2159            class="menu-list__link"ref="menuitem"
2160          >
2161            <span class="menu-list__link-title">inspire</span>
2162          </a></li>
2163      
2164        <li
2165          role="presentation"
2166          class="menu-list__list-item"
2167          on:focus="/activate"
2168          on:blur="/deactivate"
2169          on:pointerenter="/activate"
2170          on:pointerleave="/deactivate"
2171        >
2172          <a
2173            href="/pages/sound"
2174            data-skip-node-update="true"
2175            class="menu-list__link"ref="menuitem"
2176          >
2177            <span class="menu-list__link-title">sound</span>
2178          </a></li>
2179      
2180        <li
2181          role="presentation"
2182          class="menu-list__list-item"
2183          on:focus="/activate"
2184          on:blur="/deactivate"
2185          on:pointerenter="/activate"
2186          on:pointerleave="/deactivate"
2187        >
2188          <a
2189            href="/pages/the-table"
2190            data-skip-node-update="true"
2191            class="menu-list__link"ref="menuitem"
2192          >
2193            <span class="menu-list__link-title">the table</span>
2194          </a></li>
2195      
2196      <li
2197        class="menu-list__list-item"
2198        role="presentation"
2199        slot="more"
2200        on:focus="/activate"
2201        on:blur="/deactivate"
2202        on:pointerenter="/activate"
2203        on:pointerleave="/deactivate"
2204      >
2205        <button role="menuitem" class="button menu-list__link button-unstyled">
2206          <span class="menu-list__link-title">More</span>
2207        </button>
2208      </li>
2209    
2210</overflow-list>
2211
2212          </div>
2213        </nav>
2214      </div>
2215
2216      
2216<script
2217        src="//designare.is/cdn/shop/t/2/assets/header-menu.js?v=32392277473258403531778092774"
2218        type="module"
2219        fetchpriority="low"
2220      ></script>
2220
2221    </header-menu>
2222
2223
2224
2225
2226
2227
2228            
2229        
2230      
2231    </div><div
2232      class="header__column header__column--right"
2233      data-testid="header-top-right"
2234    >
2235      
2236        
2237          
2238              
2239  
2240  
2241
2242            
2243        
2244      
2245        
2246          
2247              
2248  <search-button class="search-action">
2249    <button
2250      on:click="#search-modal/showDialog"
2251      class="button button-unstyled search-modal__button header-actions__action"
2252      aria-label="Search"
2253      aria-haspopup="dialog"
2254    >
2255      <span
2256        aria-hidden="true"
2257        class="svg-wrapper"
2258      >
2259        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
2260
2261      </span>
2262    </button>
2263  </search-button>
2264
2265
2266
2267
2268            
2269        
2270      
2271        
2272          
2273              
2273<script
2274  type="module"
2275  src="//designare.is/cdn/shop/t/2/assets/cart-icon.js?v=157241182139685326961778092777"
2276  fetchpriority="low"
2277></script>
2277
2278
2279
2280
2281<header-actions>
2282  
2283
2284  
2285    
2285<script
2286      src="//designare.is/cdn/shop/t/2/assets/cart-drawer.js?v=60516533948368149871778092777"
2287      type="module"
2288      fetchpriority="low"
2289    ></script>
2289
2290
2291    <cart-drawer-component
2292      class="cart-drawer"
2293      
2294      
2295    >
2296      <button
2297        class="button header-actions__action button-unstyled"
2298        on:click="/open"
2299        aria-haspopup="dialog"
2300        aria-label="Cart"
2301        aria-describedby="cart-bubble-text"
2302        data-testid="cart-drawer-trigger"
2303      >
2304        
2305  <cart-icon
2306    class="
2307      header-actions__cart-icon
2308      
2309    "
2310    data-testid="cart-icon"
2311  >
2312    <span
2313      class="svg-wrapper"
2314      aria-hidden="true"
2315    >
2316      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
2317
2318    </span>
2319
2320    <div
2321  ref="cartBubble"
2322  class="cart-bubble visually-hidden"
2323  
2324  
2325    data-maintain-ratio
2326  
2327>
2328  <span class="cart-bubble__background"></span>
2329  <span
2330    ref="cartBubbleText"
2331    id="cart-bubble-text"
2332    class="cart-bubble__text"
2333    
2334      role="status"
2335    
2336  >
2337    <span class="visually-hidden">Total items in cart: 0
2338    </span>
2339    <span
2340      class="cart-bubble__text-count hidden"
2341      ref="cartBubbleCount"
2342      aria-hidden="true"
2343      data-testid="cart-bubble"
2344    >
23450</span>
2346  </span>
2347</div>
2348
2349  </cart-icon>
2350
2351      </button>
2352
2353      <dialog
2354        ref="dialog"
2355        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
2356        aria-labelledby="cart-drawer-heading-empty"
2357        scroll-lock
2358        cart-summary-sticky="true"
2359      >
2360        <div class="cart-drawer__inner">
2361          <cart-items-component
2362            class="cart-items-component"
2363            data-section-id="sections--22298637336797__header_section"
2364          ><div class="cart-drawer__header">
2365                <button
2366                  ref="closeButton"
2367                  on:click="cart-drawer-component/close"
2368                  class="button close-button cart-drawer__close-button button-unstyled"
2369                  aria-label="Close dialog"
2370                >
2371                  <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2372  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2373  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2374</svg>
2375</span>
2376                </button>
2377              </div>
2378
2379              <div
2380                class="cart-drawer__content motion-reduce"
2381                aria-label="Cart"
2382              >
2383                <h2
2384                  class="cart-drawer__heading h4 cart-drawer__heading--empty"
2385                  id="cart-drawer-heading-empty"
2386                >
2387                  Your cart is empty
2388                </h2>
2389
2390                <div class="cart-drawer__items">
2391                  
2392
2393<script
2394  src="//designare.is/cdn/shop/t/2/assets/component-cart-items.js?v=47090504063697747641778092775"
2395  type="module"
2396  fetchpriority="low"
2397></script>
vendor: 1 bytes, line 2397
2397
2398<script
2399  src="//designare.is/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751778092776"
2400  type="module"
2401  fetchpriority="low"
2402></script>
vendor: 1 bytes, line 2402
2402
2403<script
2404  src="//designare.is/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661778092775"
2405  type="module"
2406  fetchpriority="low"
2407></script>
2407
2408
2409<div
2410  
2411  class="cart-items__wrapper"
2412  
2413>
2414  
2415<a
2416      class="button cart-items__empty-button"
2417      href="/collections/all"
2418    >
2419      Continue shopping
2420    </a></div>
2421
2422
2423
2424                </div>
2425              </div></cart-items-component>
2426        </div>
2427      </dialog>
2428    </cart-drawer-component>
2429  
2430</header-actions>
2431
2432
2433
2434          
2435        
2436      
2437    </div>
2438        </div>
2439      </div>
2440    
2441  
2442    
2443
2444    
2445
2446    
2447    
2448  
2449
2450  
2451</header-component>
2452
2453<script
2454  src="//designare.is/cdn/shop/t/2/assets/header.js?v=155792906110242140481778092775"
2455  type="module"
2456></script>
2456
2457
2458
2459
2460
2461  
2461<script type="module">
2462    import { hydrate } from '@theme/section-hydration';
2463    const url = new URL(window.location.href);
2464    url.searchParams.delete('page');
2465    hydrate('sections--22298637336797__header_section', url);
2466  </script>
2466
2467
2468
2469
2470</header>
2471<!-- END sections: header-group -->
2472    </div>
2473
2474    
2474<script>
2475      // Inline header height calculation to prevent layout shift
2476      // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function
2477      (function setHeaderHeighCustomProperties() {
2478        /*
2479         * Header calculation functions for maintaining CSS variables
2480         * Mimic calculateHeaderGroupHeight() in utilities.js
2481         */
2482        const header = document.querySelector('header-component');
2483        const headerGroup = document.querySelector('#header-group');
2484        const hasHeaderSection = headerGroup?.querySelector('.header-section');
2485
2486        if (!header || !headerGroup) return;
2487
2488        const headerHeight = header.offsetHeight;
2489
2490        // Calculate the total height of the header group
2491        let headerGroupHeight = 0;
2492        const children = headerGroup.children;
2493        for (let i = 0; i < children.length; i++) {
2494          const element = children[i];
2495          if (element === header || !(element instanceof HTMLElement)) continue;
2496          headerGroupHeight += element.offsetHeight;
2497        }
2498
2499        // Check for transparent header special case
2500        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
2501          headerGroupHeight += headerHeight;
2502        }
2503
2504        // Set CSS variables
2505        document.body.style.setProperty('--header-height', `${headerHeight}px`);
2506        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
2507
2508        /**
2509         * Updates CSS custom properties for transparent header offset calculation
2510         * Mimic updateTransparentHeaderOffset() in utilities.js
2511         */
2512
2513        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
2514          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
2515          return;
2516        }
2517
2518        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
2519
2520        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
2521        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
2522      })();
2523    </script>
2523
2524
2525    <main
2526      id="MainContent"
2527      class="content-for-layout"
2528      role="main"
2529      data-page-transition-enabled="false"
2530      data-product-transition="false"
2531      data-template="product"
2532    >
2533      
2534      <div id="shopify-section-template--22298637500637__main" class="shopify-section">
2535
2536<script type="application/ld+json">
2537  {"@context":"http:\/\/schema.org\/","@id":"\/products\/designare-tshirt#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"designare"},"category":"T-Shirts","description":"250 GSM grey 100 % cotton t-shirt with a relaxed oversized fit. Designed with dropped shoulders, wide sleeves, and a structured drape.","hasVariant":[{"@id":"\/products\/designare-tshirt?variant=48380734079197#variant","@type":"Product","image":"https:\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274\u0026width=1920","name":"designare t-shirt - XS","offers":{"@id":"\/products\/designare-tshirt?variant=48380734079197#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"9990","priceCurrency":"ISK","url":"https:\/\/designare.is\/products\/designare-tshirt?variant=48380734079197"}},{"@id":"\/products\/designare-tshirt?variant=48380734111965#variant","@type":"Product","image":"https:\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274\u0026width=1920","name":"designare t-shirt - S","offers":{"@id":"\/products\/designare-tshirt?variant=48380734111965#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"9990","priceCurrency":"ISK","url":"https:\/\/designare.is\/products\/designare-tshirt?variant=48380734111965"}},{"@id":"\/products\/designare-tshirt?variant=48380734144733#variant","@type":"Product","image":"https:\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274\u0026width=1920","name":"designare t-shirt - M","offers":{"@id":"\/products\/designare-tshirt?variant=48380734144733#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"9990","priceCurrency":"ISK","url":"https:\/\/designare.is\/products\/designare-tshirt?variant=48380734144733"}},{"@id":"\/products\/designare-tshirt?variant=48380734177501#variant","@type":"Product","image":"https:\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274\u0026width=1920","name":"designare t-shirt - L","offers":{"@id":"\/products\/designare-tshirt?variant=48380734177501#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"9990","priceCurrency":"ISK","url":"https:\/\/designare.is\/products\/designare-tshirt?variant=48380734177501"}},{"@id":"\/products\/designare-tshirt?variant=48380734210269#variant","@type":"Product","image":"https:\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274\u0026width=1920","name":"designare t-shirt - XL","offers":{"@id":"\/products\/designare-tshirt?variant=48380734210269#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"9990","priceCurrency":"ISK","url":"https:\/\/designare.is\/products\/designare-tshirt?variant=48380734210269"}}],"name":"designare t-shirt","productGroupID":"9609011921117","url":"https:\/\/designare.is\/products\/designare-tshirt"}
2538</script>
2538
2539
2540
2541
2542
2543
2544
2545
2546
2547  
2548
2549  <sticky-add-to-cart
2550    class="sticky-add-to-cart"
2551    data-variant-available="true"
2552    data-product-id="9609011921117"
2553    data-current-variant-id="48380734079197"
2554    data-initial-quantity="1"
2555    data-default-variant-title="Default Title"
2556  >
2557    <div
2558      class="sticky-add-to-cart__bar color-scheme-1"
2559      data-stuck="false"
2560      ref="stickyBar"
2561      role="region"
2562      aria-label="Quick add to cart bar"
2563    >
2564      
2565      
2566        <div
2567          class="sticky-add-to-cart__image"
2568        >
2569          
2570          <img src="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=120" alt="designare t-shirt" width="120" height="120" loading="lazy" class="sticky-add-to-cart__image-img" data-testid="sticky-product-image" ref="productImage">
2571        </div>
2572      
2573
2574      
2575      <div
2576        class="sticky-add-to-cart__info"
2577        data-has-image="true"
2578        data-singleton="false"
2579        data-single-option="true"
2580      >
2581        <h3
2582          class="sticky-add-to-cart__title"
2583          data-testid="sticky-product-title"
2584        >
2585          designare t-shirt
2586        </h3>
2587        <div
2588          class="sticky-add-to-cart__variant"
2589          data-testid="sticky-variant-title"
2590          
2591        >
2592          
2593            
2594            XS
2595          
2596        </div>
2597      </div>
2598
2599      <div
2600        class="sticky-add-to-cart__price"
2601        data-testid="sticky-price-display"
2602      >
2603        <div ref="priceContainer">
2604  
2605    
2606    
2607
2608    
2609      <span class="price">9,990 kr</span>
2610    
2611
2612    
2613  
2614</div>
2615      </div>
2616
2617      <button
2618        type="button"
2619        class="sticky-add-to-cart__button add-to-cart-button button button--primary"
2620        ref="addToCartButton"
2621        on:click="/handleAddToCartClick"
2622        
2623      >
2624        <span
2625          class="add-to-cart-text"
2626        >
2627          
2628            <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
2629</span>
2630          
2631          <span class="add-to-cart-text__content">
2632            <span>Pre-order</span>
2633            <span
2634              class="quantity-display"
2635              ref="quantityDisplay"
2636              
2637                style="display: none;"
2638              
2639            > (<span ref="quantityNumber">1</span>)</span>
2640          </span>
2641        </span>
2642        <span class="add-to-cart__added">
2643          <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2644  <g class="check">
2645    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2646    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2647  </g>
2648  <g class="burst">
2649    <g style="--index: 0;">
2650      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
2651    </g>
2652    <g style="--index: 1;">
2653      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
2654    </g>
2655    <g style="--index: 2;">
2656      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
2657    </g>
2658    <g style="--index: 3;">
2659      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
2660    </g>
2661    <g style="--index: 4;">
2662      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
2663    </g>
2664    <g style="--index: 5;">
2665      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
2666    </g>
2667    <g style="--index: 6;">
2668      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
2669    </g>
2670    <g style="--index: 7;">
2671      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
2672    </g>
2673  </g>
2674</svg>
2675</span>
2676        </span>
2677      </button>
2678    </div>
2679  </sticky-add-to-cart>
2680
2681
2682
2683
2684
2685
2686<div class="section-background color-scheme-1"></div>
2687<div
2688  class="product-information section section--page-width spacing-style color-scheme-1 relative"
2689  style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 48px;"
2690  data-testid="product-information"
2691>
2692  
2693    
2694    <a
2695  class="skip-to-content-link button-secondary"
2696  href="#ProductInformation-template--22298637500637__main"
2697>
2698  Skip to product information
2699</a>
2700
2701  
2702  <div
2703    class="product-information__grid product-information--media-left"
2704    data-product-grid-content
2705  >
2706    
2707    
2708
2709    
2710      
2711        
2712      <div
2713        class="product-information__media"
2714        data-testid="product-information-media"
2715      >
2716        
2717
2718
2719<script
2720    src="//designare.is/cdn/shop/t/2/assets/zoom-dialog.js?v=82028443406372487331778092776"
2721    type="module"
2722  ></script>
2722<script
2723    src="//designare.is/cdn/shop/t/2/assets/drag-zoom-wrapper.js?v=52868656766563354141778092774"
2724    type="module"
2725  ></script>
2725<style data-shopify>
2726  
2727    .product-media-container {
2728      --media-preview-ratio: 1;
2729    }
2730
2731    
2732      .product-media-container.constrain-height {
2733        background-color: var(--color-background);
2734      }
2735
2736      .product-media-container.constrain-height:has(.product-media-constraint-wrapper) {
2737        display: flex;
2738        justify-content: center;
2739        align-items: center;
2740      }
2741
2742      /* Mobile constraint wrapper sizing - use width-based approach since max-height is disabled */
2743      .product-media-constraint-wrapper {
2744        width: 100%;
2745        max-width: 100%;
2746        flex-shrink: 0;
2747      }
2748
2749      /* Desktop constraint wrapper sizing */
2750      @media screen and (min-width: 750px) {
2751        .product-media-constraint-wrapper {
2752          width: min(100%, calc(var(--constrained-height) * 1));
2753        }
2754      }
2755    
2756
2757    /* Constrain all deferred-media content to parent bounds when specific aspect ratio is set */
2758    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media,
2759    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model {
2760      width: 100%;
2761      height: 100%;
2762      top: 0;
2763      left: 0;
2764    }
2765
2766    /* Ensure video and iframe elements respect container aspect ratio */
2767    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media video,
2768    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media iframe {
2769      width: 100%;
2770      height: 100%;
2771      object-fit: cover;
2772    }
2773
2774    /* 3D models need special handling since they don't support object-fit */
2775    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model model-viewer {
2776      width: 100%;
2777      height: 100%;
2778    }
2779
2780    /* Clear gallery aspect ratio for zoom dialog - let media display at natural aspect ratios */
2781    .dialog-zoomed-gallery .product-media {
2782      --gallery-aspect-ratio: var(--ratio);
2783    }
2784  
2785
2786  
2787
2788  
2789    .media-fit-cover {
2790      --product-media-fit: cover;
2791    }
2792
2793    /* Media fit for all media elements - default to cover */
2794    .media-fit-cover :is(img, video, iframe, .deferred-media__poster-image) {
2795      object-fit: cover;
2796      width: 100%;
2797      height: 100%;
2798    }
2799
2800    /* 3D Models (no object-fit support, just sizing) */
2801    .media-fit-cover model-viewer {
2802      width: 100%;
2803      height: 100%;
2804    }
2805  
2806
2807  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
2808  
2809    .media-fit-contain :is(img, .deferred-media__poster-image) {
2810      background-color: var(--color-background);
2811    }
2812  
2813</style>
2814
2815
2816  <media-gallery
2817    class="
2818      spacing-style
2819      sticky-content
2820      
2821        media-gallery--two-column
2822        
2823      
2824      media-gallery--grid
2825      
2826      
2827    "
2828    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 44px; --media-radius: 0px;--image-gap: 4px; --gallery-aspect-ratio: 1;"
2829    data-presentation="grid"
2830    
2831  >
2832    
2833
2834    
2835
2836    
2837
2838    <slideshow-component
2839  
2840    ref="slideshow"
2841  
2842  
2843    class="product-media-gallery__slideshow--single-media slideshow--single-media"
2844  
2845  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
2846  
2847  initial-slide="0"
2848  
2849  
2850    infinite
2851  
2852
2853  
2854>
2855  
2856  <slideshow-container ref="slideshowContainer">
2857    
2858    
2859    <slideshow-slides
2860      tabindex="-1"
2861      ref="scroller"
2862      
2863    >
2864      
2865      
2866        
2867        
2868        
2869        
2870
2871        <slideshow-slide
2872  ref="slides[]"
2873  aria-hidden="false"
2874  style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
2875  
2876    class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--zoomable"
2877  
2878  on:click="#zoom-dialog-AQU9lUm95Y2JCT2pMN__media-gallery/open/0"
2879  
2880  
2881  
2882  
2883  on:click="#zoom-dialog-AQU9lUm95Y2JCT2pMN__media-gallery/open/0"
2884>
2885  
2886
2887            <div class="product-media-constraint-wrapper">
2888
2889<div
2890  class="product-media"
2891  style="--ratio: 1.0"
2892  data-media-id="39609056035037"
2893>
2894  
2895  <img src="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840" alt="designare t-shirt" srcset="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=240 240w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=352 352w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=832 832w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1200 1200w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1600 1600w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1920 1920w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=2560 2560w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) 65rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
2896
2897  
2898
2899  
2900</div>
2901
2902
2903</div>
2904          
2905        
2906</slideshow-slide>
2907
2908      
2909    
2910    </slideshow-slides>
2911  </slideshow-container>
2912  
2913</slideshow-component>
2914
2915
2916
2917
2918    
2919      <ul
2920        class="media-gallery__grid list-unstyled"
2921        data-testid="media-gallery-grid"
2922      >
2923        
2924          <li
2925            ref="media[]"
2926            class="product-media-container constrain-height media-fit-cover product-media-container--image"
2927            style=""
2928            
2929          ><button
2930                type="button"
2931                class="button button-unstyled product-media-container__zoom-button"
2932                aria-label="Zoom"
2933                on:click="/zoom/0"
2934              >
2935                <span class="visually-hidden">Open image in full screen</span>
2936              </button>
2937              <div class="product-media-constraint-wrapper">
2938
2939<div
2940  class="product-media"
2941  style="--ratio: 1.0"
2942  data-media-id="39609056035037"
2943>
2944  
2945  <img src="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840" alt="designare t-shirt" srcset="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=240 240w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=352 352w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=832 832w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1200 1200w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1600 1600w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1920 1920w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=2560 2560w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) 65rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
2946
2947  
2948
2949  
2950</div>
2951
2952
2953</div>
2954            
2955          </li>
2956        
2957      </ul>
2958    
2959<zoom-dialog
2960        ref="zoomDialogComponent"
2961        id="zoom-dialog-AQU9lUm95Y2JCT2pMN__media-gallery"
2962      >
2963        <dialog
2964          ref="dialog"
2965          on:keydown="/handleKeyDown"
2966          scroll-lock
2967        >
2968          <button
2969            type="button"
2970            class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
2971            aria-label="Close"
2972            on:click="/close"
2973          >
2974            <span class="visually-hidden">Close</span>
2975            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2976  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2977  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2978</svg>
2979
2980          </button>
2981          <div class="dialog-thumbnails-list-container">
2982            <scroll-hint
2983              class="dialog-thumbnails-list list-unstyled"
2984              ref="thumbnails"
2985            >
2986              
2987            </scroll-hint>
2988          </div>
2989          <ul
2990            class="dialog-zoomed-gallery list-unstyled"
2991          ><li
2992                id="product-39609056035037-1"
2993                class="product-media-container constrain-height  product-media-container--image product-media-container--zoomable"
2994                style=""
2995                ref="media[]"
2996                
2997                  on:click="/close"
2998                
2999              >
3000                
3001                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
3002
3003<div
3004  class="product-media"
3005  style="--ratio: 1.0"
3006  data-media-id="39609056035037"
3007>
3008  
3009  <img src="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840" alt="designare t-shirt" srcset="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=240 240w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=352 352w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=832 832w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1200 1200w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1600 1600w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=1920 1920w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=2560 2560w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
3010
3011  
3012
3013  
3014</div>
3015
3016
3017</drag-zoom-wrapper>
3018                
3019              </li></ul>
3020        </dialog>
3021      </zoom-dialog></media-gallery>
3022
3023
3024
3025
3026
3027
3028
3029      </div>
3030    
3031      
3032    
3033      
3034        
3035  
3036<div
3037  id="ProductInformation-template--22298637500637__main"
3038  class="
3039    product-details
3040     sticky-content--desktop
3041    "
3042  style="--details-position: flex-start;"
3043  data-testid="product-information-details"
3044  
3045>
3046  
3047
3048  <div
3049  class="
3050    group-block
3051    group-block--height-fit
3052    group-block--width-fill
3053    border-style
3054    spacing-style
3055    size-style
3056    
3057    
3058  "
3059  style="
3060    --border-width: 1px; --border-style: none; --border-color:
3061rgb(var(--color-border-rgb) / 1.0); --border-radius:
30620px; 
3063
3064    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
3065    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3066    
3067  "
3068  
3069  data-testid="group-block"
3070><div class="group-block__media-wrapper">
3071    
3072
3073
3074
3075    
3076  </div>
3077
3078  <div
3079    class="
3080      group-block-content
3081      
3082      layout-panel-flex
3083      layout-panel-flex--column
3084      
3085    "
3086    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3087
3088--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
3089
3090--horizontal-alignment: ; --vertical-alignment: ;
3091--vertical-alignment-mobile: ;
3092"
3093  >
3094    <div class="view-product-title">
3095      <a
3096        href="/products/designare-tshirt?variant=48380734079197"
3097        class="link"
3098      >designare t-shirt
3099      </a>
3100    </div>
3101    
3102
3103
3104<div
3105  class="
3106    group-block
3107    group-block--height-fit
3108    group-block--width-fill
3109    border-style
3110    spacing-style
3111    size-style
3112    
3113    
3114  "
3115  style="
3116    --border-width: 1px; --border-style: none; --border-color:
3117rgb(var(--color-border-rgb) / 1.0); --border-radius:
31180px; 
3119
3120    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3121    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3122    
3123  "
3124  
3125  data-testid="group-block"
3126><div class="group-block__media-wrapper">
3127    
3128
3129
3130
3131    
3132  </div>
3133
3134  <div
3135    class="
3136      group-block-content
3137      
3138      layout-panel-flex
3139      layout-panel-flex--column
3140       mobile-column
3141    "
3142    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3143
3144--gap: 12px;
3145
3146--horizontal-alignment: flex-start; --vertical-alignment: center;
3147--vertical-alignment-mobile: center;
3148"
3149  >
3150  
3151
3152
3153
3154
3155
3156
3157
3158
3159  <div class=" spacing-style text-block text-block--Ab1NIVFltckUrQUl0U__text_xrnftG h3    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
3160    <h1>designare t-shirt</h1>
3161  </div>
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171<product-price
3172  class="text-block text-block--align-left rte text-left paragraph spacing-style"
3173  data-block-id="AYXRJS1Jyck5XQUdzT__price_tVjtKg"
3174  data-product-id="9609011921117"
3175  style="
3176    
3177--color: var(--color-foreground);
3178    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3179    --width: 100%;
3180  "
3181  
3182>
3183  <div ref="priceContainer">
3184  
3185    
3186    
3187
3188    
3189      <span class="price">9,990 kr</span>
3190    
3191
3192    
3193  
3194</div>
3195
3196  
3197</product-price>
3198
3199
3200
3201
3202
3203
3204
3205</div>
3206</div>
3207
3208
3209
3210
3211
3212
3213
3214<div
3215  class="divider divider-ATFUxbThGZllEZ05kT__divider_VJhene spacing-style"
3216  style="
3217    --divider-justify-content: center;
3218    --padding-block-start: 0px;--padding-block-end: 0px;
3219  "
3220  
3221
3222>
3223  <span
3224    class="divider__line"
3225    style="
3226      --divider-border-thickness: 1px;
3227      
3228        --divider-border-rounded: 0;
3229      
3230      --divider-flex-basis: 100%;
3231    "
3232  ></span>
3233</div>
3234
3235
3236
3237
3238
3239
3240
3241
3242  
3243
3244
3245  
3246  <variant-picker
3247    class="variant-picker spacing-style variant-picker--left"
3248    style="--color-strikethrough-mix: #000; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3249    data-section-id="template--22298637500637__main"
3250    data-product-id="9609011921117"
3251    data-block-id="AQWFYdXRQZTlKVXFEc__variant_picker_R3rGDr"
3252    data-product-url="/products/designare-tshirt"
3253    ref="mainVariantPicker"
3254    
3255      data-template-product-match="true"
3256    
3257    
3258    
3259  >
3260    <form class="variant-picker__form"><fieldset
3261            class="variant-option variant-option--buttons variant-option--equal-width-buttons"
3262            data-fieldset-index="0"
3263            ref="fieldsets[]"
3264            data-option-id="template-22298637500637__main-9609011921117-size"
3265          >
3266            <legend>
3267              Size
3268            </legend>
3269              <label
3270                class="variant-option__button-label"
3271              >
3272                <input
3273                  type="radio"
3274                  name="Size-AQWFYdXRQZTlKVXFEc__variant_picker_R3rGDr-9609011921117"
3275                  value="XS"
3276                  aria-label="XS"
3277                  
3278                  data-previous-checked="false"
3279                  data-fieldset-index="0"
3280                  data-input-index="0"
3281                  data-input-id="1-0"
3282                  data-option-value-id="9377125728477"
3283                  data-option-available="true"
3284                  data-connected-product-url=""
3285                  
3286                    data-variant-id="48380734079197"
3287                  
3288                  
3289                    data-current-checked="true"
3290                    checked
3291                  
3292                >
3293                
3294                  
3295                    <span
3296                      class="variant-option__button-label__pill"
3297                      data-key="variant-option-pill"
3298                    ></span>
3299                  
3300                  <span
3301                    class="variant-option__button-label__text"
3302                    data-key="variant-option-text"
3303                  >XS</span>
3304                
3305                
3306
3307              </label>
3308              <label
3309                class="variant-option__button-label"
3310              >
3311                <input
3312                  type="radio"
3313                  name="Size-AQWFYdXRQZTlKVXFEc__variant_picker_R3rGDr-9609011921117"
3314                  value="S"
3315                  aria-label="S"
3316                  
3317                  data-previous-checked="false"
3318                  data-fieldset-index="0"
3319                  data-input-index="1"
3320                  data-input-id="1-1"
3321                  data-option-value-id="9377125761245"
3322                  data-option-available="true"
3323                  data-connected-product-url=""
3324                  
3325                    data-variant-id="48380734111965"
3326                  
3327                  
3328                    data-current-checked="false"
3329                  
3330                >
3331                
3332                  
3333                    <span
3334                      class="variant-option__button-label__pill"
3335                      data-key="variant-option-pill"
3336                    ></span>
3337                  
3338                  <span
3339                    class="variant-option__button-label__text"
3340                    data-key="variant-option-text"
3341                  >S</span>
3342                
3343                
3344
3345              </label>
3346              <label
3347                class="variant-option__button-label"
3348              >
3349                <input
3350                  type="radio"
3351                  name="Size-AQWFYdXRQZTlKVXFEc__variant_picker_R3rGDr-9609011921117"
3352                  value="M"
3353                  aria-label="M"
3354                  
3355                  data-previous-checked="false"
3356                  data-fieldset-index="0"
3357                  data-input-index="2"
3358                  data-input-id="1-2"
3359                  data-option-value-id="9377125794013"
3360                  data-option-available="true"
3361                  data-connected-product-url=""
3362                  
3363                    data-variant-id="48380734144733"
3364                  
3365                  
3366                    data-current-checked="false"
3367                  
3368                >
3369                
3370                  
3371                    <span
3372                      class="variant-option__button-label__pill"
3373                      data-key="variant-option-pill"
3374                    ></span>
3375                  
3376                  <span
3377                    class="variant-option__button-label__text"
3378                    data-key="variant-option-text"
3379                  >M</span>
3380                
3381                
3382
3383              </label>
3384              <label
3385                class="variant-option__button-label"
3386              >
3387                <input
3388                  type="radio"
3389                  name="Size-AQWFYdXRQZTlKVXFEc__variant_picker_R3rGDr-9609011921117"
3390                  value="L"
3391                  aria-label="L"
3392                  
3393                  data-previous-checked="false"
3394                  data-fieldset-index="0"
3395                  data-input-index="3"
3396                  data-input-id="1-3"
3397                  data-option-value-id="9377125826781"
3398                  data-option-available="true"
3399                  data-connected-product-url=""
3400                  
3401                    data-variant-id="48380734177501"
3402                  
3403                  
3404                    data-current-checked="false"
3405                  
3406                >
3407                
3408                  
3409                    <span
3410                      class="variant-option__button-label__pill"
3411                      data-key="variant-option-pill"
3412                    ></span>
3413                  
3414                  <span
3415                    class="variant-option__button-label__text"
3416                    data-key="variant-option-text"
3417                  >L</span>
3418                
3419                
3420
3421              </label>
3422              <label
3423                class="variant-option__button-label"
3424              >
3425                <input
3426                  type="radio"
3427                  name="Size-AQWFYdXRQZTlKVXFEc__variant_picker_R3rGDr-9609011921117"
3428                  value="XL"
3429                  aria-label="XL"
3430                  
3431                  data-previous-checked="false"
3432                  data-fieldset-index="0"
3433                  data-input-index="4"
3434                  data-input-id="1-4"
3435                  data-option-value-id="9377125859549"
3436                  data-option-available="true"
3437                  data-connected-product-url=""
3438                  
3439                    data-variant-id="48380734210269"
3440                  
3441                  
3442                    data-current-checked="false"
3443                  
3444                >
3445                
3446                  
3447                    <span
3448                      class="variant-option__button-label__pill"
3449                      data-key="variant-option-pill"
3450                    ></span>
3451                  
3452                  <span
3453                    class="variant-option__button-label__text"
3454                    data-key="variant-option-text"
3455                  >XL</span>
3456                
3457                
3458
3459              </label>
3460              <style data-shopify>
3461                [data-option-id="template-22298637500637__main-9609011921117-size"] {
3462                  --variant-ch: 1.3em;
3463                }
3464              </style>
3465            
3466          </fieldset>
3466<script type="application/json">
3467        {"id":48380734079197,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"designare t-shirt - XS","public_title":"XS","options":["XS"],"price":999000,"weight":300,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
3468      </script>
3468
3469    </form>
3470  </variant-picker>
3471
3472
3473
3474
3475
3476
3477
3478
3479
3480
3481<span
3482  class="buy-buttons-block buy-buttons-block--AZTMvQVBPMWRpNngyV__buy_buttons_eYQEYi"
3483  
3484><product-form-component
3485      data-section-id="template--22298637500637__main"
3486      data-product-id="9609011921117"
3487      data-product-url="/products/designare-tshirt"
3488      on:submit="/handleSubmit"
3489      data-quantity-default="1"
3490      data-quantity-error-max="This item has a maximum of {{ maximum }}"
3491    >
3492      <div
3493        class="visually-hidden"
3494        aria-live="assertive"
3495        role="status"
3496        aria-atomic="true"
3497        ref="liveRegion"
3498      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22298637500637__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
3499          type="hidden"
3500          name="id"
3501          ref="variantId"
3502          value="48380734079197"
3503        ><input
3504            type="hidden"
3505            name="properties[Expected dispatch]"
3506            value="September 2026"
3507          ><div
3508          class="product-form-buttons spacing-style product-form-buttons--stacked"
3509          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3510          ref="productFormButtons"
3511        >
3512
3513
3514
3515<div
3516  class="quantity-selector-wrapper"
3517  ref="quantitySelectorWrapper"
3518>
3519  <quantity-selector-component
3520    class="quantity-selector"
3521    data-variant-id="48380734079197"
3522    
3523ref="quantitySelector"
3524    
3525  >
3526    <button
3527      class="button quantity-minus button-unstyled"
3528      type="button"
3529      name="minus"
3530      on:click="/decreaseQuantity"
3531      ref="minusButton"
3532      
3533    >
3534      <span class="visually-hidden">Decrease quantity</span
3535      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3536  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3537</svg>
3538</span>
3539    </button>
3540    <input
3541      type="number"
3542      name="quantity"
3543      value="1"
3544      data-cart-quantity="0"
3545      min="1"
3546      data-min="1"
3547      on:blur="/setQuantity"
3548      on:focus="/selectInputValue"
3549      ref="quantityInput"
3550      aria-label="Quantity"
3551      
3552      
3553      step="1"
3554      
3555    >
3556    <button
3557      class="button quantity-plus button-unstyled"
3558      type="button"
3559      name="plus"
3560      on:click="/increaseQuantity"
3561      ref="plusButton"
3562      
3563    >
3564      <span class="visually-hidden">Increase quantity</span
3565      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3566  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3567  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3568</svg>
3569</span>
3570    </button>
3571  </quantity-selector-component></div>
3572
3573
3574
3575
3576
3577
3578<span
3579              class="product-form-text__error hidden"
3580              ref="addToCartTextError"
3581            >
3582              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
3583  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
3584  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
3585  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
3586  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
3587</svg>
3588</span>
3589            </span>
3590
3591
3592<span
3593  
3594  style="--add-to-cart-font-case: ;"
3595>
3596  <add-to-cart-component
3597  ref="addToCartButtonContainer"
3598  data-product-variant-media="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=100"
3599  data-add-to-cart-animation="true"
3600>
3601  <button
3602    
3603      id="BuyButtons-ProductSubmitButton-AL3JYWVJPNHBpeFM0e__add-to-cart"
3604    
3605    type="submit"
3606    name="add"
3607    ref="addToCartButton"
3608    on:click="/handleClick"
3609    class="button add-to-cart-button button"
3610    
3611      data-testid="standalone-add-to-cart"
3612    
3613    
3614  >
3615    <span
3616      class="add-to-cart-text"
3617    >
3618      
3619        <span
3620          aria-hidden="true"
3621          class="svg-wrapper add-to-cart-icon"
3622        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
3623</span>
3624      
3625      <span class="add-to-cart-text__content">
3626        <span>
3627          <span>Pre-order</span>
3628        </span>
3629      </span>
3630    </span>
3631    
3632    <span class="add-to-cart__added">
3633      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3634  <g class="check">
3635    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3636    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3637  </g>
3638  <g class="burst">
3639    <g style="--index: 0;">
3640      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3641    </g>
3642    <g style="--index: 1;">
3643      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3644    </g>
3645    <g style="--index: 2;">
3646      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3647    </g>
3648    <g style="--index: 3;">
3649      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3650    </g>
3651    <g style="--index: 4;">
3652      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3653    </g>
3654    <g style="--index: 5;">
3655      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3656    </g>
3657    <g style="--index: 6;">
3658      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3659    </g>
3660    <g style="--index: 7;">
3661      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3662    </g>
3663  </g>
3664</svg>
3665</span>
3666    </span>
3667  </button>
3668</add-to-cart-component>
3669
3670
3671
3672</span>
3673
3674
3675
3676</div><input type="hidden" name="product-id" value="9609011921117" /><input type="hidden" name="section-id" value="template--22298637500637__main" /></form></product-form-component></span>
3677
3678
3679  
3679<script
3680    src="//designare.is/cdn/shop/t/2/assets/local-pickup.js?v=174082968859338016381778092777"
3681    type="module"
3682  ></script>
3682<local-pickup
3683    class="spacing-style product__pickup-availabilities"
3684    
3685    data-section-id="template--22298637500637__main"
3686    data-product-url="/products/designare-tshirt"
3687    data-variant-id="48380734079197"
3688    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3689    ref="localPickupButton"
3690  >
3691    
3692      <dialog-component>
3693        <div class="pickup-availability__row">
3694          <div class="pickup-availability__column">
3695            <span class="svg-wrapper">
3696              
3697<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3698<path d="M13.8652 5.01953C14.4053 4.39424 15.3491 4.32351 15.9756 4.86133L16.0869 4.9668C16.6115 5.51731 16.6456 6.38553 16.1387 6.97559L16.1357 6.97852L9.13867 14.9736L9.13965 14.9746C8.86733 15.2935 8.47362 15.4816 8.05762 15.498L8.04883 15.499H8.04004C7.61453 15.5004 7.22783 15.3499 6.93945 15.0605L3.93945 12.0605C3.3533 11.4744 3.35352 10.5257 3.93945 9.93945L4.05371 9.83594C4.64314 9.35504 5.51094 9.38983 6.06055 9.93945L7.91895 11.7969L13.8652 5.01953Z" fill="#108043" stroke="white"/>
3699</svg>
3700
3701            </span>
3702          </div>
3703          <div class="pickup-availability__column">
3704            
3705              <p class="pickup-location__text-sm">
3706                Pickup available
3707              </p>
3708              <p class="pickup-location__text-xs">Ready for pickup in September 2026.</p>
3709            
3710            <button
3711              on:click="/showDialog"
3712              class="button-unstyled pickup-location__button"
3713            >
3714              View store information
3715            </button>
3716          </div>
3717        </div>
3718        <dialog
3719          ref="dialog"
3720          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
3721          scroll-lock
3722          aria-labelledby="pickup-dialog-heading"
3723        >
3724          <h2
3725            id="pickup-dialog-heading"
3726            class="visually-hidden"
3727          >
3728            View store information
3729          </h2>
3730          <div class="pickup-availability__dialog-row pickup-availability__header-container">
3731            <div class="pickup-availability__column">
3732              <h4 class="pickup-location__h4">designare t-shirt</h4>
3733              <p class="pickup-location__text-sm">
3734                XS
3735              </p>
3736            </div>
3737            <button
3738              ref="closeButton"
3739              on:click="/closeDialog"
3740              class="button button-unstyled close-button pickup-location__close-button"
3741              aria-label="Close dialog"
3742            >
3743              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3744  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3745  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3746</svg>
3747</span>
3748            </button>
3749          </div>
3750          
3751            <div class="pickup-location__wrapper">
3752              <p class="pickup-location__text-bold">Shop location</p>
3753              <div class="pickup-location__address-wrapper">
3754                <span class="pickup-location__availability-wrapper">
3755                  
3756<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3757<path d="M13.8652 5.01953C14.4053 4.39424 15.3491 4.32351 15.9756 4.86133L16.0869 4.9668C16.6115 5.51731 16.6456 6.38553 
375716.1387 6.97559L16.1357 6.97852L9.13867 14.9736L9.13965 14.9746C8.86733 15.2935 8.47362 15.4816 8.05762 15.498L8.04883 15.499H8.04004C7.61453 15.5004 7.22783 15.3499 6.93945 15.0605L3.93945 12.0605C3.3533 11.4744 3.35352 10.5257 3.93945 9.93945L4.05371 9.83594C4.64314 9.35504 5.51094 9.38983 6.06055 9.93945L7.91895 11.7969L13.8652 5.01953Z" fill="#108043" stroke="white"/>
3758</svg>
3759Pickup available in September 2026
3760                </span>
3761                <address class="pickup-location__address">
3762                  <p>Hverfisgata 18<br>101 Reykjavík <br>Iceland</p>
3763                  
3764                </address>
3765              </div>
3766            </div>
3767          
3768        </dialog>
3769      </dialog-component>
3770    
3771  </local-pickup>
3772
3773
3774
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784
3785
3786  <rte-formatter class=" spacing-style text-block text-block--AS2Y1dXVjZGtiaXoyN__text_aEtTtq rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
3787    <p>250 GSM grey 100 % cotton t-shirt with a relaxed oversized fit. Designed with dropped shoulders, wide sleeves, and a structured drape.<br><br><br></p>
3788  </rte-formatter>
3789
3790
3791
3792
3793
3794
3795
3796<p class="dd-product-enquire">
3797        Questions about this piece?
3798        <a href="/pages/contact">Get in touch</a>
3799      </p></div>
3800</div>
3801
3802
3803
3804</div>
3805
3806
3807
3808
3809
3810
3811      
3812    
3813  </div>
3814
3815  
3816  
3817
3818</div>
3819
3820
3821
3822
3823
3824
3825
3826</div><div id="shopify-section-template--22298637500637__product_recommendations_qggXJq" class="shopify-section">
3827<script
3828  src="//designare.is/cdn/shop/t/2/assets/product-recommendations.js?v=106949542878014487231778092778"
3829  type="module"
3830  fetchpriority="low"
3831></script>
3831
3832
3833
3834
3835<product-recommendations
3836  id="product-recommendations-template--22298637500637__product_recommendations_qggXJq"
3837  class="product-recommendations"
3838  data-url="/recommendations/products?limit=4"
3839  data-section-id="template--22298637500637__product_recommendations_qggXJq"
3840  data-product-id="9609011921117"
3841  data-intent="related"
3842  data-testid="product-recommendations-section"
3843  data-recommendations-performed="false"
3844  
3845>
3846  <div class="section-background color-scheme-1"></div>
3847  <div
3848    class="
3849      section
3850      section--page-width
3851      color-scheme-1
3852      section-resource-list
3853      spacing-style
3854      gap-style
3855    "
3856    style="
3857      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
3858      --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
3859      --column-count-mobile: 2;--resource-list-column-gap-desktop: 12px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 12px;--column-count: 4;--column-count-mobile: 2;
3860    "
3861  >
3862    <div class="section-resource-list__content">
3863      
3864
3865
3866
3867
3868
3869
3870
3871
3872  <div class=" spacing-style text-block text-block--AY1pRNlcvRWcxdUUzK__text_cbcgyb h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
3873    <h3>You may also like </h3>
3874  </div>
3875
3876
3877
3878
3879
3880
3881
3882    </div><div
3883        class="resource-list resource-list--grid"
3884      >
3885        
3886          <div
3887            class="product-recommendations__skeleton-item"
3888            aria-label="Loading product recommendations"
3889          ></div>
3890        
3891          <div
3892            class="product-recommendations__skeleton-item"
3893            aria-label="Loading product recommendations"
3894          ></div>
3895        
3896          <div
3897            class="product-recommendations__skeleton-item"
3898            aria-label="Loading product recommendations"
3899          ></div>
3900        
3901          <div
3902            class="product-recommendations__skeleton-item"
3903            aria-label="Loading product recommendations"
3904          ></div>
3905        
3906      </div></div>
3907</product-recommendations>
3908
3909
3910
3911
3912</div>
3913    </main>
3914
3915    
3916
3917    <!-- BEGIN sections: footer-group -->
3918<footer id="shopify-section-sections--22298637304029__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
3919
3920<div class="section-background color-scheme-1"></div>
3921<div
3922  class="section section--page-width color-scheme-1"
3923>
3924  
3925  <div
3926    class="
3927      footer-content
3928      spacing-style
3929      
3930      
3931    "
3932    style="
3933      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
3934      --footer-gap: 20px;
3935      --grid-columns: 3;
3936      --last-row-count: 3;
3937      --tablet-last-row-count: 1;
3938    "
3939  >
3940    
3941
3942
3943<div
3944  class="
3945    group-block
3946    group-block--height-fit
3947    group-block--width-fill
3948    border-style
3949    spacing-style
3950    size-style
3951    
3952    
3953  "
3954  style="
3955    --border-width: 1px; --border-style: none; --border-color:
3956rgb(var(--color-border-rgb) / 1.0); --border-radius:
39570px; 
3958
3959    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3960    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3961    
3962  "
3963  
3964  data-testid="group-block"
3965><div class="group-block__media-wrapper">
3966    
3967
3968
3969
3970    
3971  </div>
3972
3973  <div
3974    class="
3975      group-block-content
3976      
3977      layout-panel-flex
3978      layout-panel-flex--column
3979       mobile-column
3980    "
3981    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3982
3983--gap: 6px;
3984
3985--horizontal-alignment: flex-start; --vertical-alignment: center;
3986--vertical-alignment-mobile: center;
3987"
3988  >
3989  
3990
3991
3992
3993
3994
3995
3996
3997
3998  <div class=" spacing-style text-block text-block--AaHUyRlVscUZrb1dvY__text_LWt8Pz h4    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
3999    <h2>subscribe</h2>
4000  </div>
4001
4002
4003
4004
4005
4006
4007
4008
4009
4010
4011
4012
4013
4014
4015
4016  <rte-formatter class=" spacing-style text-block text-block--Aemd1SitBc2lCVFFGS__text_f9CFLH rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4017    <p>Occasional letters — new work, mixes, and a seat at the table.</p>
4018  </rte-formatter>
4019
4020
4021
4022
4023
4024
4025
4026</div>
4027</div>
4028
4029
4030
4031
4032
4033
4034
4035
4036<div
4037  class="email-signup-block size-style spacing-style"
4038  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
4039  
4040>
4041  
4042<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
4043    <div
4044      class="email-signup__input-group email-signup__input-group--integrated   email-signup__input-group--arrow "
4045      style="--border-width: 1px; --border-radius: 100px;"
4046    >
4047      <label
4048        for="EmailInput-AY1NoTlN1d3Rld29he__email_signup_crihX7"
4049        class="visually-hidden"
4050      >
4051        Email
4052      </label>
4053      <input
4054        id="EmailInput-AY1NoTlN1d3Rld29he__email_signup_crihX7"
4055        class="email-signup__input email-signup__input--all paragraph "
4056        type="email"
4057        name="contact[email]"
4058        autocorrect="off"
4059        autocapitalize="off"
4060        autocomplete="email"
4061        placeholder="Email address"
4062        required
4063        
4064      >
4065      <button
4066        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AY1NoTlN1d3Rld29he__email_signup_crihX7 "
4067        
4068          aria-label="Sign up"
4069        
4070      >
4071        
4072          <svg
4073            viewBox="0 0 20 20"
4074            xmlns="http://www.w3.org/2000/svg"
4075            focusable="false"
4076            aria-hidden="true"
4077            class="email-signup__button-icon"
4078          >
4079            
4080<path
4081      clip-rule="evenodd"
4082      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
4083      fill="currentColor"
4084      fill-rule="evenodd"
4085    />
4086          </svg>
4087        
4088      </button>
4089    </div></form>
4090</div>
4091
4092
4093
4094
4095
4096
4097
4098
4099
4100  <accordion-custom
4101    class="
4102      menu
4103      
4104      
4105    "
4106    data-disable-on-desktop="true"
4107    open-by-default-on-desktop
4108    
4109      data-disable-on-mobile="true"
4110      open-by-default-on-mobile
4111    
4112  >
4113    <details
4114      class="
4115        menu__details
4116        spacing-style
4117        
4118      "
4119      data-testid="menu-details"
4120      style="
4121        --spacing--size: 10px;
4122        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4123      "
4124      
4125        open
4126      
4127      
4128    >
4129      <summary class="menu__heading menu__heading--empty h3">
4130        <span class="menu__heading__default"></span>
4131        <span class="menu__heading__accordion">
4132          Footer menu
4133          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4134  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4135</svg>
4136</span>
4137          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4138  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4139  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4140</svg>
4141</span>
4142        </span>
4143      </summary>
4144
4145      <div class="details-content">
4146        
4147          <ul class="list-unstyled">
4148            
4149              <li class="menu__item paragraph">
4150                <a href="/blogs/journal">
4151                  journal
4152                </a>
4153              </li>
4154            
4155              <li class="menu__item paragraph">
4156                <a href="/pages/about">
4157                  about
4158                </a>
4159              </li>
4160            
4161              <li class="menu__item paragraph">
4162                <a href="/pages/contact">
4163                  contact
4164                </a>
4165              </li>
4166            
4167          </ul>
4168        
4169      </div>
4170    </details>
4171  </accordion-custom>
4172
4173
4174
4175
4176
4177
4178  </div>
4179</div>
4180
4181
4182
4183
4184</footer><div id="shopify-section-sections--22298637304029__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
4185
4186<div class="section-background color-scheme-1"></div>
4187<div
4188  class="section section--page-width color-scheme-1"
4189  
4190>
4191  <div
4192    class="utilities utilities--blocks-3 spacing-style"
4193    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
4194    data-testid="footer-utilities"
4195  >
4196    
4197
4198<div
4199  class="
4200    footer-utilities__group-copyright
4201    custom-typography
4202    footer-utilities__text
4203    custom-font-size
4204  "
4205  style="
4206--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
4207  
4208>
4209  <span class="footer-utilities__text">
4210    &copy; 2026
4211    <a href="/" title="">designare</a></span>
4212</div>
4213
4214
4215
4216
4217  <anchored-popover-component
4218    class="footer-utilities__policy-list footer-utilities__text"
4219    data-hover-triggered="true"
4220  >
4221    <button
4222      class="policy-list-trigger button-unstyled"
4223      popovertarget="terms-policies-popover"
4224      popovertargetaction="toggle"
4225      ref="trigger"
4226      style="
4227--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
4228      
4229    >
4230      Terms and Policies
4231    </button>
4232    <div
4233      class="terms-policies-popover color-scheme-1"
4234      id="terms-policies-popover"
4235      popover="auto"
4236      ref="popover"
4237    >
4238      <ul
4239        class="
4240          policy_list list-unstyled
4241          custom-typography
4242          custom-font-size
4243        "
4244      ><li>
4245              <a
4246                href="/policies/privacy-policy"
4247                class="footer-utilities__text"
4248              >Privacy policy</a>
4249            </li><li>
4250              <a
4251                href="/policies/refund-policy"
4252                class="footer-utilities__text"
4253              >Refund policy</a>
4254            </li><li>
4255              <a
4256                href="/policies/terms-of-service"
4257                class="footer-utilities__text"
4258              >Terms of service</a>
4259            </li><li>
4260              <a
4261                href="/policies/contact-information"
4262                class="footer-utilities__text"
4263              >Contact information</a>
4264            </li><li>
4265              <a
4266                href="/policies/shipping-policy"
4267                class="footer-utilities__text"
4268              >Shipping policy</a>
4269            </li></ul>
4270    </div>
4271  </anchored-popover-component>
4272
4273
4274
4275
4276
4277
4278
4279<div
4280  class="social-icons__wrapper footer-utilities__icons"
4281  
4282>
4283  
4284
4285  
4286    
4287
4288    
4289    
4290  
4291    
4292
4293    
4294    
4295      
4296        <div
4297          class="social-icons__icon-wrapper"
4298        >
4299          <a
4300            href="https://www.instagram.com/designare.is/"
4301            target="_blank"
4302            rel="noopener noreferrer"
4303            aria-label="Instagram"
4304            
4305          >
4306            <span class="social-icons__icon-label">Instagram</span>
4307            
4308              <svg
4309                class="social-icons__icon icon-default"
4310                aria-hidden="true"
4311                focusable="false"
4312                xmlns="http://www.w3.org/2000/svg"
4313                viewBox="0 0 20 20"
4314              >
4315<path
4316      fill-rule="evenodd"
4317      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
4318      clip-rule="evenodd"
4319    /></svg>
4320            
4321          </a>
4322        </div>
4323      
4324    
4325  
4326    
4327
4328    
4329    
4330  
4331    
4332
4333    
4334    
4335  
4336    
4337
4338    
4339    
4340  
4341    
4342
4343    
4344    
4345  
4346    
4347
4348    
4349    
4350  
4351    
4352
4353    
4354    
4355  
4356    
4357
4358    
4359    
4360  
4361    
4362
4363    
4364    
4365  
4366    
4367
4368    
4369    
4370  
4371    
4372
4373    
4374    
4375  
4376    
4377
4378    
4379    
4380  
4381</div>
4382
4383
4384
4385
4386
4387  </div>
4388</div>
4389
4390
4391
4392
4393</div>
4394<!-- END sections: footer-group -->
4395
4396    
4396<script
4397  src="//designare.is/cdn/shop/t/2/assets/dialog.js?v=61774032287387761671778092777"
4398  type="module"
4399></script>
4399
4400
4401<script
4402  src="//designare.is/cdn/shop/t/2/assets/predictive-search.js?v=149240552485540508541778092774"
4403  type="module"
4404  fetchpriority="low"
4405></script>
4405
4406
4407<dialog-component
4408  id="search-modal"
4409  class="search-modal"
4410  
4411>
4412  <dialog
4413    ref="dialog"
4414    on:click="/closeDialogOnClickOutside"
4415    on:keydown="/closeDialogOnEscapePress"
4416    class="search-modal__content dialog-modal"
4417    scroll-lock
4418    aria-labelledby="search-modal-heading"
4419  >
4420    <h2
4421      id="search-modal-heading"
4422      class="visually-hidden"
4423    >
4424      Search
4425    </h2>
4426    <predictive-search-component
4427      class="predictive-search color-scheme-1"
4428      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
4429      data-section-id="predictive-search"
4430      data-testid="search-component--modal"
4431      role="search"
4432      aria-label="Search"
4433    >
4434      <form
4435        action="/search"
4436        method="get"
4437        role="search"
4438        class="predictive-search-form"
4439        ref="form"
4440        on:keydown="/onSearchKeyDown"
4441      >
4442        <div
4443          class="predictive-search-form__header"
4444        >
4445          <div class="predictive-search-form__header-inner">
4446            <label
4447              for="cmdk-input"
4448              class="visually-hidden"
4449            >Search</label>
4450            <input
4451              class="search-input"
4452              id="cmdk-input"
4453              type="search"
4454              name="q"
4455              role="combobox"
4456              aria-expanded="false"
4457              aria-owns="predictive-search-results"
4458              aria-controls="predictive-search-results"
4459              aria-haspopup="listbox"
4460              aria-autocomplete="list"
4461              autocomplete="off"
4462              placeholder="Search"
4463              ref="searchInput"
4464              on:input="/search"
4465              on:keydown="/onSearchKeyDown"
4466            >
4467            <input
4468              name="options[prefix]"
4469              type="hidden"
4470              value="last"
4471            >
4472            <span class="svg-wrapper predictive-search__icon">
4473              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
4474
4475            </span>
4476            <button
4477              type="button"
4478              class="button-unstyled predictive-search__reset-button"
4479              ref="resetButton"
4480              hidden
4481              on:click="/resetSearch"
4482            >
4483              Clear
4484            </button>
4485          </div>
4486          <button
4487            type="button"
4488            class="button predictive-search__close-modal-button"
4489            aria-label="Close dialog"
4490            on:click="dialog-component/closeDialog"
4491            ref="closeModalButton"
4492          >
4493            <span class="svg-wrapper">
4494              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4495  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4496  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4497</svg>
4498
4499            </span>
4500          </button>
4501        </div>
4502
4503        <div class="predictive-search-form__content-wrapper">
4504          <div
4505            class="predictive-search-form__content"
4506            tabindex="-1"
4507            ref="predictiveSearchResults"
4508            on:click="/handleModalClick"
4509          >
4510            
4511
4512<div
4513  id="predictive-search-results"
4514  class="predictive-search-dropdown"
4515  role="listbox"
4516  aria-expanded="true"
4517  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
4518>
4519  
4520    <div class="predictive-search-results__inner">
4521      
4522      
4523        
4524        
4525        
4526          <div
4527  id="predictive-search-products"
4528  class="predictive-search-results__products"
4529  
4530    data-testid="products-list-default--modal"
4531  
4532>
4533  
4534    <h4 class="predictive-search-results__title">
4535      Products
4536    </h4>
4537    <ul
4538      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
4539      role="listbox"
4540      aria-label="Products"
4541    >
4542      
4543      
4544        <li
4545          class="predictive-search-results__card predictive-search-results__card--product"
4546          ref="resultsItems[]"
4547        >
4548          
4549<div
4550  class="resource-card"
4551  href="/products/nils-thorsson-baca-vase-for-royal-copenhagen-denmark"
4552  data-resource-type="product"
4553>
4554  <a
4555    class="resource-card__link"
4556    href="/products/nils-thorsson-baca-vase-for-royal-copenhagen-denmark"
4557  >
4558    <span class="visually-hidden">
4559      Baca Vase, Nils Thorsson
4560    </span>
4561  </a>
4562  <div
4563    class="resource-card__media"
4564    style="--resource-card-aspect-ratio: 4 / 5;"
4565    
4566  >
4567      
4568      
4569<img src="//designare.is/cdn/shop/files/44D76A6D-4889-45DF-B2E3-101AAE5AEF86.png?v=1778162542&amp;width=500" alt="" srcset="//designare.is/cdn/shop/files/44D76A6D-4889-45DF-B2E3-101AAE5AEF86.png?v=1778162542&amp;width=240 240w, //designare.is/cdn/shop/files/44D76A6D-4889-45DF-B2E3-101AAE5AEF86.png?v=1778162542&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">
4570
4571          <img src="//designare.is/cdn/shop/files/royal_vase_under.png?v=1780233313&amp;width=500" alt="Baca Vase, Nils Thorsson" srcset="//designare.is/cdn/shop/files/royal_vase_under.png?v=1780233313&amp;width=240 240w, //designare.is/cdn/shop/files/royal_vase_under.png?v=1780233313&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="38609402921181" style="object-position: 50.0% 50.0%;">
4572</div>
4573
4574  <div class="resource-card__content">
4575    <p class="resource-card__title paragraph">Baca Vase, Nils Thorsson</p>
4576
4577    
4578      <div ref="priceContainer">
4579  
4580    
4581    
4582
4583    
4584      <span class="price">17,990 kr</span>
4585    
4586
4587    
4588  
4589</div>
4590    
4591  </div>
4592</div>
4593
4594        </li>
4595      
4596        <li
4597          class="predictive-search-results__card predictive-search-results__card--product"
4598          ref="resultsItems[]"
4599        >
4600          
4601<div
4602  class="resource-card"
4603  href="/products/bjork-a-project-by-bjork-2001"
4604  data-resource-type="product"
4605>
4606  <a
4607    class="resource-card__link"
4608    href="/products/bjork-a-project-by-bjork-2001"
4609  >
4610    <span class="visually-hidden">
4611      Björk — A Project by Björk, 2001
4612    </span>
4613  </a>
4614  <div
4615    class="resource-card__media"
4616    style="--resource-card-aspect-ratio: 4 / 5;"
4617    
4618  >
4619      
4620      
4621<img src="//designare.is/cdn/shop/files/bjorkdesignarebook2.png?v=1786807986&amp;width=500" alt="" srcset="//designare.is/cdn/shop/files/bjorkdesignarebook2.png?v=1786807986&amp;width=240 240w, //designare.is/cdn/shop/files/bjorkdesignarebook2.png?v=1786807986&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">
4622
4623          <img src="//designare.is/cdn/shop/files/bjorkdesignarebook4.png?v=1786807986&amp;width=500" alt="Björk — A Project by Björk, 2001" srcset="//designare.is/cdn/shop/files/bjorkdesignarebook4.png?v=1786807986&amp;width=240 240w, //designare.is/cdn/shop/files/bjorkdesignarebook4.png?v=1786807986&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39363770319069" style="object-position: 50.0% 50.0%;">
4624</div>
4625
4626  <div class="resource-card__content">
4627    <p class="resource-card__title paragraph">Björk — A Project by Björk, 2001</p>
4628
4629    
4630      <div ref="priceContainer">
4631  
4632    
4633    
4634
4635    
4636      <span class="price">19,990 kr</span>
4637    
4638
4639    
4640  
4641</div>
4642    
4643  </div>
4644</div>
4645
4646        </li>
4647      
4648        <li
4649          class="predictive-search-results__card predictive-search-results__card--product"
4650          ref="resultsItems[]"
4651        >
4652          
4653<div
4654  class="resource-card"
4655  href="/products/designare-tshirt"
4656  data-resource-type="product"
4657>
4658  <a
4659    class="resource-card__link"
4660    href="/products/designare-tshirt"
4661  >
4662    <span class="visually-hidden">
4663      designare t-shirt
4664    </span>
4665  </a>
4666  <div
4667    class="resource-card__media"
4668    style="--resource-card-aspect-ratio: 4 / 5;"
4669    
4670  >
4671      
4672      
4673<img src="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=500" alt="" srcset="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=240 240w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">
4674</div>
4675
4676  <div class="resource-card__content">
4677    <p class="resource-card__title paragraph">designare t-shirt</p>
4678
4679    
4680      <div ref="priceContainer">
4681  
4682    
4683    
4684
4685    
4686      <span class="price">9,990 kr</span>
4687    
4688
4689    
4690  
4691</div>
4692    
4693  </div>
4694</div>
4695
4696        </li>
4697      
4698        <li
4699          class="predictive-search-results__card predictive-search-results__card--product"
4700          ref="resultsItems[]"
4701        >
4702          
4703<div
4704  class="resource-card"
4705  href="/products/designare-bracelet"
4706  data-resource-type="product"
4707>
4708  <a
4709    class="resource-card__link"
4710    href="/products/designare-bracelet"
4711  >
4712    <span class="visually-hidden">
4713      Gold Bracelet
4714    </span>
4715  </a>
4716  <div
4717    class="resource-card__media"
4718    style="--resource-card-aspect-ratio: 4 / 5;"
4719    
4720  >
4721      
4722      
4723<img src="//designare.is/cdn/shop/files/designaregoldbracelet.png?v=1783554890&amp;width=500" alt="" srcset="//designare.is/cdn/shop/files/designaregoldbracelet.png?v=1783554890&amp;width=240 240w, //designare.is/cdn/shop/files/designaregoldbracelet.png?v=1783554890&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">
4724
4725          <img src="//designare.is/cdn/shop/files/designare_on_hand_gold.png?v=1788798193&amp;width=500" alt="Gold Bracelet" srcset="//designare.is/cdn/shop/files/designare_on_hand_gold.png?v=1788798193&amp;width=240 240w, //designare.is/cdn/shop/files/designare_on_hand_gold.png?v=1788798193&amp;width=352 352w" width="500" height="686" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39609111707869" style="object-position: 50.0% 50.0%;">
4726</div>
4727
4728  <div class="resource-card__content">
4729    <p class="resource-card__title paragraph">Gold Bracelet</p>
4730
4731    
4732      <div ref="priceContainer">
4733  
4734    
4735    
4736
4737    
4738      <span class="price">4,990 kr</span>
4739    
4740
4741    
4742  
4743</div>
4744    
4745  </div>
4746</div>
4747
4748        </li>
4749      
4750    </ul>
4751  
4752</div>
4753
4754
4755
4756        
4757      
4758    </div>
4759  
4760</div>
4761
4762          </div>
4763
4764          <div class="predictive-search-form__footer">
4765            <button
4766              class="button button-primary predictive-search__search-button"
4767              ref="viewAllButton"
4768            >
4769              View all
4770            </button>
4771          </div>
4772        </div>
4773      </form>
4774    </predictive-search-component>
4775  </dialog>
4776</dialog-component>
4777
4778
4779
4780
4781    
4782      <quick-add-dialog id="quick-add-dialog">
4783  <dialog
4784    class="quick-add-modal dialog-modal color-scheme-1"
4785    ref="dialog"
4786    scroll-lock
4787  >
4788    <button
4789      ref="closeButton"
4790      on:click="/closeDialog"
4791      class="button button-unstyled close-button quick-add-modal__close"
4792      aria-label="Close dialog"
4793    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4794  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4795  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4796</svg>
4797</button>
4798    <div
4799      id="quick-add-modal-content"
4800      class="quick-add-modal__content"
4801    ></div>
4802  </dialog>
4803</quick-add-dialog>
4804
4805
4806
4807    
4808
4809  <style>  </style>
4810<div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block">
4811  
4811<script defer src="https://backinstock.useamp.com/widget/239870_1783067398.js?category=bis&v=6"></script>
4811
4812
4813
4814<script id="back-in-stock-helper-embedded">
4815  var _BISConfig = _BISConfig || {};
4816
4817  
4818    _BISConfig.product = {"id":9609011921117,"title":"designare t-shirt","handle":"designare-tshirt","description":"\u003cp\u003e250 GSM grey 100 % cotton t-shirt with a relaxed oversized fit. Designed with dropped shoulders, wide sleeves, and a structured drape.\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e","published_at":"2026-08-06T18:18:52+00:00","created_at":"2026-08-06T18:18:52+00:00","vendor":"designare","type":"t-shirt","tags":["pre-order","t-shirt"],"price":999000,"price_min":999000,"price_max":999000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":48380734079197,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"designare t-shirt - XS","public_title":"XS","options":["XS"],"price":999000,"weight":300,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48380734111965,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"designare t-shirt - S","public_title":"S","options":["S"],"price":999000,"weight":300,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48380734144733,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"designare t-shirt - M","public_title":"M","options":["M"],"price":999000,"weight":300,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48380734177501,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"designare t-shirt - L","public_title":"L","options":["L"],"price":999000,"weight":300,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48380734210269,"title":"XL","option1":"XL","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"designare t-shirt - XL","public_title":"XL","options":["XL"],"price":999000,"weight":300,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"],"featured_image":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274","options":["Size"],"media":[{"alt":null,"id":39609056035037,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1254,"width":1254,"src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274"},"aspect_ratio":1.0,"height":1254,"media_type":"image","src":"\/\/designare.is\/cdn\/shop\/files\/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274","width":1254}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e250 GSM grey 100 % cotton t-shirt with a relaxed oversized fit. Designed with dropped shoulders, wide sleeves, and a structured drape.\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e"};
4819
4820    
4821      _BISConfig.product.variants[0]['oos'] = false;
4822    
4823      _BISConfig.product.variants[1]['oos'] = false;
4824    
4825      _BISConfig.product.variants[2]['oos'] = false;
4826    
4827      _BISConfig.product.variants[3]['oos'] = false;
4828    
4829      _BISConfig.product.variants[4]['oos'] = false;
4830    
4831  
4832
4833  
4834</script>
4834
4835
4836<script id="preorders-helper-embedded">
4837  
4838  
4839
4840  var LiquidPreOrdersConfig = LiquidPreOrdersConfig || {};
4841  LiquidPreOrdersConfig.product_id = 9609011921117;
4842  LiquidPreOrdersConfig.product_tags = ["pre-order","t-shirt"];
4843  LiquidPreOrdersConfig.variants = {"48380734079197": {
4844      "selling_plan_ids": [],
4845      "inventory_policy": "deny",
4846      "oos": false
4847    },"48380734111965": {
4848      "selling_plan_ids": [],
4849      "inventory_policy": "deny",
4850      "oos": false
4851    },"48380734144733": {
4852      "selling_plan_ids": [],
4853      "inventory_policy": "deny",
4854      "oos": false
4855    },"48380734177501": {
4856      "selling_plan_ids": [],
4857      "inventory_policy": "deny",
4858      "oos": false
4859    },"48380734210269": {
4860      "selling_plan_ids": [],
4861      "inventory_policy": "deny",
4862      "oos": false
4863    }};
4864  
4865</script>
4865
4866
4867<script id="low-stock-helper-embedded">
4868  
4869  var LiquidLowStockConfig = LiquidLowStockConfig || {};
4870  LiquidLowStockConfig.product_id = 9609011921117;
4871  LiquidLowStockConfig.product_tags = ["pre-order","t-shirt"];
4872  LiquidLowStockConfig.variants = {"48380734079197": {
4873      "inventory_quantity": 4,
4874      "inventory_management": "shopify",
4875      "inventory_policy": "deny",
4876      "oos": false
4877    },"48380734111965": {
4878      "inventory_quantity": 10,
4879      "inventory_management": "shopify",
4880      "inventory_policy": "deny",
4881      "oos": false
4882    },"48380734144733": {
4883      "inventory_quantity": 14,
4884      "inventory_management": "shopify",
4885      "inventory_policy": "deny",
4886      "oos": false
4887    },"48380734177501": {
4888      "inventory_quantity": 13,
4889      "inventory_management": "shopify",
4890      "inventory_policy": "deny",
4891      "oos": false
4892    },"48380734210269": {
4893      "inventory_quantity": 7,
4894      "inventory_management": "shopify",
4895      "inventory_policy": "deny",
4896      "oos": false
4897    }};
4898
4899  window.AppLowStockConfig = null;
4900  
4901</script>
4901
4902
4903
4904  
4904<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/low-stock-badge.js"></script>
4904
4905
4906
4907
4908<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/wishlist.js"></script>
4908
4909
4910
4911<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/preorder-product-page-updater.js"></script>
4911
4912
4913
4914
4915
4916</div>
4916<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4916
4917</body>
4918</html>

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