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&v=1768083716" alt="" width="159" height="36" class="header-logo__image" srcset="//designare.is/cdn/shop/files/designare_logo_neck.png?height=36&v=1768083716 1x, //designare.is/cdn/shop/files/designare_logo_neck.png?height=72&v=1768083716 2x, //designare.is/cdn/shop/files/designare_logo_neck.png?height=108&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&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&width=3840" alt="designare t-shirt" srcset="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=240 240w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=352 352w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=832 832w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1200 1200w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1600 1600w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1920 1920w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=2560 2560w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&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&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&width=3840" alt="designare t-shirt" srcset="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=240 240w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=352 352w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=832 832w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1200 1200w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1600 1600w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1920 1920w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=2560 2560w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&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&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&width=3840" alt="designare t-shirt" srcset="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=240 240w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=352 352w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=832 832w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1200 1200w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1600 1600w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=1920 1920w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=2560 2560w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&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&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 © 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&width=500" alt="" srcset="//designare.is/cdn/shop/files/44D76A6D-4889-45DF-B2E3-101AAE5AEF86.png?v=1778162542&width=240 240w, //designare.is/cdn/shop/files/44D76A6D-4889-45DF-B2E3-101AAE5AEF86.png?v=1778162542&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&width=500" alt="Baca Vase, Nils Thorsson" srcset="//designare.is/cdn/shop/files/royal_vase_under.png?v=1780233313&width=240 240w, //designare.is/cdn/shop/files/royal_vase_under.png?v=1780233313&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&width=500" alt="" srcset="//designare.is/cdn/shop/files/bjorkdesignarebook2.png?v=1786807986&width=240 240w, //designare.is/cdn/shop/files/bjorkdesignarebook2.png?v=1786807986&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&width=500" alt="Björk â A Project by Björk, 2001" srcset="//designare.is/cdn/shop/files/bjorkdesignarebook4.png?v=1786807986&width=240 240w, //designare.is/cdn/shop/files/bjorkdesignarebook4.png?v=1786807986&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&width=500" alt="" srcset="//designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&width=240 240w, //designare.is/cdn/shop/files/96840858-386b-48e3-9d06-39aadad4a739.jpg?v=1788797274&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&width=500" alt="" srcset="//designare.is/cdn/shop/files/designaregoldbracelet.png?v=1783554890&width=240 240w, //designare.is/cdn/shop/files/designaregoldbracelet.png?v=1783554890&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&width=500" alt="Gold Bracelet" srcset="//designare.is/cdn/shop/files/designare_on_hand_gold.png?v=1788798193&width=240 240w, //designare.is/cdn/shop/files/designare_on_hand_gold.png?v=1788798193&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.