CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="NB"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preconnect" href="https://cdn.shopify.com" /> <link rel="icon" type="image/png" href="https://cdn.shopify.com/static/shopify-favicon.png" /> <title> Maler for e-handelnettsteder – Gratis og betalte temaer til nettbutikken din. </title> <meta name="description" content="Shopify Theme Store inneholder mer enn 100 gratis og betalte profesjonelt designede temaer for e-handelnettsteder som du kan bruke i nettbutikken din." /> <link rel="canonical" href="https://themes.shopify.com/themes?locale=nb"> <script nonce="">document.documentElement.classList.remove('no-js'); document.documentElement.classList.add('js')</script> <meta name="google-site-verification" content="w4um_4h92pEHOipmSk8JHS8bY0x1c80EtfJAPo_FuU0"> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <meta property="og:description" content="Shopify Theme Store inneholder mer enn 100 gratis og betalte profesjonelt designede temaer for e-handelnettsteder som du kan bruke i nettbutikken din."> <meta property="og:url" content="https://themes.shopify.com/themes?locale=nb"> <meta property="og:type" content="website"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="brpR3susKbOh779I0ApkNXE3_dsX_gnB0INdNxOx9LYtxgPzDHLermrABkzI1NgdTCxOWYhxgP3IDNb1riVFRw" /> <meta property="og:title" content="Maler for e-handelnettsteder – Gratis og betalte temaer til nettbutikken din."> <meta property="og:image" content="https://cdn.shopify.com/shopifycloud/brochure/assets/home/redesign2022/social-share-large-0f279d7763f739fda50c66e7acc2d59ed2200b6c47944f804715ec4d4df4c2a3.png"> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/application-511d68ed337deed8f3f67c2eb6a44755ebeac23e02ed2f97e93a43f2c735e574.css" /> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/tailwind-a438fb085e78dbd644977daf3d47e4db886575a8053934ac875ece3b5cfb7d32.css" data-turbo-track="reload" /> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/inter-font-013a82a3f24b133ada787c7ed29ae12fec6fef808a104afb5332cad9be6be848.css" data-turbo-track="reload" /> <script type="text/javascript" id="dux-data" data-mode=production> (function () { function getData(key) { const dux_info = document.getElementById('dux-data'); if (dux_info && dux_info.dataset && dux_info.dataset[key]) { return dux_info.dataset[key]; } return; } function loadScript(src) { const promise = new Promise(function(resolve, reject){ const script = document.createElement('script'); script.src = src; script.async = true; script.onload = () => { resolve(true); }; script.onerror = () => { reject(false); }; document.head.appendChild(script); }); return promise; } loadScript(`https://cdn.shopify.com/shopifycloud/dux/dux-3.4.1.min.js`).then(() => { Dux.init({ service: "themestore", mode: getData('mode') || 'development', eventHandlerEndpoint: "https://themes.shopify.com/.well-known/dux", emitTrekkiePageViewEvent: true, enableGtm: true, enableGtmLoader: false, enableActiveConsent: false, shopId: getData('shop_id'), identityUuid: getData('identity_uuid'), }); }); })(); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TMHDF2L");</script>  <script type="text/javascript"> (function(){ function trekkieLoadOnError() { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'theme_store_trekkie_load_error/1.0', { url: window.location.href, 'locale': 'nb', }); } var config = { 'Trekkie': { 'appName': 'themestore', 'defaultAttributes': { }, 'navigationTimingApiMeasurementsEnabled': true, 'navigationTimingApiMeasurementsSampleRate': 0.01, 'isServerSideCookieWritingEnabled': true }, 'Clickstream': { 'appName': 'themestore' }, 'Optimizely': {} }; var trekkie_version = '2020.07.23.1'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', ]; analytics.factory = function(method){ return function(){ var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config){ analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = trekkieLoadOnError script.async = true; script.src = '//cdn.shopify.com/s/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.load(config); analytics.page(); })(); </script> <link rel="alternate" href="https://themes.shopify.com/themes" hreflang="en"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=de" hreflang="de"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=es" hreflang="es"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=fr" hreflang="fr"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=it" hreflang="it"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=nl" hreflang="nl"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=nb" hreflang="nb"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=pl" hreflang="pl"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=fi" hreflang="fi"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=sv" hreflang="sv"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=tr" hreflang="tr"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=cs" hreflang="cs"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=th" hreflang="th"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=ja" hreflang="ja"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=zh-CN" hreflang="zh-Hans"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=zh-TW" hreflang="zh-Hant-TW"> <link rel="alternate" href="https://themes.shopify.com/themes?locale=ko" hreflang="ko"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.className += ' tailwindcss'; </script> <script> const host = atob('dGhlbWVzLnNob3BpZnkuY29t'); if (document.location.host !== host) { document.location.assign(`https://${host}`); } </script> </head> <body class="page--themes shopify-sans-unsupported-lang segment-online">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="GlobalIconSymbols"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="modules-cancel"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 00-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 001.414 1.414L10 11.414l6.293 6.293a.996.996 0 001.414 0 1 1 0 000-1.414L11.414 10z"/></svg></symbol><symbol id="icons-polaris-chevron-down"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg> </symbol><symbol id="modules-checked"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.7 40"><path d="M16.7 30l-7.4-7.9c-.8-.8-.6-2 .4-2.6 1-.6 2.4-.5 3.1.3l3.7 4 11.3-13c.7-.8 2.1-1 3.1-.4s1.2 1.8.5 2.6L16.7 30z"/></svg></symbol><symbol id="modules-caret-down"><svg xmlns="http://www.w3.org/2000/svg" baseProfile="tiny" viewBox="0 0 10.289 6.563"><path d="M5.212 6.563L0 1.423 1.404 0l3.788 3.735L8.865.01l1.424 1.404"/></svg></symbol><symbol id="icons-polaris-thumbs-up"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" fill="currentColor" d="M12.539 14.57a9.25 9.25 0 0 1-4.074-.838l-.307-.141a3.751 3.751 0 0 0-1.158-.32v-5.222a1.5 1.5 0 0 0 .15-.099 6.489 6.489 0 0 0 2.475-3.95 1.41 1.41 0 0 1 1.378 1.557l-.133 1.26a1.75 1.75 0 0 0 1.74 1.933h1.595c.758 0 1.342.67 1.239 1.42l-.338 2.449a2.25 2.25 0 0 1-2.176 1.942l-.391.01Zm-7.039-6.32h-1v5h1v-5Zm2.34 6.845a10.75 10.75 0 0 0 4.735.975l.391-.01a3.75 3.75 0 0 0 3.626-3.236l.337-2.448a2.75 2.75 0 0 0-2.724-3.126h-1.594a.25.25 0 0 1-.249-.276l.133-1.26a2.91 2.91 0 0 0-2.894-3.214h-.364c-.5 0-.928.357-1.017.849l-.055.303a4.989 4.989 0 0 1-1.915 3.098h-2c-.69 0-1.25.56-1.25 1.25v5.5c0 .69.56 1.25 1.25 1.25h2.345c.324 0 .644.07.938.205l.307.14Z"/></svg></symbol><symbol id="icons-search"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2349_269)"> <path d="M2.5 10C2.5 5.86375 5.86375 2.5 10 2.5C14.1362 2.5 17.5 5.86375 17.5 10C17.5 14.1362 14.1362 17.5 10 17.5C5.86375 17.5 2.5 14.1362 2.5 10ZM24.6338 22.8662L17.89 16.1213C19.2573 14.3738 20.0001 12.2188 20 10C20 4.48625 15.5138 0 10 0C4.48625 0 0 4.48625 0 10C0 15.5138 4.48625 20 10 20C12.2187 19.9994 14.3734 19.2566 16.1213 17.89L22.8662 24.6338C22.9821 24.7502 23.1198 24.8427 23.2714 24.9057C23.4231 24.9688 23.5857 25.0013 23.75 25.0013C23.9143 25.0013 24.0769 24.9688 24.2286 24.9057C24.3802 24.8427 24.5179 24.7502 24.6338 24.6338C24.7499 24.5178 24.8421 24.38 24.905 24.2284C24.9679 24.0767 25.0002 23.9142 25.0002 23.75C25.0002 23.5858 24.9679 23.4233 24.905 23.2716C24.8421 23.12 24.7499 22.9822 24.6338 22.8662Z" fill="#181818" /> </g> </svg> </symbol><symbol id="shopify_themes_logo_v2"><svg width="91" height="27" viewBox="0 0 91 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3923 26.4932L22.9753 24.8225C22.9753 24.8225 20.141 5.25426 20.123 5.12002C20.1049 4.98578 19.9901 4.91128 19.8947 4.90317C19.8001 4.89506 17.9467 4.86629 17.9467 4.86629C17.9467 4.86629 16.817 3.74589 16.3923 3.32178V26.4932Z" fill="black"/> <path d="M15.6759 3.09835C15.6745 3.09908 15.3848 3.19054 14.8973 3.3447C14.8157 3.07474 14.6958 2.74283 14.5246 2.40944C13.9728 1.33403 13.1645 0.765351 12.188 0.763875C12.1865 0.763875 12.1858 0.763875 12.1844 0.763875C12.1165 0.763875 12.0493 0.770514 11.9814 0.776415C11.9525 0.74101 11.9236 0.706343 11.8933 0.672414C11.4678 0.207733 10.9225 -0.018707 10.2688 0.00120795C9.00772 0.0380874 7.75165 0.968188 6.73322 2.62039C6.0167 3.78283 5.47137 5.24326 5.3168 6.37398C3.8686 6.83202 2.85595 7.15214 2.83356 7.15951C2.1026 7.39407 2.07948 7.41693 1.98414 8.12059C1.91263 8.65239 0 23.7553 0 23.7553L15.8681 26.5574V3.06515C15.79 3.07032 15.72 3.08507 15.6759 3.09835ZM12.0117 4.2571C11.1717 4.52263 10.2551 4.8125 9.33564 5.10311C9.59422 4.09188 10.0847 3.08507 10.687 2.42493C10.911 2.17931 11.2244 1.90566 11.5957 1.74929C11.9446 2.49278 12.0204 3.54533 12.0117 4.2571ZM10.2934 0.858287C10.5895 0.851649 10.8387 0.918032 11.0518 1.06112C10.7109 1.24183 10.3815 1.50146 10.0724 1.84002C9.27135 2.71775 8.6574 4.08008 8.41255 5.39446C7.64908 5.63565 6.90223 5.87242 6.21461 6.08927C6.64871 4.02033 8.34682 0.915819 10.2934 0.858287ZM7.83977 12.6442C7.925 14.0228 11.4765 14.3237 11.6759 17.5529C11.8326 20.0931 10.3562 21.8309 8.22908 21.9681C5.67578 22.1326 4.2702 20.594 4.2702 20.594L4.81119 18.2433C4.81119 18.2433 6.22617 19.3334 7.35872 19.2604C8.09835 19.2125 8.36271 18.5981 8.33599 18.1636C8.22475 16.3654 5.33269 16.4716 5.14995 13.5168C4.9961 11.0304 6.59526 8.51078 10.1237 8.2836C11.483 8.19583 12.1793 8.55061 12.1793 8.55061L11.3725 11.633C11.3725 11.633 10.4725 11.2148 9.4057 11.2834C7.84049 11.3844 7.82388 12.392 7.83977 12.6442ZM12.8503 3.9923C12.8409 3.34028 12.7651 2.43304 12.4675 1.64898C13.4245 1.83412 13.8955 2.93976 14.0948 3.59917C13.7257 3.71497 13.3054 3.84774 12.8503 3.9923Z" fill="black"/> <path d="M35.9627 7.80974L35.4563 10.5214H38.1831L37.9904 11.4681H35.2629L33.9835 18.7832C33.8429 19.6031 33.7423 20.2411 33.7423 20.906C33.7423 21.6223 34.0567 22.0569 34.7804 22.0569C35.1665 22.0569 35.4078 22.0315 35.6244 21.9548L35.6947 22.8492C35.3266 22.9662 34.9446 23.0264 34.5603 23.0281C33.1846 23.0281 32.6536 22.0591 32.6536 21.0335C32.6536 20.3678 32.7239 19.7283 32.9194 18.7824L34.2241 11.4673H32.5586L32.7274 10.5207H34.4154L34.8015 8.32107L35.9627 7.80974ZM37.9419 22.7978L41.1519 4.76562H42.2139L40.7418 12.8485H40.7897C41.7793 11.2087 43.1064 10.265 44.748 10.265C45.8579 10.265 47.306 11.032 47.306 13.2577C47.2998 13.9095 47.2434 14.5596 47.1372 15.2016L45.7861 22.7978H44.748L46.1237 15.1249C46.2211 14.5422 46.2696 13.9515 46.2686 13.3598C46.2686 12.1829 45.7137 11.2623 44.3858 11.2623C42.7203 11.2623 40.6209 13.4366 40.1384 16.1475L38.98 22.7978H37.9419ZM55.8016 22.1076C55.1981 22.5168 54.0882 23.0281 52.6366 23.0281C49.933 23.0281 48.9919 20.7771 48.9919 18.4239C48.9919 14.8945 51.3087 10.265 54.6397 10.265C56.5464 10.265 57.3425 11.5948 57.3425 12.9484C57.3425 16.0685 53.9666 16.9384 50.1749 16.913C50.0539 17.4758 50.03 19.0873 50.2713 19.9564C50.6813 21.3637 51.5745 22.0285 52.8033 22.0285C54.0826 22.0285 54.9512 21.5426 55.4822 21.2086L55.8016 22.1076ZM54.4497 11.2623C52.664 11.2623 51.047 13.3084 50.3472 15.9433C53.3638 15.9686 56.2601 15.4312 56.2601 13.0013C56.2601 11.8504 55.535 11.2623 54.4497 11.2623ZM57.9263 22.7978L59.4736 14.1268C59.7085 12.9351 59.8858 11.7315 60.0047 10.5207H60.9696L60.632 12.8992H60.7024C61.7644 11.1341 63.1155 10.265 64.4912 10.265C66.0842 10.265 66.8565 11.4159 66.9289 13.0527C67.9431 11.2109 69.3203 10.2904 70.9112 10.265C72.0457 10.265 73.4214 11.1088 73.4214 13.1809C73.411 13.8758 73.3466 14.5687 73.2287 15.2523L71.8769 22.7978H70.8387L72.1906 15.227C72.2993 14.6456 72.3558 14.0546 72.3593 13.4619C72.3593 12.1061 71.8769 11.2623 70.5497 11.2623C69.0024 11.2623 67.1224 13.1809 66.6399 15.9433L65.433 22.8008H64.3969L65.7727 15.1018C65.8873 14.5475 65.9439 13.9816 65.9415 13.4142C65.9415 12.3394 65.6524 11.2653 64.1072 11.2653C62.6112 11.2653 60.6081 13.4903 60.1495 16.0737L58.9912 22.8008L57.9263 22.7978ZM81.8916 22.1076C81.2881 22.5168 80.1776 23.0281 78.7266 23.0281C76.0237 23.0281 75.0826 20.7771 75.0826 18.4239C75.0826 14.8945 77.3994 10.265 80.7297 10.265C82.6364 10.265 83.4333 11.5948 83.4333 12.9484C83.4333 16.0685 80.0573 16.9384 76.2649 16.913C76.144 17.4758 76.1201 19.0873 76.3613 19.9564C76.772 21.3637 77.6646 22.0285 78.8933 22.0285C80.1727 22.0285 81.0413 21.5426 81.5723 21.2086L81.8916 22.1076ZM80.5398 11.2623C78.7533 11.2623 77.1364 13.3084 76.4366 15.9433C79.4538 15.9686 82.3495 15.4312 82.3495 13.0013C82.3495 11.8504 81.6285 11.2623 80.5398 11.2623ZM83.8701 21.3659C84.4802 21.7901 85.192 22.0208 85.9217 22.0308C87.4423 22.0308 88.4537 20.8799 88.4537 19.4965C88.4537 18.2681 87.9712 17.5265 86.8852 16.7848C85.7508 15.9917 85.1234 14.8923 85.1234 13.7668C85.1234 11.8482 86.5715 10.2635 88.5985 10.2635C89.3947 10.2635 90.1916 10.5445 90.5292 10.8263L90.1431 11.7722C89.7815 11.5418 89.1535 11.2608 88.4783 11.2608C87.0779 11.2608 86.1573 12.2842 86.1573 13.5626C86.1573 14.7142 86.7607 15.3515 87.7264 16.0223C88.8363 16.8154 89.5122 17.9402 89.5122 19.1685C89.5122 21.6491 87.7989 23.0303 85.8197 23.0303C84.7816 23.0303 83.8644 22.6211 83.4783 22.2887L83.8701 21.3659Z" fill="black"/> </svg> </symbol><symbol id="modules-mobile-hamburger"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M19 11H1a1 1 0 110-2h18a1 1 0 110 2zm0-7H1a1 1 0 110-2h18a1 1 0 110 2zm0 14H1a1 1 0 110-2h18a1 1 0 110 2z"/></svg></symbol><symbol id="modules-social-facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"/></svg></symbol><symbol id="modules-social-twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-3.7-5.5c-.8.3-1.6.6-2.5.7.9-.5 1.5-1.4 1.8-2.4-.8.5-1.7.8-2.7 1-.8-.8-1.9-1.4-3.1-1.4-2.4 0-4.2 1.9-4.2 4.3 0 .3 0 .7.1 1-3.5-.2-6.7-1.9-8.8-4.5-.3.7-.6 1.4-.6 2.2 0 1.5.7 2.8 1.9 3.5-.7 0-1.4-.2-1.9-.5 0 2.1 1.5 3.8 3.4 4.2-.3.1-.7.1-1.1.1-.3 0-.6 0-.8-.1.5 1.7 2.1 2.8 4 2.9-1.5 1.1-3.3 1.9-5.3 1.9-.3 0-.7 0-1-.1 1.9 1.2 4.1 1.9 6.5 1.9 7.8 0 12.1-6.5 12.1-12.1v-.6c.9-.4 1.6-1.2 2.2-2z"/></svg></symbol><symbol id="modules-social-youtube"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-5.6 0c0-6.9 0-6.9-9.4-6.9s-9.4 0-9.4 6.9 0 6.9 9.4 6.9 9.4 0 9.4-6.9zm-11.9-3.7l6.3 3.8-6.3 3.8v-7.6z"/></svg></symbol><symbol id="modules-social-instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs/><path fill-rule="evenodd" d="M9 0c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zM6.7 3.5h4.7c1.8 0 3.2 1.4 3.2 3.1v4.7c0 1.7-1.4 3.1-3.2 3.1H6.7c-1.8 0-3.2-1.4-3.2-3.1V6.7c0-1.8 1.4-3.2 3.2-3.2zM9 6.2c1.6 0 2.9 1.3 2.9 2.9S10.6 12 9 12s-3-1.3-3-2.9 1.3-2.9 3-2.9zm0 1.2c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7 0-.9.7-1.7 1.7-1.7zm2.8-1.7c.3 0 .6.2.6.6 0 .3-.2.6-.6.6-.3 0-.6-.2-.6-.6 0-.4.3-.6.6-.6zm-4.6-1h3.7c1.4 0 2.5 1.1 2.5 2.5v3.7c0 1.4-1.1 2.5-2.5 2.5H7.2c-1.4 0-2.5-1.1-2.5-2.5V7.2c-.1-1.4 1.1-2.5 2.5-2.5z" clip-rule="evenodd"/></svg> </symbol><symbol id="modules-social-linkedin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"/></svg></symbol><symbol id="modules-social-pinterest"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M15 30c-1.5 0-2.9-.2-4.3-.6.6-.9 1.2-2 1.5-3.2.2-.7 1-4.1 1-4.1.5 1 2 1.9 3.7 1.9 4.8 0 8.1-4.4 8.1-10.3 0-4.4-3.8-8.6-9.5-8.6-7.1-.1-10.6 5-10.6 9.3 0 2.6 1 4.9 3.1 5.7.3.1.7 0 .8-.4.1-.2.2-.9.3-1.2.1-.4 0-.5-.2-.8-.6-.7-1-1.6-1-3 0-3.8 2.8-7.2 7.4-7.2 4 0 6.2 2.5 6.2 5.8 0 4.3-1.9 8-4.8 8-1.6 0-2.7-1.3-2.4-2.9.5-1.9 1.3-4 1.3-5.3 0-1.2-.7-2.3-2-2.3-1.6 0-2.9 1.7-2.9 3.9 0 1.4.5 2.4.5 2.4S9.5 24 9.3 25.3c-.3 1.1-.4 2.4-.3 3.5-5.3-2.4-9-7.7-9-13.8C0 6.7 6.7 0 15 0s15 6.7 15 15-6.7 15-15 15z"/></svg></symbol><symbol id="icons-globe"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M22.54.16c-.29-.04-.58-.07-.88-.09C21.12.02 20.56 0 20 0c-3.15 0-6.13.73-8.78 2.03-.4.19-.78.4-1.16.62C4.05 6.1 0 12.59 0 20c0 6.08 2.73 11.54 7.02 15.2.32.28.64.54.98.8 3.34 2.51 7.5 4 12 4 5.62 0 10.71-2.33 14.34-6.07.21-.21.41-.43.61-.65C38.09 29.75 40 25.09 40 20 40 9.83 32.37 1.41 22.54.16zm11.19 31.45c-.42.52-.88 1-1.37 1.45C29.13 36.12 24.78 38 20 38c-3.89 0-7.49-1.24-10.44-3.35-.54-.39-1.06-.8-1.56-1.25-.74-.65-1.42-1.37-2.03-2.15v-.01c-.76-.93-1.42-1.94-1.97-3.02-1.28-2.46-2-5.26-2-8.22 0-2.05.34-4.02.99-5.85.27-.81.6-1.58.99-2.33.01-.01.01-.03.02-.04.46-.91 1-1.77 1.61-2.57C6.58 7.92 7.72 6.76 9 5.77c.63-.5 1.3-.95 2-1.34.03-.02.07-.04.1-.06.65-.38 1.33-.71 2.03-1 .29-.13.58-.24.87-.34.65-.23 1.31-.42 2-.57.97-.23 1.97-.38 3-.43.33-.02.66-.03 1-.03.12 0 .24 0 .36.01.22 0 .43.01.64.02.46.03.91.07 1.36.13C31.17 3.32 38 10.88 38 20c0 4.42-1.6 8.48-4.27 11.61z"/><path d="M11.22 4.03c-.4.19-.78.4-1.16.62a.98.98 0 0 1 1.16-.62zM23.07 25.9c-.73 1.07-1.1 1.99-1.19 2.99-.07.71-.57 1.49-1.16 1.81-.4.22-.6.5-.78 1.09-.14.44-.39.88-.78 1.34-.58.7-1.7 2.41-2.31 3.4a1.287 1.287 0 0 1-1.38.61c-1.67-.36-3.1-4.54-3.32-6.18-.16-1.21-.37-1.88-1.11-2.34-.98-.62-1.5-1.43-1.55-2.43-.02-.4-.17-.66-.54-.95-1.13-.86-1.49-2.17-.98-3.61.14-.4.32-.76.49-1.11.08-.14.15-.28.21-.42.06-.12.1-.22.14-.3-.96-.11-1.61-.8-1.97-1.18-.48-.51-1.18-.92-1.87-1.32l-.09-.06c-1.2-.7-1.81-1.69-1.81-2.95-.01-.02-.04-.08-.08-.14.27-.81.6-1.58.99-2.33.02.06.02.13.02.19.02.07.24.39.37.59.33.49.7 1.05.7 1.69 0 .45.14.83.82 1.23l.09.05c.77.45 1.64.96 2.32 1.68.62.66.77.6 1.01.51.43-.15.9 0 1.16.36.81 1.14.34 2.15.05 2.75-.11.24-.19.39-.27.55-.15.31-.3.6-.4.88-.27.78 0 1.12.3 1.35.85.64 1.29 1.44 1.34 2.45.01.21.09.49.62.82 1.54.97 1.85 2.46 2.03 3.78.18 1.4.94 3.14 1.49 4.02.54-.84 1.41-2.18 2-2.88.26-.3.36-.51.39-.63.23-.74.63-1.66 1.75-2.27.02-.02.11-.18.12-.25.12-1.33.61-2.57 1.53-3.92.51-.74.46-.98.46-.98s-.11-.24-1.08-.58l-.11-.04c-1.12-.39-2-.69-3.01-.28a.999.999 0 0 1-1.37-.93c0-.1-.01-.18-.01-.26-.01-.19-.01-.39.03-.62.05-.22.2-.9.15-1.07-.06-.06-.36-.23-.88-.46-.03-.01-.13-.05-.25-.13-.21-.12-.42-.27-.63-.42-.39-.27-.76-.53-1.11-.64-.34-.1-.78-.11-1.28-.11-.22 0-.45-.01-.68-.01-.56.13-1.27-.01-1.77-1.15-.05-.12-.15-.35-.21-.4-.2-.04-.41-.15-.55-.3-1.26-1.35-.78-2.4-.51-2.79.69-1.01 2.25-1.27 3.29-1.06.13-.11.29-.26.44-.39.66-.62 1.66-1.53 3.19-2.49.05-.22.11-.6.15-.88.07-.41.13-.82.23-1.19-2.6-1.63-4.04-2.64-4.81-3.22.65-.38 1.33-.71 2.03-1 .92.65 2.37 1.62 4.65 3.03.34.21.52.61.46 1a.99.99 0 0 1-.38.64c-.07.24-.15.73-.2 1.05-.16 1.03-.3 1.93-1.03 2.24-1.4.87-2.32 1.72-2.94 2.29-.73.68-1.31 1.22-2.1.9-.32-.12-1.02-.01-1.27.16.02.04.05.09.1.16.77.3 1.09.98 1.27 1.4.23.01.44.01.65.01.62 0 1.25.01 1.88.21.63.2 1.17.57 1.64.9.16.11.33.23.49.33.03.01.06.03.09.04 1.7.77 2.19 1.4 1.99 2.97 1.08-.07 2.04.28 2.92.58l.1.04c.91.32 1.99.81 2.33 1.85.34 1.02-.24 2.05-.71 2.73zm-.53-23.74c-.29-.04-.58-.07-.88-.09.3-.12.63-.07.88.09zm11.19 29.45c-.42.52-.88 1-1.37 1.45-1.72-1.57-2.78-4.26-2.36-5.74.18-.67.36-2.18.28-2.6-.51-.85-.98-1.68-.87-2.82-.22-.21-.42-.45-.6-.67l-.16-.19c-.26.12-.51.23-.76.33-1.64.64-2.78-1.04-3.54-2.16-.1-.16-.21-.32-.31-.46-.53-.74-1.09-1.46-1.6-2.12l-.59-.77c-.17-.23-.24-.51-.19-.79.06-.32.14-.61.21-.88s.16-.64.14-.75c-.05-.21-.1-.38-.14-.52-.33-1.18-.07-1.53.86-2.54.34-.37.49-.38 2.93-.68 1.14-.14 3.22-.39 3.8-.56.08-.06.17-.11.27-.15.08-.03.16-.13.22-.25.07-.16.06-.29.05-.31-.16.04-.82.13-1.36.2-3.02.42-4.84.67-5.08-.74 0-.06-.01-.12-.01-.17-.23-.54-1.38-2.12-1.87-2.56-.04-.03-.07-.07-.1-.11-.9-1.08-1.31-2.1-1.22-3.04.22 0 .43.01.64.02.46.03.91.07 1.36.13v.02c-.05.37.22.95.74 1.58.38.4 1.8 1.93 2.28 3.2h.01c.74 0 2.2-.2 2.98-.31 1.01-.14 1.48-.19 1.78-.17.99.08 1.71.75 1.84 1.7.14 1.01-.41 2.07-1.28 2.55-.5.42-1.72.58-4.81.96-.68.08-1.49.18-1.87.24-.11.12-.21.23-.28.3.02.05.03.09.05.15.04.16.1.36.16.61.13.59-.01 1.16-.16 1.71-.03.1-.05.2-.08.31l.31.4c.52.68 1.09 1.42 1.63 2.18.11.15.23.32.35.5.29.43.91 1.34 1.21 1.41.2-.1.46-.22.73-.34l.46-.21c.25-.11.53-.12.79-.01.48.2.82.62 1.15 1.02.16.19.43.52.55.58.42.22.7.73.57 1.19-.2.7-.03 1.03.56 2.04.64 1.07-.1 4.06-.11 4.08-.19.7.59 2.67 1.81 3.76z"/></svg </symbol><symbol id="modules-nav-arrow-down"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 5"><path d="M0 0l5 5 5-5H0z"/></svg></symbol><symbol id="modules-search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.552 13.62L11.27 9.333a6.083 6.083 0 00.925-3.23A6.099 6.099 0 100 6.103a6.098 6.098 0 009.342 5.165l4.28 4.283c.295.3.68.45 1.063.45h.005c.333 0 .674-.12.93-.373.258-.26.38-.6.38-.94 0-.382-.154-.768-.448-1.063zM9.498 6.102a3.41 3.41 0 01-3.4 3.402 3.41 3.41 0 01-3.4-3.402 3.412 3.412 0 013.4-3.404 3.41 3.41 0 013.4 3.403z"/></svg></symbol></svg></div> <div class="signup-form-wrapper signup--hidden " data-define="{form_0: new SignupForm(this)}"> <form class="marketing-form signup-form stateful-form" novalidate="novalidate" autocomplete="off" data-namespace="form_0" data-hidden-fields-namespace="hiddenFields_0" data-bind-event-submit="form_0.handleSubmit(this, event)" action="https://accounts.shopify.com/store-create" accept-charset="UTF-8" method="post"> <div data-define="{ email0: new StatefulField( 'email', form_0, this, { required: true, validate: true, live: false, showHint: true, showError: true }, {}, 'form_0' )} " class="stateful-field email "><div data-context="email0"><label data-bind-class="{'js-has-error': state.error,'js-is-filled': state.filled || state.value.length > 0,'js-has-hint': !state.error && state.hint}" class="marketing-input-wrapper"><span class="marketing-label marketing-label--in-field marketing-label--floating">E-postadresse</span><input placeholder="E-postadresse" aria-describedby="MessageId_5dd2" name="signup[email]" type="email" autocomplete="email" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.email0)" data-bind-event-keyup="ShopifyMarketing.context.form_0.handleFieldKeyup(event, ShopifyMarketing.context.email0)" class="marketing-input marketing-input--floating" id="0_signup_email" /></label><span class="marketing-form__messages" id="MessageId_5dd2"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error && state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true"></span></span></div></div> <div data-define="{hiddenFields_0: new HiddenFields({ source: "", source_url: "", source_url_referer: "", signup_code: "", signup_page: "", signup_page_referer: "", signup_types: ["online_store"], theme: "", selected_app: "", selected_plan: "", domain_to_connect: "", }, this)}"> <div data-context="hiddenFields_0"> <input type="hidden" name="ref" value=""> <input type="hidden" name="language" value="nb"> <input type="hidden" name="locale" value="en"> <input type="hidden" name="_y" data-bind="fields.y"> <input type="hidden" name="ssid" data-bind="fields.ssid"> <input type="hidden" name="source" data-bind="fields.source"> <input type="hidden" name="source_url" data-bind="fields.source_url"> <input type="hidden" name="source_url_referer" data-bind="fields.source_url_referer"> <input type="hidden" name="signup_code" data-bind="fields.signup_code"> <input type="hidden" name="signup_page" data-bind="fields.signup_page"> <input type="hidden" name="signup_page_referer" data-bind="fields.signup_page_referer"> <input type="hidden" name="promotional_program_code" value=""> <input type="hidden" name="domain_to_connect" data-bind="fields.domain_to_connect"> <input type="hidden" name="signup_types[]" value="online_store"> <input type="hidden" name="signup_types[]" data-bind-disabled="fields.signup_types" data-bind="fields.signup_type"> <input type="hidden" name="extra[selected_theme]" data-bind="fields.theme"> <input type="hidden" name="extra[selected_app]" data-bind="fields.selected_app"> <input type="hidden" name="extra[selected_plan]" data-bind="fields.selected_plan"> </div> </div> <div class=" cta_wrapper"> <button class="marketing-button marketing-form__button " name="button" data-bind-disabled="form_0.pending == true" type="submit">Opprett butikken din</button> </div> </form> </div> <div id="Announcements"></div> <div class="theme-search-overlay" id="ThemeSearchOverlay"> <div class="theme-search-margin"> <div class="theme-search" id="SearchThemes"> <form class="theme-search__form" action="/themes?locale=nb" role="search"> <input type="search" name="q" id="q" value="" class="marketing-input theme-search__input gutter-bottom--reset" placeholder="Søk etter funksjon, stil eller designer" autocomplete="off" required="required" aria-controls="searchResultsScreenReaderText" maxLength="50" /> <button name="button" type="button" class="theme-search__input-button theme-search__input-clear-button">Fjern</button> <button name="button" type="button" class="theme-search__input-button theme-search__input-close-button"> <svg class="icon theme-search__input-icon" aria-labelledby="icon-modules-cancel-127-title" role="img"><title id="icon-modules-cancel-127-title">lukk søket</title> <use xlink:href="#modules-cancel" /> </svg> </button> </form> <div class="theme-search__results" id="SearchResultsPopover" aria-controls="searchResultsScreenReaderText" tabindex="1"> <div class="theme-search__results-section theme-search__results-section--empty"> <ul class="theme-search__results-list"> <li class="theme-search__results-list-item"> <a href="/themes?locale=nb&price=free" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">Gratis temaer</span> <span class="theme-search__results-type">Pris</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?industry=jewelry-and-accessories&locale=nb" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">Smykker og tilbehør</span> <span class="theme-search__results-type">Bransje</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?catalog-size=small-catalog&locale=nb" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">Liten katalog</span> <span class="theme-search__results-type">Katalogstørrelse</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?industry=food-and-drink&locale=nb" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">Mat og drikke</span> <span class="theme-search__results-type">Bransje</span> </a> </li> </ul> </div> <div class="theme-search__results-section theme-search__results-section--quick-links"> <ul class="theme-search__results-list"></ul> </div> <div class="theme-search__results-section theme-search__results-section--suggestions"> <p class="theme-search__results-label"> <svg class="icon theme-search__results-label-icon" aria-labelledby="icon-modules-search-128-title" role="img"><title id="icon-modules-search-128-title">Søk i Theme Store</title> <use xlink:href="#modules-search" /> </svg> <span>Forslag</span> </p> <ul class="theme-search__results-list"></ul> </div> </div> <div id="searchResultsScreenReaderText" class="visuallyhidden" aria-live="polite"></div> </div> </div> </div> <div class="marketing-nav--theme-listing" data-section-name="global-nav"> <div class="tw-container"> <header id="SiteNavContainer" class="site-nav-container "> <div class="marketing-nav-wrapper"> <a class="in-page-link skip-to-main visuallyhidden focusable" data-ga-event="Main Nav" data-ga-action="Skip to content" data-trekkie-event="Main Nav" data-trekkie-action="Skip to content" data-trekkie-id="Main Nav Skip to content" href="#Main">Gå videre til Innhold</a> <nav class="marketing-nav--skin-light marketing-nav marketing-nav--primary" id="ShopifyMainNav" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"> <div class="marketing-nav__logo "> <a href="/?locale=nb" class="theme-store-logo" data-ga-event="Main Nav" data-ga-action="Logo" data-trekkie-event="Main Nav" data-trekkie-action="Logo" data-trekkie-id="Main Nav Logo"> <svg class="icon" aria-labelledby="icon-shopify_themes_logo_v2-113-title" role="img"><title id="icon-shopify_themes_logo_v2-113-title">Shopify</title> <use xlink:href="#shopify_themes_logo_v2" /> </svg> </a> </div> <ul class="marketing-nav__items display--expanded-nav"> <li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--primary" itemprop="name">Samlinger<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-caret-down" /> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><a href="/collections/large-inventory?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=1&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="large-inventory">Store kataloger</a></li><li><a href="/collections/small-inventory?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=2&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="small-inventory">Små kataloger</a></li><li><a href="/collections/free-themes?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=3&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="free-themes">Gratis temaer</a></li><li><a href="/collections/selling-in-person?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=4&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-in-person">Selg på fysiske steder</a></li><li><a href="/collections/selling-internationally?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=5&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-internationally">Internasjonalt salg</a></li><li><a href="/collections/minimalist?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=6&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="minimalist">Minimalistisk stil</a></li><li><a href="/collections/trending-themes?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=7&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="trending-themes">Populære denne uken</a></li><li><a href="/collections/new-themes?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=8&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="new-themes">Nye temaer</a></li></ul></div></div></div></li><li><a href="https://themes.shopify.com/themes?locale=nb&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav" class="marketing-nav__item marketing-nav__item--primary" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="All themes">Alle temaer</a></li> </ul> <button name="button" type="submit" class="theme-search-overlay__activator marketing-nav__item marketing-nav__item--user" data-module="theme-search-activator" aria-expanded="false" aria-controls="ThemeSearchOverlay" aria-label="Søk i Theme Store"> <svg class="icon theme-search-overlay__activator-icon tw-w-8 tw-h-8 tw-mt-[2px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-search" /> </svg> <span class="theme-search-menu-label">Søk</span> </button> <ul class="marketing-nav__items marketing-nav__user display--expanded-nav"> <li><a href="/login?ui_locales=nb" class="marketing-nav__item marketing-nav__item--user hide--mobile hide--tablet" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">Logg inn</a></li><li><a href="https://accounts.shopify.com/store-create?_s=ffd55405-47d9-402b-9479-7debfc02c35a&_y=67c68970-ff8b-49cf-bb37-bbf9fd9cf9ba&locale=nb&signup_types%5B%5D=online_store" class="marketing-nav__item marketing-nav__item--user tw-text-white js-open-signup get-started--nav tw-text-white tw-bg-black tw-border tw-border-black tw-border-1 tw-rounded-full tw-px-6 tw-py-3 tw-shrink hover:tw-bg-transparent hover:tw-text-black tw-shadow-none hover:tw-shadow-none marketing-nav__button marketing-button marketing-button--small start-free-trial__button" itemprop="name" data-ga-event="Main Nav" data-ga-action="Get Started">Registrer deg</a></li> </ul> <button name="button" type="button" class="marketing-nav__hamburger hide--expanded-nav js-drawer-open-right" aria-haspopup="dialog" aria-expanded="false" data-ga-event="Main Nav" data-ga-action="Hamburger"> <svg class="icon" aria-labelledby="icon-modules-mobile-hamburger-115-title" role="img"><title id="icon-modules-mobile-hamburger-115-title">Åpne hovednavigasjon</title> <use xlink:href="#modules-mobile-hamburger" /> </svg> </button> </nav> </div> <div id="NavDrawer" class="drawer drawer--right" role="dialog" aria-modal="true" aria-labelledby="DrawerTitle"> <div class="drawer__inner"> <div class="drawer__top"> <div class="marketing-nav__logo"> <a href="/?locale=nb" class="theme-store-logo"> <svg class="icon" aria-labelledby="icon-shopify_themes_logo_v2-116-title" role="img"><title id="icon-shopify_themes_logo_v2-116-title">Start</title> <use xlink:href="#shopify_themes_logo_v2" /> </svg> </a> </div> <button name="button" type="button" class="drawer__close-button js-drawer-close" data-ga-event="Main Nav" data-ga-action="close navigation"> <svg class="icon" aria-labelledby="icon-modules-cancel-117-title" role="img"><title id="icon-modules-cancel-117-title">Lukk hovednavigasjon</title> <use xlink:href="#modules-cancel" /> </svg> </button> </div> <nav id="DrawerTitle" aria-label="Hovednavigasjon"> <ul class="drawer__items drawer__items--primary" id="DrawerNavPrimaryAccordion"> <li class="accordion-item"><button name="button" type="button" class="drawer__item drawer__item--primary accordion-link">Samlinger<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-caret-down" /> </svg></button><div class="drawer__items-wrapper accordion-content"><ul class="drawer__items drawer__items--nested"><li><a href="/collections/large-inventory?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=1&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="large-inventory">Store kataloger</a></li><li><a href="/collections/small-inventory?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=2&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="small-inventory">Små kataloger</a></li><li><a href="/collections/free-themes?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=3&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="free-themes">Gratis temaer</a></li><li><a href="/collections/selling-in-person?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=4&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-in-person">Selg på fysiske steder</a></li><li><a href="/collections/selling-internationally?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=5&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-internationally">Internasjonalt salg</a></li><li><a href="/collections/minimalist?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=6&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="minimalist">Minimalistisk stil</a></li><li><a href="/collections/trending-themes?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=7&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="trending-themes">Populære denne uken</a></li><li><a href="/collections/new-themes?locale=nb&surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=8&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="new-themes">Nye temaer</a></li></ul></div></li><li><a href="https://themes.shopify.com/themes?locale=nb&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav" class="drawer__item drawer__item--primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="All themes">Alle temaer</a></li><li><a href="/login?ui_locales=nb" class="drawer__item drawer__item--primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">Logg inn</a></li> </ul> <ul class="drawer__items drawer__items--user" id="DrawerNavSecondaryAccordion"> <li><a href="/login?ui_locales=nb" class="drawer__item hide--mobile hide--tablet" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">Logg inn</a></li><li><a href="https://accounts.shopify.com/store-create?_s=ffd55405-47d9-402b-9479-7debfc02c35a&_y=67c68970-ff8b-49cf-bb37-bbf9fd9cf9ba&locale=nb&signup_types%5B%5D=online_store" class="drawer__item tw-text-white js-open-signup get-started--nav tw-text-white tw-bg-black tw-border tw-border-black tw-border-1 tw-rounded-full tw-px-6 tw-py-3 tw-shrink hover:tw-bg-transparent hover:tw-text-black tw-shadow-none hover:tw-shadow-none marketing-nav__button marketing-button marketing-button--small start-free-trial__button" data-ga-event="Main Nav" data-ga-action="Get Started">Registrer deg</a></li> </ul> <ul class="drawer__items drawer__items--corporate"> <li><a href="https://www.shopify.com/about" class="drawer__item external-nav-link" target="_blank">Om</a></li><li><a href="https://www.shopify.com/careers" class="drawer__item external-nav-link" target="_blank">Karrierer</a></li><li><a href="https://news.shopify.com" class="drawer__item external-nav-link" target="_blank">Presse og media</a></li><li><a href="https://www.shopify.com/plus" class="drawer__item external-nav-link" target="_blank">Virksomhet</a></li><li><a href="https://www.shopify.com/sitemap" class="drawer__item">Sidekart</a></li> </ul> </nav> </div> </div> </header> </div> </div> <div hidden="hidden"><span id="NewWindow">Åpnes i et nytt vindu</span><span id="ExternalSite">Åpner et eksternt nettsted</span><span id="NewWindowExternalSite">Åpner et eksternt nettsted i et nytt vindu</span></div> <div id="PageContainer"> <main role="main" id="Main"> <section class="section section--tight section--page-header"> <div class="grid"> <div class="grid__item"> <div class="filters-heading"> <div class="filters-heading__details"> <div class="section-heading section-heading--mobile-up-align-left gutter-bottom--reset" flair="none"> <h1 class="section-heading__heading heading--1 tw-text-heading-2xl text-left gutter-bottom--reset">Bla gjennom alle temaer</h1> </div> </div> <div class="filters-heading__activator-wrapper hide--tablet hide--desktop"> <button type="button" class="tw-button-base tw-button-sm tw-button-primary" data-module="ui-sheet-activator"> Filter </button> </div> </div> <div class="applied-filters__wrapper"> <div data-module="applied-filters" class="applied-filters applied-filters--is-hidden"> <label class="applied-filters__label"> Filtrert etter: </label> <div data-module="applied-filters-list" class="applied-filters__list"> <button data-filter-value="free" class="marketing-button applied-filters__filter " aria-label="Fjern «Gratis»-filteret"> Gratis <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="paid" class="marketing-button applied-filters__filter " aria-label="Fjern «Betalt»-filteret"> Betalt <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="arts-and-crafts" class="marketing-button applied-filters__filter " aria-label="Fjern «Kunst og håndverk»-filteret"> Kunst og håndverk <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="baby-and-kids" class="marketing-button applied-filters__filter " aria-label="Fjern «Baby og barn»-filteret"> Baby og barn <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="books-music-and-video" class="marketing-button applied-filters__filter " aria-label="Fjern «Bøker, musikk og video»-filteret"> Bøker, musikk og video <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="business-equipment-and-supplies" class="marketing-button applied-filters__filter " aria-label="Fjern «Forretningsutstyr og -materiell»-filteret"> Forretningsutstyr og -materiell <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="clothing" class="marketing-button applied-filters__filter " aria-label="Fjern «Klær»-filteret"> Klær <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="electronics" class="marketing-button applied-filters__filter " aria-label="Fjern «Elektronikk»-filteret"> Elektronikk <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="food-and-drink" class="marketing-button applied-filters__filter " aria-label="Fjern «Mat og drikke»-filteret"> Mat og drikke <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="hardware-and-automotive" class="marketing-button applied-filters__filter " aria-label="Fjern «Maskinvare og bil»-filteret"> Maskinvare og bil <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="health-and-beauty" class="marketing-button applied-filters__filter " aria-label="Fjern «Helse og skjønnhet»-filteret"> Helse og skjønnhet <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="home-and-decor" class="marketing-button applied-filters__filter " aria-label="Fjern «Hjem og dekor»-filteret"> Hjem og dekor <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="jewelry-and-accessories" class="marketing-button applied-filters__filter " aria-label="Fjern «Smykker og tilbehør»-filteret"> Smykker og tilbehør <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="outdoor-and-garden" class="marketing-button applied-filters__filter " aria-label="Fjern «Utendørs og hage»-filteret"> Utendørs og hage <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="pet-supplies" class="marketing-button applied-filters__filter " aria-label="Fjern «Husdyrprodukter»-filteret"> Husdyrprodukter <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="restaurants" class="marketing-button applied-filters__filter " aria-label="Fjern «Restauranter»-filteret"> Restauranter <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="services" class="marketing-button applied-filters__filter " aria-label="Fjern «Tjenester»-filteret"> Tjenester <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="sports-and-recreation" class="marketing-button applied-filters__filter " aria-label="Fjern «Sport og fritid»-filteret"> Sport og fritid <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="toys-and-games" class="marketing-button applied-filters__filter " aria-label="Fjern «Leker og spill»-filteret"> Leker og spill <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="1-to-9-products" class="marketing-button applied-filters__filter " aria-label="Fjern «1–9 produkter»-filteret"> 1–9 produkter <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="10-to-199-products" class="marketing-button applied-filters__filter " aria-label="Fjern «10–199 produkter»-filteret"> 10–199 produkter <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="200-plus-products" class="marketing-button applied-filters__filter " aria-label="Fjern «Mer enn 200 produkter»-filteret"> Mer enn 200 produkter <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="age-verifier" class="marketing-button applied-filters__filter " aria-label="Fjern «Aldersbekreftelse»-filteret"> Aldersbekreftelse <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="back-to-top-button" class="marketing-button applied-filters__filter " aria-label="Fjern «Tilbake til toppen-knapp»-filteret"> Tilbake til toppen-knapp <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="before-after-image-slider" class="marketing-button applied-filters__filter " aria-label="Fjern «Lysbildevisning av før-/etterbilder»-filteret"> Lysbildevisning av før-/etterbilder <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="breadcrumbs" class="marketing-button applied-filters__filter " aria-label="Fjern «Søkebane»-filteret"> Søkebane <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="color-swatches" class="marketing-button applied-filters__filter " aria-label="Fjern «Fargekart»-filteret"> Fargekart <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="countdown-timer" class="marketing-button applied-filters__filter " aria-label="Fjern «Nedtellingstimer»-filteret"> Nedtellingstimer <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="eu-translations" class="marketing-button applied-filters__filter " aria-label="Fjern «EU-oversettelser (EN, FR, IT, DE, ES)»-filteret"> EU-oversettelser (EN, FR, IT, DE, ES) <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="in-menu-promos" class="marketing-button applied-filters__filter " aria-label="Fjern «Kampanjer i meny»-filteret"> Kampanjer i meny <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="infinite-scroll" class="marketing-button applied-filters__filter " aria-label="Fjern «Uendelig scrolling»-filteret"> Uendelig scrolling <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="mega-menu" class="marketing-button applied-filters__filter " aria-label="Fjern «Megameny»-filteret"> Megameny <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="quick-view" class="marketing-button applied-filters__filter " aria-label="Fjern «Hurtigvisning»-filteret"> Hurtigvisning <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="quick-order-list" class="marketing-button applied-filters__filter " aria-label="Fjern «Hurtigbestillingsliste»-filteret"> Hurtigbestillingsliste <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="right-to-left" class="marketing-button applied-filters__filter " aria-label="Fjern «Høyre-til-venstre»-filteret"> Høyre-til-venstre <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="sign-in-with-shop" class="marketing-button applied-filters__filter " aria-label="Fjern «Logg inn med Shop»-filteret"> Logg inn med Shop <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="stock-counter" class="marketing-button applied-filters__filter " aria-label="Fjern «Lagerteller»-filteret"> Lagerteller <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="sticky-header" class="marketing-button applied-filters__filter " aria-label="Fjern «Festet overskrift»-filteret"> Festet overskrift <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="swatch-filters" class="marketing-button applied-filters__filter " aria-label="Fjern «Filtre for fargekart»-filteret"> Filtre for fargekart <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="combined-listing" class="marketing-button applied-filters__filter " aria-label="Fjern «Kombinert oppføring»-filteret"> Kombinert oppføring <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-filter-value="quantity-pricing" class="marketing-button applied-filters__filter " aria-label="Fjern «Antallspris»-filteret"> Antallspris <svg class="icon icon--remove-filter" aria-hidden="true" focusable="false"> <use xlink:href="#modules-cancel" /> </svg> </button> <button data-module="clear-all-filters-button" type="button" aria-label="Fjern alle filtre" class="applied-filters__remove-all "> Fjern </button> </div> </div> </div> </div></div></section> <section class="section section--tight"> <div class="grid"> <div class="grid__item grid__item--tablet-up-third grid__item--desktop-up-quarter hide--mobile filter__grid-filters"> <aside data-module="theme-filters" class="theme-filters__sidebar"> <h2 class="visuallyhidden">Søkefiltre</h2> <a class="in-page-link skip-to-main visuallyhidden focusable" href="#SearchResults">Hopp til søkeresultater</a> <div class="theme-filter__wrapper"> <section class="theme-filter__section accordion-item" data-filter data-filter-param="price" data-filter-show-count="true" data-filter-expanded="true" data-index="0"> <button class="theme-filter__button accordion-link"> <span class="visuallyhidden theme-filter__button-label--expand"> Vis flere prisfiltre </span> <span class="visuallyhidden theme-filter__button-label--collapse"> Lukk prisfiltre </span> <span class="theme-filter__name heading--4 gutter-bottom--reset" aria-hidden="true"> Pris </span> <span class="theme-filter__icon-wrapper" aria-hidden="true"> <svg class="icon theme-filter__icon" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-chevron-down" /> </svg> </span> </button> <fieldset> <legend class="visuallyhidden"> Filtrer etter pris </legend> <div class="accordion-content"> <ul class="theme-filter__list gutter-bottom--reset"> <li class="theme-filter__element"> <input type="checkbox" name="Gratis" id="free" value="free" data-filter-ga-event="Filter" data-filter-ga-action="price" aria-label="Gratis (13 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="free"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Gratis</label> <span class="theme-filter__count" aria-hidden="true"> 13 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Betalt" id="paid" value="paid" data-filter-ga-event="Filter" data-filter-ga-action="price" aria-label="Betalt (213 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="paid"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Betalt</label> <span class="theme-filter__count" aria-hidden="true"> 213 </span> </li> </ul> </div> </fieldset> </section> <section class="theme-filter__section accordion-item" data-filter data-filter-param="industry" data-filter-show-count="false" data-filter-expanded="true" data-index="1"> <button class="theme-filter__button accordion-link"> <span class="visuallyhidden theme-filter__button-label--expand"> Vis flere bransjefiltre </span> <span class="visuallyhidden theme-filter__button-label--collapse"> Lukk bransjefiltre </span> <span class="theme-filter__name heading--4 gutter-bottom--reset" aria-hidden="true"> Bransje </span> <span class="theme-filter__icon-wrapper" aria-hidden="true"> <svg class="icon theme-filter__icon" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-chevron-down" /> </svg> </span> </button> <fieldset> <legend class="visuallyhidden"> Filtrer etter bransje </legend> <div class="accordion-content"> <ul class="theme-filter__list gutter-bottom--reset"> <li class="theme-filter__element"> <input type="checkbox" name="Kunst og håndverk" id="arts-and-crafts" value="arts-and-crafts" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Kunst og håndverk" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="arts-and-crafts"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Kunst og håndverk</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Baby og barn" id="baby-and-kids" value="baby-and-kids" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Baby og barn" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="baby-and-kids"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Baby og barn</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Bøker, musikk og video" id="books-music-and-video" value="books-music-and-video" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Bøker, musikk og video" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="books-music-and-video"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Bøker, musikk og video</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Forretningsutstyr og -materiell" id="business-equipment-and-supplies" value="business-equipment-and-supplies" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Forretningsutstyr og -materiell" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="business-equipment-and-supplies"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Forretningsutstyr og -materiell</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Klær" id="clothing" value="clothing" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Klær" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="clothing"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Klær</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Elektronikk" id="electronics" value="electronics" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Elektronikk" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="electronics"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Elektronikk</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Mat og drikke" id="food-and-drink" value="food-and-drink" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Mat og drikke" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="food-and-drink"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Mat og drikke</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Maskinvare og bil" id="hardware-and-automotive" value="hardware-and-automotive" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Maskinvare og bil" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="hardware-and-automotive"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Maskinvare og bil</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Helse og skjønnhet" id="health-and-beauty" value="health-and-beauty" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Helse og skjønnhet" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="health-and-beauty"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Helse og skjønnhet</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Hjem og dekor" id="home-and-decor" value="home-and-decor" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Hjem og dekor" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="home-and-decor"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Hjem og dekor</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Smykker og tilbehør" id="jewelry-and-accessories" value="jewelry-and-accessories" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Smykker og tilbehør" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="jewelry-and-accessories"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Smykker og tilbehør</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Utendørs og hage" id="outdoor-and-garden" value="outdoor-and-garden" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Utendørs og hage" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="outdoor-and-garden"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Utendørs og hage</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Husdyrprodukter" id="pet-supplies" value="pet-supplies" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Husdyrprodukter" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="pet-supplies"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Husdyrprodukter</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Restauranter" id="restaurants" value="restaurants" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Restauranter" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="restaurants"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Restauranter</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Tjenester" id="services" value="services" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Tjenester" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="services"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Tjenester</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Sport og fritid" id="sports-and-recreation" value="sports-and-recreation" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Sport og fritid" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="sports-and-recreation"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Sport og fritid</label> </li> <li class="theme-filter__element"> <input type="checkbox" name="Leker og spill" id="toys-and-games" value="toys-and-games" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="Leker og spill" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="toys-and-games"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Leker og spill</label> </li> <li class="theme-filter__element theme-filter__other-industry-element"> <input type="checkbox" name="Annet" id="other" value="other" data-filter-ga-event="Filter" data-filter-ga-action="industry" aria-label="one other" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="other"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Annet</label> <span class="theme-filter__other-industry-form display-none"> <label for="other" class="visuallyhidden"> Annet </label> <input autocomplete="off" type="text" name="other" placeholder="Angi bransje" class="theme-filter__other-industry-input"> <button class="theme-filter__other-industry-button"> OK </button> </span> </li> </ul> </div> </fieldset> </section> <section class="theme-filter__section accordion-item" data-filter data-filter-param="catalog-size" data-filter-show-count="true" data-filter-expanded="true" data-index="2"> <button class="theme-filter__button accordion-link"> <span class="visuallyhidden theme-filter__button-label--expand"> Utvid filtre for katalogstørrelse </span> <span class="visuallyhidden theme-filter__button-label--collapse"> Lukk filtre for katalogstørrelse </span> <span class="theme-filter__name heading--4 gutter-bottom--reset" aria-hidden="true"> Katalogstørrelse </span> <span class="theme-filter__icon-wrapper" aria-hidden="true"> <svg class="icon theme-filter__icon" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-chevron-down" /> </svg> </span> </button> <fieldset> <legend class="visuallyhidden"> Filtrer etter katalogstørrelse </legend> <div class="accordion-content"> <ul class="theme-filter__list gutter-bottom--reset"> <li class="theme-filter__element"> <input type="checkbox" name="1–9 produkter" id="1-to-9-products" value="1-to-9-products" data-filter-ga-event="Filter" data-filter-ga-action="catalog-size" aria-label="1–9 produkter (67 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="1-to-9-products"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>1–9 produkter</label> <span class="theme-filter__count" aria-hidden="true"> 67 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="10–199 produkter" id="10-to-199-products" value="10-to-199-products" data-filter-ga-event="Filter" data-filter-ga-action="catalog-size" aria-label="10–199 produkter (213 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="10-to-199-products"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>10–199 produkter</label> <span class="theme-filter__count" aria-hidden="true"> 213 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Mer enn 200 produkter" id="200-plus-products" value="200-plus-products" data-filter-ga-event="Filter" data-filter-ga-action="catalog-size" aria-label="Mer enn 200 produkter (157 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="200-plus-products"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Mer enn 200 produkter</label> <span class="theme-filter__count" aria-hidden="true"> 157 </span> </li> </ul> </div> </fieldset> </section> <section class="theme-filter__section accordion-item" data-filter data-filter-param="features" data-filter-show-count="true" data-filter-expanded="true" data-index="3"> <button class="theme-filter__button accordion-link"> <span class="visuallyhidden theme-filter__button-label--expand"> Utvid funksjonsfiltre </span> <span class="visuallyhidden theme-filter__button-label--collapse"> Lukk funksjonsfiltre </span> <span class="theme-filter__name heading--4 gutter-bottom--reset" aria-hidden="true"> Funksjoner </span> <span class="theme-filter__icon-wrapper" aria-hidden="true"> <svg class="icon theme-filter__icon" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-chevron-down" /> </svg> </span> </button> <fieldset> <legend class="visuallyhidden"> Filtrer etter funksjon </legend> <div class="accordion-content"> <ul class="theme-filter__list gutter-bottom--reset"> <li class="theme-filter__element"> <input type="checkbox" name="Aldersbekreftelse" id="age-verifier" value="age-verifier" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Aldersbekreftelse (102 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="age-verifier"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Aldersbekreftelse</label> <span class="theme-filter__count" aria-hidden="true"> 102 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Tilbake til toppen-knapp" id="back-to-top-button" value="back-to-top-button" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Tilbake til toppen-knapp (122 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="back-to-top-button"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Tilbake til toppen-knapp</label> <span class="theme-filter__count" aria-hidden="true"> 122 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Lysbildevisning av før-/etterbilder" id="before-after-image-slider" value="before-after-image-slider" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Lysbildevisning av før-/etterbilder (107 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="before-after-image-slider"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Lysbildevisning av før-/etterbilder</label> <span class="theme-filter__count" aria-hidden="true"> 107 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Søkebane" id="breadcrumbs" value="breadcrumbs" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Søkebane (180 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="breadcrumbs"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Søkebane</label> <span class="theme-filter__count" aria-hidden="true"> 180 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Fargekart" id="color-swatches" value="color-swatches" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Fargekart (211 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="color-swatches"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Fargekart</label> <span class="theme-filter__count" aria-hidden="true"> 211 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Nedtellingstimer" id="countdown-timer" value="countdown-timer" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Nedtellingstimer (141 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="countdown-timer"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Nedtellingstimer</label> <span class="theme-filter__count" aria-hidden="true"> 141 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="EU-oversettelser (EN, FR, IT, DE, ES)" id="eu-translations" value="eu-translations" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="EU-oversettelser (EN, FR, IT, DE, ES) (189 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="eu-translations"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>EU-oversettelser (EN, FR, IT, DE, ES)</label> <span class="theme-filter__count" aria-hidden="true"> 189 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Kampanjer i meny" id="in-menu-promos" value="in-menu-promos" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Kampanjer i meny (176 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="in-menu-promos"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Kampanjer i meny</label> <span class="theme-filter__count" aria-hidden="true"> 176 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Uendelig scrolling" id="infinite-scroll" value="infinite-scroll" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Uendelig scrolling (104 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="infinite-scroll"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Uendelig scrolling</label> <span class="theme-filter__count" aria-hidden="true"> 104 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Megameny" id="mega-menu" value="mega-menu" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Megameny (208 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="mega-menu"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Megameny</label> <span class="theme-filter__count" aria-hidden="true"> 208 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Hurtigvisning" id="quick-view" value="quick-view" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Hurtigvisning (186 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="quick-view"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Hurtigvisning</label> <span class="theme-filter__count" aria-hidden="true"> 186 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Hurtigbestillingsliste" id="quick-order-list" value="quick-order-list" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Hurtigbestillingsliste (12 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="quick-order-list"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Hurtigbestillingsliste</label> <span class="theme-filter__count" aria-hidden="true"> 12 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Høyre-til-venstre" id="right-to-left" value="right-to-left" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Høyre-til-venstre (56 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="right-to-left"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Høyre-til-venstre</label> <span class="theme-filter__count" aria-hidden="true"> 56 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Logg inn med Shop" id="sign-in-with-shop" value="sign-in-with-shop" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Logg inn med Shop (52 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="sign-in-with-shop"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Logg inn med Shop</label> <span class="theme-filter__count" aria-hidden="true"> 52 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Lagerteller" id="stock-counter" value="stock-counter" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Lagerteller (190 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="stock-counter"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Lagerteller</label> <span class="theme-filter__count" aria-hidden="true"> 190 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Festet overskrift" id="sticky-header" value="sticky-header" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Festet overskrift (218 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="sticky-header"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Festet overskrift</label> <span class="theme-filter__count" aria-hidden="true"> 218 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Filtre for fargekart" id="swatch-filters" value="swatch-filters" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Filtre for fargekart (111 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="swatch-filters"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Filtre for fargekart</label> <span class="theme-filter__count" aria-hidden="true"> 111 </span> </li> <li class="tw-text-heading-sm tw-my-md"> Eksklusivt for <a class="tw-underline" href="https://www.shopify.com/plus">Shopify Plus</a> </li> <li class="theme-filter__element"> <input type="checkbox" name="Kombinert oppføring" id="combined-listing" value="combined-listing" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Kombinert oppføring (39 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="combined-listing"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Kombinert oppføring</label> <span class="theme-filter__count" aria-hidden="true"> 39 </span> </li> <li class="theme-filter__element"> <input type="checkbox" name="Antallspris" id="quantity-pricing" value="quantity-pricing" data-filter-ga-event="Filter" data-filter-ga-action="features" aria-label="Antallspris (19 samsvarende temaer)" class="marketing-checkbox" /><label class="marketing-checkbox-label" for="quantity-pricing"><svg class="icon marketing-checkbox-label__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-checked" /> </svg>Antallspris</label> <span class="theme-filter__count" aria-hidden="true"> 19 </span> </li> </ul> </div> </fieldset> </section> </div> </aside> </div> <div class="grid__item grid__item--tablet-up-two-thirds grid__item--desktop-up-three-quarters filter__grid-results" id="SearchResults"> <h2 class="visuallyhidden">Samsvarende temaer</h2> <div class="grid grid--bleed grid--vertically-centered gutter-bottom--half"> <div class="grid__item grid__item--tablet-up-half"> <h3 class="filtered-themes-total section-header__title"> 1–24 av 226 temaer </h3> </div> <div class="grid__item grid__item--tablet-up-half hide--mobile"> <div class="filters-sort-by-selector__wrapper"> <label class="marketing-input-wrapper filters-sort-by-selector" data-module="filters-sort-by-selector"><span class="marketing-label marketing-label--in-field">Sorter</span><div class="marketing-select-wrapper"><svg class="icon marketing-select-wrapper__icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-caret-down" /> </svg><select name="Sorter" id="SortBy" aria-describedby="MessageId_a938" data-filter-ga-event="Filter" data-filter-ga-action="Sort By" class="marketing-select marketing-select--in-field"><option selected="selected" value="most_relevant">Mest relevant</option> <option value="most_recent">Seneste</option> <option value="popularity">Popularitet</option> <option value="price_low_to_high">Pris: Lav til høy</option> <option value="price_high_to_low">Pris: Høy til lav</option></select></div></label><span class="marketing-form__messages" id="MessageId_a938"></span> </div> </div></div> <div id="Themes"> <div id="theme-search-results" data-theme-ids="[3070,2913,857,855,568,2412,868,1657,847,1399,739,777,1535,902,2821,714,1621,1818,1762,836,2285,1651,2053,2048]" data-total="226" data-theme-filters="["price","industry","catalog-size","features"]" data-surface-type="all" data-surface-inter-position="1"></div> <div id="ThemesInner" data-pagination-parts="{"first_item_index":1,"last_item_index":24,"total_pages":10,"total_on_page":24,"total":226}" data-aggregations="{"catalog-size":{"1-to-9-products":67,"10-to-199-products":213,"200-plus-products":157},"features":{"age-verifier":102,"back-to-top-button":122,"before-after-image-slider":107,"breadcrumbs":180,"color-swatches":211,"combined-listing":39,"countdown-timer":141,"eu-translations":189,"in-menu-promos":176,"infinite-scroll":104,"mega-menu":208,"quantity-pricing":19,"quick-order-list":12,"quick-view":186,"right-to-left":56,"sign-in-with-shop":52,"sticky-header":218,"stock-counter":190,"swatch-filters":111},"price":{"free":13,"paid":213}}"> <div class="grid grid--bleed grid--equal-height grid-item--list"> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="3223" data-trekkie-style-handle="journey" data-trekkie-theme-handle="eclipse" data-trekkie-theme-id="3070" data-theme-id="3070" data-theme-name="Eclipse" data-style-id="3223" data-style-name="Journey" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Informasjon om Eclipse-temaet" href="/themes/eclipse/styles/journey?locale=nb&surface_inter_position=1&surface_intra_position=1&surface_type=all"> <div class="style-images " data-style="eclipse-journey"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FF6060"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Eclipse i stilen «Journey»" src="https://cdn.shopify.com/theme-store/ltrlp1p5r3sl3egww1r5xu0s72er.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Eclipse i stilen «Journey»" src="https://cdn.shopify.com/theme-store/dbuk1k2qd4ywwavgeiektk6zyhjk.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eclipse</h4> </div> </a> <a data-trekkie-style-id="3224" data-trekkie-style-handle="coastal" data-trekkie-theme-handle="eclipse" data-trekkie-theme-id="3070" data-theme-id="3070" data-theme-name="Eclipse" data-style-id="3224" data-style-name="Coastal" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Informasjon om Eclipse-temaet" href="/themes/eclipse/styles/coastal?locale=nb&surface_inter_position=1&surface_intra_position=1&surface_type=all"> <div class="style-images hidden" data-style="eclipse-coastal"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #B7BAAA"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Eclipse i stilen «Coastal»" src="https://cdn.shopify.com/theme-store/x35p32c1lp4sx47fovpgv48dz5kp.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Eclipse i stilen «Coastal»" src="https://cdn.shopify.com/theme-store/rmv0ey4463gjlnor0604kihfv0ak.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eclipse</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-eclipse-journey" tabindex="0" data-style="eclipse-journey" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #FF6060"></label> <input id="style-eclipse-journey" name="style" class="hidden" type="radio" value="journey"> <label for="style-eclipse-coastal" tabindex="0" data-style="eclipse-coastal" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #B7BAAA"></label> <input id="style-eclipse-coastal" name="style" class="hidden" type="radio" value="coastal"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 340 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-text-fg-highlight-primary">Nyhet</li> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">100 % (1)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="3057" data-trekkie-style-handle="classic" data-trekkie-theme-handle="vincent" data-trekkie-theme-id="2913" data-theme-id="2913" data-theme-name="Vincent" data-style-id="3057" data-style-name="Classic" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Informasjon om Vincent-temaet" href="/themes/vincent/styles/classic?locale=nb&surface_inter_position=1&surface_intra_position=2&surface_type=all"> <div class="style-images " data-style="vincent-classic"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FFFFFF"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vincent i stilen «Classic»" src="https://cdn.shopify.com/theme-store/x81b0fsfrni9q1ajqdphgox2jveb.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vincent i stilen «Classic»" src="https://cdn.shopify.com/theme-store/c4rxfv1nk7skrmos849scngst61n.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vincent</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 300 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-text-fg-highlight-primary">Nyhet</li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1222" data-trekkie-style-handle="modern" data-trekkie-theme-handle="impulse" data-trekkie-theme-id="857" data-theme-id="857" data-theme-name="Impulse" data-style-id="1222" data-style-name="Modern" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Informasjon om Impulse-temaet" href="/themes/impulse/styles/modern?locale=nb&surface_inter_position=1&surface_intra_position=3&surface_type=all"> <div class="style-images " data-style="impulse-modern"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #96ADD9"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Impulse i stilen «Modern»" src="https://cdn.shopify.com/theme-store/wxbeqpuaxl86dky3vn16wgl6gy7l.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Impulse i stilen «Modern»" src="https://cdn.shopify.com/theme-store/hiabpmn5mawroak4yyyfgewq74rp.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Impulse</h4> </div> </a> <a data-trekkie-style-id="1279" data-trekkie-style-handle="clean" data-trekkie-theme-handle="impulse" data-trekkie-theme-id="857" data-theme-id="857" data-theme-name="Impulse" data-style-id="1279" data-style-name="Clean" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Informasjon om Impulse-temaet" href="/themes/impulse/styles/clean?locale=nb&surface_inter_position=1&surface_intra_position=3&surface_type=all"> <div class="style-images hidden" data-style="impulse-clean"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #503427"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Impulse i stilen «Clean»" src="https://cdn.shopify.com/theme-store/nkktnfqc3ub91qomk5y4rud4w43q.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Impulse i stilen «Clean»" src="https://cdn.shopify.com/theme-store/h0101ohluc9q30obyen7az720bra.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Impulse</h4> </div> </a> <a data-trekkie-style-id="1224" data-trekkie-style-handle="bold" data-trekkie-theme-handle="impulse" data-trekkie-theme-id="857" data-theme-id="857" data-theme-name="Impulse" data-style-id="1224" data-style-name="Bold" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Informasjon om Impulse-temaet" href="/themes/impulse/styles/bold?locale=nb&surface_inter_position=1&surface_intra_position=3&surface_type=all"> <div class="style-images hidden" data-style="impulse-bold"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #D37E4E"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Impulse i stilen «Bold»" src="https://cdn.shopify.com/theme-store/ksczwfknxgrp8bewl2f5ail0rt04.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Impulse i stilen «Bold»" src="https://cdn.shopify.com/theme-store/z89yceg1ah3fwz6hom200z0tjn18.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Impulse</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-impulse-modern" tabindex="0" data-style="impulse-modern" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #96ADD9"></label> <input id="style-impulse-modern" name="style" class="hidden" type="radio" value="modern"> <label for="style-impulse-clean" tabindex="0" data-style="impulse-clean" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #503427"></label> <input id="style-impulse-clean" name="style" class="hidden" type="radio" value="clean"> <label for="style-impulse-bold" tabindex="0" data-style="impulse-bold" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #D37E4E"></label> <input id="style-impulse-bold" name="style" class="hidden" type="radio" value="bold"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 380 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">95 % (1093)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1202" data-trekkie-style-handle="allure" data-trekkie-theme-handle="prestige" data-trekkie-theme-id="855" data-theme-id="855" data-theme-name="Prestige" data-style-id="1202" data-style-name="Allure" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="Informasjon om Prestige-temaet" href="/themes/prestige/styles/allure?locale=nb&surface_inter_position=1&surface_intra_position=4&surface_type=all"> <div class="style-images " data-style="prestige-allure"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #D4D4D4"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Prestige i stilen «Allure»" src="https://cdn.shopify.com/theme-store/9ile1oo6juq9tjz0mpk22utpb3ie.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Prestige i stilen «Allure»" src="https://cdn.shopify.com/theme-store/4zssktgyzor3p91sv8crp8t1xog9.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Prestige</h4> </div> </a> <a data-trekkie-style-id="1203" data-trekkie-style-handle="couture" data-trekkie-theme-handle="prestige" data-trekkie-theme-id="855" data-theme-id="855" data-theme-name="Prestige" data-style-id="1203" data-style-name="Couture" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="Informasjon om Prestige-temaet" href="/themes/prestige/styles/couture?locale=nb&surface_inter_position=1&surface_intra_position=4&surface_type=all"> <div class="style-images hidden" data-style="prestige-couture"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #91B9D7"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Prestige i stilen «Couture»" src="https://cdn.shopify.com/theme-store/q07tz8ays28kdyjkeb8ae8316j4s.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Prestige i stilen «Couture»" src="https://cdn.shopify.com/theme-store/bsmv9hz3ntb2ij0x9c5b1hgu8kwi.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Prestige</h4> </div> </a> <a data-trekkie-style-id="1204" data-trekkie-style-handle="vogue" data-trekkie-theme-handle="prestige" data-trekkie-theme-id="855" data-theme-id="855" data-theme-name="Prestige" data-style-id="1204" data-style-name="Vogue" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="Informasjon om Prestige-temaet" href="/themes/prestige/styles/vogue?locale=nb&surface_inter_position=1&surface_intra_position=4&surface_type=all"> <div class="style-images hidden" data-style="prestige-vogue"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #BEA991"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Prestige i stilen «Vogue»" src="https://cdn.shopify.com/theme-store/gffv504jvjfhu6ku59lokw95e60p.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Prestige i stilen «Vogue»" src="https://cdn.shopify.com/theme-store/hion9fu6ymegp1313lfwbf6cd9e3.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Prestige</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-prestige-allure" tabindex="0" data-style="prestige-allure" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #D4D4D4"></label> <input id="style-prestige-allure" name="style" class="hidden" type="radio" value="allure"> <label for="style-prestige-couture" tabindex="0" data-style="prestige-couture" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #91B9D7"></label> <input id="style-prestige-couture" name="style" class="hidden" type="radio" value="couture"> <label for="style-prestige-vogue" tabindex="0" data-style="prestige-vogue" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #BEA991"></label> <input id="style-prestige-vogue" name="style" class="hidden" type="radio" value="vogue"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 380 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">91 % (675)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="636" data-trekkie-style-handle="chantilly" data-trekkie-theme-handle="symmetry" data-trekkie-theme-id="568" data-theme-id="568" data-theme-name="Symmetry" data-style-id="636" data-style-name="Chantilly" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="5" aria-label="Informasjon om Symmetry-temaet" href="/themes/symmetry/styles/chantilly?locale=nb&surface_inter_position=1&surface_intra_position=5&surface_type=all"> <div class="style-images " data-style="symmetry-chantilly"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #f7e1c7"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Symmetry i stilen «Chantilly»" src="https://cdn.shopify.com/theme-store/2sz9ryspipvpgdv9417esdvmcniu.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Symmetry i stilen «Chantilly»" src="https://cdn.shopify.com/theme-store/eiti55ibspytpmbyyjhr4cadqqwt.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Symmetry</h4> </div> </a> <a data-trekkie-style-id="638" data-trekkie-style-handle="salt-yard" data-trekkie-theme-handle="symmetry" data-trekkie-theme-id="568" data-theme-id="568" data-theme-name="Symmetry" data-style-id="638" data-style-name="Salt Yard" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="5" aria-label="Informasjon om Symmetry-temaet" href="/themes/symmetry/styles/salt-yard?locale=nb&surface_inter_position=1&surface_intra_position=5&surface_type=all"> <div class="style-images hidden" data-style="symmetry-salt-yard"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #bfbeb4"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Symmetry i stilen «Salt Yard»" src="https://cdn.shopify.com/theme-store/di243jqpf8n9qqxhgxow2k9j7f7i.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Symmetry i stilen «Salt Yard»" src="https://cdn.shopify.com/theme-store/wzbtn57h4qlu93p4095ur152c7tu.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Symmetry</h4> </div> </a> <a data-trekkie-style-id="635" data-trekkie-style-handle="beatnik" data-trekkie-theme-handle="symmetry" data-trekkie-theme-id="568" data-theme-id="568" data-theme-name="Symmetry" data-style-id="635" data-style-name="Beatnik" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="5" aria-label="Informasjon om Symmetry-temaet" href="/themes/symmetry/styles/beatnik?locale=nb&surface_inter_position=1&surface_intra_position=5&surface_type=all"> <div class="style-images hidden" data-style="symmetry-beatnik"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #2558C8"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Symmetry i stilen «Beatnik»" src="https://cdn.shopify.com/theme-store/xkdaq7smvd4cpqoat01v7e558op0.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Symmetry i stilen «Beatnik»" src="https://cdn.shopify.com/theme-store/7ur5y6d72yhlnvhz5lpcwbzvgpun.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Symmetry</h4> </div> </a> <a data-trekkie-style-id="637" data-trekkie-style-handle="duke" data-trekkie-theme-handle="symmetry" data-trekkie-theme-id="568" data-theme-id="568" data-theme-name="Symmetry" data-style-id="637" data-style-name="Duke" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="5" aria-label="Informasjon om Symmetry-temaet" href="/themes/symmetry/styles/duke?locale=nb&surface_inter_position=1&surface_intra_position=5&surface_type=all"> <div class="style-images hidden" data-style="symmetry-duke"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #ffe701"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Symmetry i stilen «Duke»" src="https://cdn.shopify.com/theme-store/ge8ktg4x5dw63k1ycuxy17p6ca2q.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Symmetry i stilen «Duke»" src="https://cdn.shopify.com/theme-store/ba77d04w9ecua26wmosqqnx5jr1f.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Symmetry</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-symmetry-chantilly" tabindex="0" data-style="symmetry-chantilly" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #f7e1c7"></label> <input id="style-symmetry-chantilly" name="style" class="hidden" type="radio" value="chantilly"> <label for="style-symmetry-salt-yard" tabindex="0" data-style="symmetry-salt-yard" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #bfbeb4"></label> <input id="style-symmetry-salt-yard" name="style" class="hidden" type="radio" value="salt-yard"> <label for="style-symmetry-beatnik" tabindex="0" data-style="symmetry-beatnik" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #2558C8"></label> <input id="style-symmetry-beatnik" name="style" class="hidden" type="radio" value="beatnik"> <label for="style-symmetry-duke" tabindex="0" data-style="symmetry-duke" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #ffe701"></label> <input id="style-symmetry-duke" name="style" class="hidden" type="radio" value="duke"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 380 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">94 % (348)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2548" data-trekkie-style-handle="harmony" data-trekkie-theme-handle="concept" data-trekkie-theme-id="2412" data-theme-id="2412" data-theme-name="Concept" data-style-id="2548" data-style-name="Harmony" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="6" aria-label="Informasjon om Concept-temaet" href="/themes/concept/styles/harmony?locale=nb&surface_inter_position=1&surface_intra_position=6&surface_type=all"> <div class="style-images " data-style="concept-harmony"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F4F4F4"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Concept i stilen «Harmony»" src="https://cdn.shopify.com/theme-store/hs86sbz4ovwzdlr0rmf7tech3trl.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Concept i stilen «Harmony»" src="https://cdn.shopify.com/theme-store/bfqksh0uqboug8jdeq31cfl3mbnx.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Concept</h4> </div> </a> <a data-trekkie-style-id="3193" data-trekkie-style-handle="inova" data-trekkie-theme-handle="concept" data-trekkie-theme-id="2412" data-theme-id="2412" data-theme-name="Concept" data-style-id="3193" data-style-name="Inova" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="6" aria-label="Informasjon om Concept-temaet" href="/themes/concept/styles/inova?locale=nb&surface_inter_position=1&surface_intra_position=6&surface_type=all"> <div class="style-images hidden" data-style="concept-inova"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #7B5454"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Concept i stilen «Inova»" src="https://cdn.shopify.com/theme-store/cpdf89e39acu9s222f3hac64v4xv.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Concept i stilen «Inova»" src="https://cdn.shopify.com/theme-store/pifhce6oz5qqccknoibdzb3u6k7w.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Concept</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-concept-harmony" tabindex="0" data-style="concept-harmony" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #F4F4F4"></label> <input id="style-concept-harmony" name="style" class="hidden" type="radio" value="harmony"> <label for="style-concept-inova" tabindex="0" data-style="concept-inova" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #7B5454"></label> <input id="style-concept-inova" name="style" class="hidden" type="radio" value="inova"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 320 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">99 % (149)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1247" data-trekkie-style-handle="clean" data-trekkie-theme-handle="broadcast" data-trekkie-theme-id="868" data-theme-id="868" data-theme-name="Broadcast" data-style-id="1247" data-style-name="Clean" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="7" aria-label="Informasjon om Broadcast-temaet" href="/themes/broadcast/styles/clean?locale=nb&surface_inter_position=1&surface_intra_position=7&surface_type=all"> <div class="style-images " data-style="broadcast-clean"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F5F2EC"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Broadcast i stilen «Clean»" src="https://cdn.shopify.com/theme-store/vnyqvx0r5ybprnof2x0i6txfrsn7.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Broadcast i stilen «Clean»" src="https://cdn.shopify.com/theme-store/v9xdo61tuh9qjydjkf8t4i9ewjjn.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Broadcast</h4> </div> </a> <a data-trekkie-style-id="2224" data-trekkie-style-handle="bright" data-trekkie-theme-handle="broadcast" data-trekkie-theme-id="868" data-theme-id="868" data-theme-name="Broadcast" data-style-id="2224" data-style-name="Bright" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="7" aria-label="Informasjon om Broadcast-temaet" href="/themes/broadcast/styles/bright?locale=nb&surface_inter_position=1&surface_intra_position=7&surface_type=all"> <div class="style-images hidden" data-style="broadcast-bright"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #DC954D"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Broadcast i stilen «Bright»" src="https://cdn.shopify.com/theme-store/4d5c6a1ifjst4exm3zj109bnokfd.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Broadcast i stilen «Bright»" src="https://cdn.shopify.com/theme-store/0cx2ws7g75nfonos1pkx6w13gc26.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Broadcast</h4> </div> </a> <a data-trekkie-style-id="3281" data-trekkie-style-handle="groove" data-trekkie-theme-handle="broadcast" data-trekkie-theme-id="868" data-theme-id="868" data-theme-name="Broadcast" data-style-id="3281" data-style-name="Groove" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="7" aria-label="Informasjon om Broadcast-temaet" href="/themes/broadcast/styles/groove?locale=nb&surface_inter_position=1&surface_intra_position=7&surface_type=all"> <div class="style-images hidden" data-style="broadcast-groove"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #7482BF"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Broadcast i stilen «Groove»" src="https://cdn.shopify.com/theme-store/bvt0ibfs8dxh3y9te9b97zxl3rlu.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Broadcast i stilen «Groove»" src="https://cdn.shopify.com/theme-store/9nx3f06fckyh5bmtjpzf16arfe3v.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Broadcast</h4> </div> </a> <a data-trekkie-style-id="1248" data-trekkie-style-handle="modern" data-trekkie-theme-handle="broadcast" data-trekkie-theme-id="868" data-theme-id="868" data-theme-name="Broadcast" data-style-id="1248" data-style-name="Modern" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="7" aria-label="Informasjon om Broadcast-temaet" href="/themes/broadcast/styles/modern?locale=nb&surface_inter_position=1&surface_intra_position=7&surface_type=all"> <div class="style-images hidden" data-style="broadcast-modern"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #000000"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Broadcast i stilen «Modern»" src="https://cdn.shopify.com/theme-store/1hjfy24rqqysdcjmyjqg0l47dcdz.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Broadcast i stilen «Modern»" src="https://cdn.shopify.com/theme-store/pd4fxieson771l7lyu5th3s2vqjg.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Broadcast</h4> </div> </a> <a data-trekkie-style-id="1272" data-trekkie-style-handle="bold" data-trekkie-theme-handle="broadcast" data-trekkie-theme-id="868" data-theme-id="868" data-theme-name="Broadcast" data-style-id="1272" data-style-name="Bold" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="7" aria-label="Informasjon om Broadcast-temaet" href="/themes/broadcast/styles/bold?locale=nb&surface_inter_position=1&surface_intra_position=7&surface_type=all"> <div class="style-images hidden" data-style="broadcast-bold"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #001DA3"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Broadcast i stilen «Bold»" src="https://cdn.shopify.com/theme-store/u0uin1tmjwnbxszsjxd49crmid8e.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Broadcast i stilen «Bold»" src="https://cdn.shopify.com/theme-store/tbpxvkf6u3l29wkddwhlae1skm1c.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Broadcast</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-broadcast-clean" tabindex="0" data-style="broadcast-clean" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #F5F2EC"></label> <input id="style-broadcast-clean" name="style" class="hidden" type="radio" value="clean"> <label for="style-broadcast-bright" tabindex="0" data-style="broadcast-bright" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #DC954D"></label> <input id="style-broadcast-bright" name="style" class="hidden" type="radio" value="bright"> <label for="style-broadcast-groove" tabindex="0" data-style="broadcast-groove" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #7482BF"></label> <input id="style-broadcast-groove" name="style" class="hidden" type="radio" value="groove"> <label for="style-broadcast-modern" tabindex="0" data-style="broadcast-modern" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #000000"></label> <input id="style-broadcast-modern" name="style" class="hidden" type="radio" value="modern"> <label for="style-broadcast-bold" tabindex="0" data-style="broadcast-bold" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #001DA3"></label> <input id="style-broadcast-bold" name="style" class="hidden" type="radio" value="bold"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 400 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">94 % (226)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2246" data-trekkie-style-handle="digital" data-trekkie-theme-handle="enterprise" data-trekkie-theme-id="1657" data-theme-id="1657" data-theme-name="Enterprise" data-style-id="2246" data-style-name="Digital" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="8" aria-label="Informasjon om Enterprise-temaet" href="/themes/enterprise/styles/digital?locale=nb&surface_inter_position=1&surface_intra_position=8&surface_type=all"> <div class="style-images " data-style="enterprise-digital"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F9A957"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Enterprise i stilen «Digital»" src="https://cdn.shopify.com/theme-store/a2sbsurn91j8lxzm91s87qx9n1p4.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Enterprise i stilen «Digital»" src="https://cdn.shopify.com/theme-store/6xhu3xv2het2981pj19kleiks6rm.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Enterprise</h4> </div> </a> <a data-trekkie-style-id="2247" data-trekkie-style-handle="active" data-trekkie-theme-handle="enterprise" data-trekkie-theme-id="1657" data-theme-id="1657" data-theme-name="Enterprise" data-style-id="2247" data-style-name="Active" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="8" aria-label="Informasjon om Enterprise-temaet" href="/themes/enterprise/styles/active?locale=nb&surface_inter_position=1&surface_intra_position=8&surface_type=all"> <div class="style-images hidden" data-style="enterprise-active"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #a463a6"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Enterprise i stilen «Active»" src="https://cdn.shopify.com/theme-store/0qvq0gkwc7f5d3ta4njgrg8xp2mv.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Enterprise i stilen «Active»" src="https://cdn.shopify.com/theme-store/mse4rb2gfhm312czc2h78lzgczs9.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Enterprise</h4> </div> </a> <a data-trekkie-style-id="2455" data-trekkie-style-handle="home" data-trekkie-theme-handle="enterprise" data-trekkie-theme-id="1657" data-theme-id="1657" data-theme-name="Enterprise" data-style-id="2455" data-style-name="Home" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="8" aria-label="Informasjon om Enterprise-temaet" href="/themes/enterprise/styles/home?locale=nb&surface_inter_position=1&surface_intra_position=8&surface_type=all"> <div class="style-images hidden" data-style="enterprise-home"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #495D63"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Enterprise i stilen «Home»" src="https://cdn.shopify.com/theme-store/jhjf1eabqmreh4yvcrnwb6krln0e.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Enterprise i stilen «Home»" src="https://cdn.shopify.com/theme-store/gygwrrt7xw6895r9zh0wxafqn518.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Enterprise</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-enterprise-digital" tabindex="0" data-style="enterprise-digital" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #F9A957"></label> <input id="style-enterprise-digital" name="style" class="hidden" type="radio" value="digital"> <label for="style-enterprise-active" tabindex="0" data-style="enterprise-active" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #a463a6"></label> <input id="style-enterprise-active" name="style" class="hidden" type="radio" value="active"> <label for="style-enterprise-home" tabindex="0" data-style="enterprise-home" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #495D63"></label> <input id="style-enterprise-home" name="style" class="hidden" type="radio" value="home"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 380 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">90 % (61)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1171" data-trekkie-style-handle="classic" data-trekkie-theme-handle="motion" data-trekkie-theme-id="847" data-theme-id="847" data-theme-name="Motion" data-style-id="1171" data-style-name="Classic" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="9" aria-label="Informasjon om Motion-temaet" href="/themes/motion/styles/classic?locale=nb&surface_inter_position=1&surface_intra_position=9&surface_type=all"> <div class="style-images " data-style="motion-classic"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #80793A"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Motion i stilen «Classic»" src="https://cdn.shopify.com/theme-store/s940qfqdq9sf2059f7f3dwtgs63h.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Motion i stilen «Classic»" src="https://cdn.shopify.com/theme-store/u0whhbokkr0cozqjw6fjh4jgb9vb.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Motion</h4> </div> </a> <a data-trekkie-style-id="1172" data-trekkie-style-handle="elegant" data-trekkie-theme-handle="motion" data-trekkie-theme-id="847" data-theme-id="847" data-theme-name="Motion" data-style-id="1172" data-style-name="Elegant" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="9" aria-label="Informasjon om Motion-temaet" href="/themes/motion/styles/elegant?locale=nb&surface_inter_position=1&surface_intra_position=9&surface_type=all"> <div class="style-images hidden" data-style="motion-elegant"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #414990"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Motion i stilen «Elegant»" src="https://cdn.shopify.com/theme-store/a9p9wgg3c3ia1q3o9nl0fnw35qig.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Motion i stilen «Elegant»" src="https://cdn.shopify.com/theme-store/z20fnhs3xzwwt2faz1cpewm3k1j3.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Motion</h4> </div> </a> <a data-trekkie-style-id="1173" data-trekkie-style-handle="minimal" data-trekkie-theme-handle="motion" data-trekkie-theme-id="847" data-theme-id="847" data-theme-name="Motion" data-style-id="1173" data-style-name="Minimal" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="9" aria-label="Informasjon om Motion-temaet" href="/themes/motion/styles/minimal?locale=nb&surface_inter_position=1&surface_intra_position=9&surface_type=all"> <div class="style-images hidden" data-style="motion-minimal"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #2E85AB"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Motion i stilen «Minimal»" src="https://cdn.shopify.com/theme-store/qgpx1x0s9dmyi5nfaccghcenez1w.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Motion i stilen «Minimal»" src="https://cdn.shopify.com/theme-store/3bn6hdpx7ceeayjk29wxzu7qk9qm.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Motion</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-motion-classic" tabindex="0" data-style="motion-classic" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #80793A"></label> <input id="style-motion-classic" name="style" class="hidden" type="radio" value="classic"> <label for="style-motion-elegant" tabindex="0" data-style="motion-elegant" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #414990"></label> <input id="style-motion-elegant" name="style" class="hidden" type="radio" value="elegant"> <label for="style-motion-minimal" tabindex="0" data-style="motion-minimal" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #2E85AB"></label> <input id="style-motion-minimal" name="style" class="hidden" type="radio" value="minimal"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 360 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">97 % (506)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1785" data-trekkie-style-handle="beauty" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1785" data-style-name="Beauty" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="10" aria-label="Informasjon om Be Yours-temaet" href="/themes/be-yours/styles/beauty?locale=nb&surface_inter_position=1&surface_intra_position=10&surface_type=all"> <div class="style-images " data-style="be-yours-beauty"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FAEAA1"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Be Yours i stilen «Beauty»" src="https://cdn.shopify.com/theme-store/7lzyzqja8yngbimfh67g3evnw87o.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Be Yours i stilen «Beauty»" src="https://cdn.shopify.com/theme-store/g0j4smzcslvchgt5kah8trhlp37e.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1986" data-trekkie-style-handle="trendy" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1986" data-style-name="Trendy" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="10" aria-label="Informasjon om Be Yours-temaet" href="/themes/be-yours/styles/trendy?locale=nb&surface_inter_position=1&surface_intra_position=10&surface_type=all"> <div class="style-images hidden" data-style="be-yours-trendy"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FD7969"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Be Yours i stilen «Trendy»" src="https://cdn.shopify.com/theme-store/nvh7it5hl01a6gywka1wct25p2rs.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Be Yours i stilen «Trendy»" src="https://cdn.shopify.com/theme-store/4bi93zidr7kj669zv7drr3047b62.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1663" data-trekkie-style-handle="peace" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1663" data-style-name="Peace" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="10" aria-label="Informasjon om Be Yours-temaet" href="/themes/be-yours/styles/peace?locale=nb&surface_inter_position=1&surface_intra_position=10&surface_type=all"> <div class="style-images hidden" data-style="be-yours-peace"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #24958E"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Be Yours i stilen «Peace»" src="https://cdn.shopify.com/theme-store/f90e49dwztz41060hj7ohbk7i9wy.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Be Yours i stilen «Peace»" src="https://cdn.shopify.com/theme-store/rxumoc55d4zrudwsb8fipot1b2pd.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1664" data-trekkie-style-handle="dark" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1664" data-style-name="Dark" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="10" aria-label="Informasjon om Be Yours-temaet" href="/themes/be-yours/styles/dark?locale=nb&surface_inter_position=1&surface_intra_position=10&surface_type=all"> <div class="style-images hidden" data-style="be-yours-dark"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #cdb891"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Be Yours i stilen «Dark»" src="https://cdn.shopify.com/theme-store/l5r2lwta8vs8zdwg5d7stzna2ovd.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Be Yours i stilen «Dark»" src="https://cdn.shopify.com/theme-store/zy5lnu7wehzcom6llm0d2jz91t1i.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Be Yours</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-be-yours-beauty" tabindex="0" data-style="be-yours-beauty" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #FAEAA1"></label> <input id="style-be-yours-beauty" name="style" class="hidden" type="radio" value="beauty"> <label for="style-be-yours-trendy" tabindex="0" data-style="be-yours-trendy" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #FD7969"></label> <input id="style-be-yours-trendy" name="style" class="hidden" type="radio" value="trendy"> <label for="style-be-yours-peace" tabindex="0" data-style="be-yours-peace" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #24958E"></label> <input id="style-be-yours-peace" name="style" class="hidden" type="radio" value="peace"> <label for="style-be-yours-dark" tabindex="0" data-style="be-yours-dark" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #cdb891"></label> <input id="style-be-yours-dark" name="style" class="hidden" type="radio" value="dark"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 320 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">98 % (545)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1992" data-trekkie-style-handle="clean" data-trekkie-theme-handle="pipeline" data-trekkie-theme-id="739" data-theme-id="739" data-theme-name="Pipeline" data-style-id="1992" data-style-name="Clean" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="11" aria-label="Informasjon om Pipeline-temaet" href="/themes/pipeline/styles/clean?locale=nb&surface_inter_position=1&surface_intra_position=11&surface_type=all"> <div class="style-images " data-style="pipeline-clean"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #cad2bd"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Pipeline i stilen «Clean»" src="https://cdn.shopify.com/theme-store/5ut4hy9l8x9ya5x8j0uhgs2479m4.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Pipeline i stilen «Clean»" src="https://cdn.shopify.com/theme-store/aouw84pdmdtt8qzaab0dz339lrqp.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Pipeline</h4> </div> </a> <a data-trekkie-style-id="1042" data-trekkie-style-handle="bright" data-trekkie-theme-handle="pipeline" data-trekkie-theme-id="739" data-theme-id="739" data-theme-name="Pipeline" data-style-id="1042" data-style-name="Bright" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="11" aria-label="Informasjon om Pipeline-temaet" href="/themes/pipeline/styles/bright?locale=nb&surface_inter_position=1&surface_intra_position=11&surface_type=all"> <div class="style-images hidden" data-style="pipeline-bright"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #e6d7bf"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Pipeline i stilen «Bright»" src="https://cdn.shopify.com/theme-store/ol2h9iqti74cwdc15mx7v262s0aj.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Pipeline i stilen «Bright»" src="https://cdn.shopify.com/theme-store/9zj5my3amygp3so4w0vhv44vr9xm.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Pipeline</h4> </div> </a> <a data-trekkie-style-id="1043" data-trekkie-style-handle="dark" data-trekkie-theme-handle="pipeline" data-trekkie-theme-id="739" data-theme-id="739" data-theme-name="Pipeline" data-style-id="1043" data-style-name="Dark" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="11" aria-label="Informasjon om Pipeline-temaet" href="/themes/pipeline/styles/dark?locale=nb&surface_inter_position=1&surface_intra_position=11&surface_type=all"> <div class="style-images hidden" data-style="pipeline-dark"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #c8cacc"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Pipeline i stilen «Dark»" src="https://cdn.shopify.com/theme-store/x372uozp9xdksvs6sr5whvpeirb4.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Pipeline i stilen «Dark»" src="https://cdn.shopify.com/theme-store/83zzaavclheuwy5xfucusxs4r4jd.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Pipeline</h4> </div> </a> <a data-trekkie-style-id="1044" data-trekkie-style-handle="light" data-trekkie-theme-handle="pipeline" data-trekkie-theme-id="739" data-theme-id="739" data-theme-name="Pipeline" data-style-id="1044" data-style-name="Light" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="11" aria-label="Informasjon om Pipeline-temaet" href="/themes/pipeline/styles/light?locale=nb&surface_inter_position=1&surface_intra_position=11&surface_type=all"> <div class="style-images hidden" data-style="pipeline-light"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #bcc9df"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Pipeline i stilen «Light»" src="https://cdn.shopify.com/theme-store/5bnt2aukozpzl34ik0ussczcskhk.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Pipeline i stilen «Light»" src="https://cdn.shopify.com/theme-store/iujoehtfg8bqt5z7o9cw5m6228gu.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Pipeline</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-pipeline-clean" tabindex="0" data-style="pipeline-clean" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #cad2bd"></label> <input id="style-pipeline-clean" name="style" class="hidden" type="radio" value="clean"> <label for="style-pipeline-bright" tabindex="0" data-style="pipeline-bright" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #e6d7bf"></label> <input id="style-pipeline-bright" name="style" class="hidden" type="radio" value="bright"> <label for="style-pipeline-dark" tabindex="0" data-style="pipeline-dark" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #c8cacc"></label> <input id="style-pipeline-dark" name="style" class="hidden" type="radio" value="dark"> <label for="style-pipeline-light" tabindex="0" data-style="pipeline-light" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #bcc9df"></label> <input id="style-pipeline-light" name="style" class="hidden" type="radio" value="light"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 360 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">97 % (198)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2026" data-trekkie-style-handle="vibrant" data-trekkie-theme-handle="palo-alto" data-trekkie-theme-id="777" data-theme-id="777" data-theme-name="Palo Alto" data-style-id="2026" data-style-name="Vibrant" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="12" aria-label="Informasjon om Palo Alto-temaet" href="/themes/palo-alto/styles/vibrant?locale=nb&surface_inter_position=1&surface_intra_position=12&surface_type=all"> <div class="style-images " data-style="palo-alto-vibrant"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FEF1E6"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Palo Alto i stilen «Vibrant»" src="https://cdn.shopify.com/theme-store/dwt7dik28fmvo83c2dbyohn34upf.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Palo Alto i stilen «Vibrant»" src="https://cdn.shopify.com/theme-store/ljdllmm79u9chyz2army2fmfotqf.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Palo Alto</h4> </div> </a> <a data-trekkie-style-id="2313" data-trekkie-style-handle="dynamo" data-trekkie-theme-handle="palo-alto" data-trekkie-theme-id="777" data-theme-id="777" data-theme-name="Palo Alto" data-style-id="2313" data-style-name="Dynamo" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="12" aria-label="Informasjon om Palo Alto-temaet" href="/themes/palo-alto/styles/dynamo?locale=nb&surface_inter_position=1&surface_intra_position=12&surface_type=all"> <div class="style-images hidden" data-style="palo-alto-dynamo"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #000000"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Palo Alto i stilen «Dynamo»" src="https://cdn.shopify.com/theme-store/u187tpfsutup927gf1i5ynxdqkyh.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Palo Alto i stilen «Dynamo»" src="https://cdn.shopify.com/theme-store/3z0acuw4sfeinsincrlfq4u1dqs8.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Palo Alto</h4> </div> </a> <a data-trekkie-style-id="2312" data-trekkie-style-handle="luxe" data-trekkie-theme-handle="palo-alto" data-trekkie-theme-id="777" data-theme-id="777" data-theme-name="Palo Alto" data-style-id="2312" data-style-name="Luxe" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="12" aria-label="Informasjon om Palo Alto-temaet" href="/themes/palo-alto/styles/luxe?locale=nb&surface_inter_position=1&surface_intra_position=12&surface_type=all"> <div class="style-images hidden" data-style="palo-alto-luxe"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #712002"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Palo Alto i stilen «Luxe»" src="https://cdn.shopify.com/theme-store/02y4makvgxtcg7pg75t8oj2j6kxv.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Palo Alto i stilen «Luxe»" src="https://cdn.shopify.com/theme-store/n3zkqap90o6138jgd58yndhwg9za.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Palo Alto</h4> </div> </a> <a data-trekkie-style-id="2314" data-trekkie-style-handle="phenomena" data-trekkie-theme-handle="palo-alto" data-trekkie-theme-id="777" data-theme-id="777" data-theme-name="Palo Alto" data-style-id="2314" data-style-name="Phenomena" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="12" aria-label="Informasjon om Palo Alto-temaet" href="/themes/palo-alto/styles/phenomena?locale=nb&surface_inter_position=1&surface_intra_position=12&surface_type=all"> <div class="style-images hidden" data-style="palo-alto-phenomena"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #4f6a45"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Palo Alto i stilen «Phenomena»" src="https://cdn.shopify.com/theme-store/4pvvt9pddvlx9jyimipswbnl0eqy.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Palo Alto i stilen «Phenomena»" src="https://cdn.shopify.com/theme-store/99tl1cqq6tsstrzl3cocyevk7zv3.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Palo Alto</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-palo-alto-vibrant" tabindex="0" data-style="palo-alto-vibrant" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #FEF1E6"></label> <input id="style-palo-alto-vibrant" name="style" class="hidden" type="radio" value="vibrant"> <label for="style-palo-alto-dynamo" tabindex="0" data-style="palo-alto-dynamo" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #000000"></label> <input id="style-palo-alto-dynamo" name="style" class="hidden" type="radio" value="dynamo"> <label for="style-palo-alto-luxe" tabindex="0" data-style="palo-alto-luxe" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #712002"></label> <input id="style-palo-alto-luxe" name="style" class="hidden" type="radio" value="luxe"> <label for="style-palo-alto-phenomena" tabindex="0" data-style="palo-alto-phenomena" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #4f6a45"></label> <input id="style-palo-alto-phenomena" name="style" class="hidden" type="radio" value="phenomena"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 360 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">95 % (274)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="3126" data-trekkie-style-handle="bold" data-trekkie-theme-handle="shapes" data-trekkie-theme-id="1535" data-theme-id="1535" data-theme-name="Shapes" data-style-id="3126" data-style-name="Bold" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="13" aria-label="Informasjon om Shapes-temaet" href="/themes/shapes/styles/bold?locale=nb&surface_inter_position=1&surface_intra_position=13&surface_type=all"> <div class="style-images " data-style="shapes-bold"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #EA4034"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Shapes i stilen «Bold»" src="https://cdn.shopify.com/theme-store/fqqwa9thoofdrppjufm7jn2pr14o.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Shapes i stilen «Bold»" src="https://cdn.shopify.com/theme-store/rls2h1x0f6h1fanxbynl814uk62k.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Shapes</h4> </div> </a> <a data-trekkie-style-id="1738" data-trekkie-style-handle="neon" data-trekkie-theme-handle="shapes" data-trekkie-theme-id="1535" data-theme-id="1535" data-theme-name="Shapes" data-style-id="1738" data-style-name="Neon" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="13" aria-label="Informasjon om Shapes-temaet" href="/themes/shapes/styles/neon?locale=nb&surface_inter_position=1&surface_intra_position=13&surface_type=all"> <div class="style-images hidden" data-style="shapes-neon"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FE6EAC"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Shapes i stilen «Neon»" src="https://cdn.shopify.com/theme-store/t9rdjj8twbxaarkhdnewn0ltdgpc.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Shapes i stilen «Neon»" src="https://cdn.shopify.com/theme-store/eb6q61dpnee9glw8s7tj5q7hrhts.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Shapes</h4> </div> </a> <a data-trekkie-style-id="1739" data-trekkie-style-handle="pastel" data-trekkie-theme-handle="shapes" data-trekkie-theme-id="1535" data-theme-id="1535" data-theme-name="Shapes" data-style-id="1739" data-style-name="Pastel" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="13" aria-label="Informasjon om Shapes-temaet" href="/themes/shapes/styles/pastel?locale=nb&surface_inter_position=1&surface_intra_position=13&surface_type=all"> <div class="style-images hidden" data-style="shapes-pastel"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F1FEA3"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Shapes i stilen «Pastel»" src="https://cdn.shopify.com/theme-store/iw2444ulxlacr7eaben8ak1u6qt1.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Shapes i stilen «Pastel»" src="https://cdn.shopify.com/theme-store/j0ou4k37h12o2zeb831jj4f7i48s.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Shapes</h4> </div> </a> <a data-trekkie-style-id="1740" data-trekkie-style-handle="muted" data-trekkie-theme-handle="shapes" data-trekkie-theme-id="1535" data-theme-id="1535" data-theme-name="Shapes" data-style-id="1740" data-style-name="Muted" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="13" aria-label="Informasjon om Shapes-temaet" href="/themes/shapes/styles/muted?locale=nb&surface_inter_position=1&surface_intra_position=13&surface_type=all"> <div class="style-images hidden" data-style="shapes-muted"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #EEECE6"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Shapes i stilen «Muted»" src="https://cdn.shopify.com/theme-store/fyylvmbbneum7blartjomuw929gx.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Shapes i stilen «Muted»" src="https://cdn.shopify.com/theme-store/rvu1gsmlmufp3rptm5jx57wfkhk1.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Shapes</h4> </div> </a> <a data-trekkie-style-id="3127" data-trekkie-style-handle="playful" data-trekkie-theme-handle="shapes" data-trekkie-theme-id="1535" data-theme-id="1535" data-theme-name="Shapes" data-style-id="3127" data-style-name="Playful" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="13" aria-label="Informasjon om Shapes-temaet" href="/themes/shapes/styles/playful?locale=nb&surface_inter_position=1&surface_intra_position=13&surface_type=all"> <div class="style-images hidden" data-style="shapes-playful"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #4F9D79"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Shapes i stilen «Playful»" src="https://cdn.shopify.com/theme-store/tq2afc8wrcjrolynmsltwomv1cam.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Shapes i stilen «Playful»" src="https://cdn.shopify.com/theme-store/z2brb50uc9crv6c7dkt2fg3w6b9z.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Shapes</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-shapes-bold" tabindex="0" data-style="shapes-bold" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #EA4034"></label> <input id="style-shapes-bold" name="style" class="hidden" type="radio" value="bold"> <label for="style-shapes-neon" tabindex="0" data-style="shapes-neon" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #FE6EAC"></label> <input id="style-shapes-neon" name="style" class="hidden" type="radio" value="neon"> <label for="style-shapes-pastel" tabindex="0" data-style="shapes-pastel" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #F1FEA3"></label> <input id="style-shapes-pastel" name="style" class="hidden" type="radio" value="pastel"> <label for="style-shapes-muted" tabindex="0" data-style="shapes-muted" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #EEECE6"></label> <input id="style-shapes-muted" name="style" class="hidden" type="radio" value="muted"> <label for="style-shapes-playful" tabindex="0" data-style="shapes-playful" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #4F9D79"></label> <input id="style-shapes-playful" name="style" class="hidden" type="radio" value="playful"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 360 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">100 % (54)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1307" data-trekkie-style-handle="modern" data-trekkie-theme-handle="expanse" data-trekkie-theme-id="902" data-theme-id="902" data-theme-name="Expanse" data-style-id="1307" data-style-name="Modern" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="14" aria-label="Informasjon om Expanse-temaet" href="/themes/expanse/styles/modern?locale=nb&surface_inter_position=1&surface_intra_position=14&surface_type=all"> <div class="style-images " data-style="expanse-modern"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #BF877B"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Expanse i stilen «Modern»" src="https://cdn.shopify.com/theme-store/pe81suxhb5ugoi4htmz3fzvkwwvf.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Expanse i stilen «Modern»" src="https://cdn.shopify.com/theme-store/nfs8kmpdt210dlv4a34zuh4e3qvk.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Expanse</h4> </div> </a> <a data-trekkie-style-id="1306" data-trekkie-style-handle="classic" data-trekkie-theme-handle="expanse" data-trekkie-theme-id="902" data-theme-id="902" data-theme-name="Expanse" data-style-id="1306" data-style-name="Classic" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="14" aria-label="Informasjon om Expanse-temaet" href="/themes/expanse/styles/classic?locale=nb&surface_inter_position=1&surface_intra_position=14&surface_type=all"> <div class="style-images hidden" data-style="expanse-classic"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #C0C1C8"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Expanse i stilen «Classic»" src="https://cdn.shopify.com/theme-store/7gfpawooliho7gx81yturmznrny4.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Expanse i stilen «Classic»" src="https://cdn.shopify.com/theme-store/jaw8mjpohde8u5ksbywdh65ilmp5.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Expanse</h4> </div> </a> <a data-trekkie-style-id="1402" data-trekkie-style-handle="contemporary" data-trekkie-theme-handle="expanse" data-trekkie-theme-id="902" data-theme-id="902" data-theme-name="Expanse" data-style-id="1402" data-style-name="Contemporary" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="14" aria-label="Informasjon om Expanse-temaet" href="/themes/expanse/styles/contemporary?locale=nb&surface_inter_position=1&surface_intra_position=14&surface_type=all"> <div class="style-images hidden" data-style="expanse-contemporary"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #97A172"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Expanse i stilen «Contemporary»" src="https://cdn.shopify.com/theme-store/jurdjpmc0zxct18kmh7br5s2wmpx.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Expanse i stilen «Contemporary»" src="https://cdn.shopify.com/theme-store/pni5riuw2eldfrp4t38599xi75mk.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Expanse</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-expanse-modern" tabindex="0" data-style="expanse-modern" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #BF877B"></label> <input id="style-expanse-modern" name="style" class="hidden" type="radio" value="modern"> <label for="style-expanse-classic" tabindex="0" data-style="expanse-classic" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #C0C1C8"></label> <input id="style-expanse-classic" name="style" class="hidden" type="radio" value="classic"> <label for="style-expanse-contemporary" tabindex="0" data-style="expanse-contemporary" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #97A172"></label> <input id="style-expanse-contemporary" name="style" class="hidden" type="radio" value="contemporary"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 380 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">94 % (265)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2960" data-trekkie-style-handle="glossy" data-trekkie-theme-handle="sleek" data-trekkie-theme-id="2821" data-theme-id="2821" data-theme-name="Sleek" data-style-id="2960" data-style-name="Glossy" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="15" aria-label="Informasjon om Sleek-temaet" href="/themes/sleek/styles/glossy?locale=nb&surface_inter_position=1&surface_intra_position=15&surface_type=all"> <div class="style-images " data-style="sleek-glossy"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F4E4E3"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Sleek i stilen «Glossy»" src="https://cdn.shopify.com/theme-store/hs2a4fdeb9361kqzlg391ugpg42o.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Sleek i stilen «Glossy»" src="https://cdn.shopify.com/theme-store/c6kjr72pb0txsync00u9sr9no7ct.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Sleek</h4> </div> </a> <a data-trekkie-style-id="3007" data-trekkie-style-handle="wildpeak" data-trekkie-theme-handle="sleek" data-trekkie-theme-id="2821" data-theme-id="2821" data-theme-name="Sleek" data-style-id="3007" data-style-name="Wildpeak" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="15" aria-label="Informasjon om Sleek-temaet" href="/themes/sleek/styles/wildpeak?locale=nb&surface_inter_position=1&surface_intra_position=15&surface_type=all"> <div class="style-images hidden" data-style="sleek-wildpeak"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #86614D"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Sleek i stilen «Wildpeak»" src="https://cdn.shopify.com/theme-store/zov09eo8i1hkckr37kvmvyzvgafq.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Sleek i stilen «Wildpeak»" src="https://cdn.shopify.com/theme-store/x4dfielxrxt7h30yg0cmm3l1nyvz.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Sleek</h4> </div> </a> <a data-trekkie-style-id="3072" data-trekkie-style-handle="jumped" data-trekkie-theme-handle="sleek" data-trekkie-theme-id="2821" data-theme-id="2821" data-theme-name="Sleek" data-style-id="3072" data-style-name="Jumped" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="15" aria-label="Informasjon om Sleek-temaet" href="/themes/sleek/styles/jumped?locale=nb&surface_inter_position=1&surface_intra_position=15&surface_type=all"> <div class="style-images hidden" data-style="sleek-jumped"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #CDFF9A"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Sleek i stilen «Jumped»" src="https://cdn.shopify.com/theme-store/tk82owfxnmed92u4g70r8y8s7kbz.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Sleek i stilen «Jumped»" src="https://cdn.shopify.com/theme-store/ssi8k740w87frf9v3ohknlpbkzf3.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Sleek</h4> </div> </a> <a data-trekkie-style-id="3073" data-trekkie-style-handle="inove" data-trekkie-theme-handle="sleek" data-trekkie-theme-id="2821" data-theme-id="2821" data-theme-name="Sleek" data-style-id="3073" data-style-name="Inove" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="15" aria-label="Informasjon om Sleek-temaet" href="/themes/sleek/styles/inove?locale=nb&surface_inter_position=1&surface_intra_position=15&surface_type=all"> <div class="style-images hidden" data-style="sleek-inove"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #582C19"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Sleek i stilen «Inove»" src="https://cdn.shopify.com/theme-store/0wbpfdmt4tdj29xm52u3rzrhjqd1.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Sleek i stilen «Inove»" src="https://cdn.shopify.com/theme-store/1ga1gyvjddtr99o3zb4nwq3fg3o3.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Sleek</h4> </div> </a> <a data-trekkie-style-id="3141" data-trekkie-style-handle="refrakt" data-trekkie-theme-handle="sleek" data-trekkie-theme-id="2821" data-theme-id="2821" data-theme-name="Sleek" data-style-id="3141" data-style-name="Refrakt" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="15" aria-label="Informasjon om Sleek-temaet" href="/themes/sleek/styles/refrakt?locale=nb&surface_inter_position=1&surface_intra_position=15&surface_type=all"> <div class="style-images hidden" data-style="sleek-refrakt"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #17431f"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Sleek i stilen «Refrakt»" src="https://cdn.shopify.com/theme-store/46ru4j6okr302qe2kfg7kqlek2vc.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Sleek i stilen «Refrakt»" src="https://cdn.shopify.com/theme-store/rjhpzbv86xowpjwkzptxewhvjn1g.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Sleek</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-sleek-glossy" tabindex="0" data-style="sleek-glossy" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #F4E4E3"></label> <input id="style-sleek-glossy" name="style" class="hidden" type="radio" value="glossy"> <label for="style-sleek-wildpeak" tabindex="0" data-style="sleek-wildpeak" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #86614D"></label> <input id="style-sleek-wildpeak" name="style" class="hidden" type="radio" value="wildpeak"> <label for="style-sleek-jumped" tabindex="0" data-style="sleek-jumped" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #CDFF9A"></label> <input id="style-sleek-jumped" name="style" class="hidden" type="radio" value="jumped"> <label for="style-sleek-inove" tabindex="0" data-style="sleek-inove" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #582C19"></label> <input id="style-sleek-inove" name="style" class="hidden" type="radio" value="inove"> <label for="style-sleek-refrakt" tabindex="0" data-style="sleek-refrakt" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #17431f"></label> <input id="style-sleek-refrakt" name="style" class="hidden" type="radio" value="refrakt"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 300 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">100 % (55)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1492" data-trekkie-style-handle="carbon" data-trekkie-theme-handle="focal" data-trekkie-theme-id="714" data-theme-id="714" data-theme-name="Focal" data-style-id="1492" data-style-name="Carbon" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="16" aria-label="Informasjon om Focal-temaet" href="/themes/focal/styles/carbon?locale=nb&surface_inter_position=1&surface_intra_position=16&surface_type=all"> <div class="style-images " data-style="focal-carbon"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #878787"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Focal i stilen «Carbon»" src="https://cdn.shopify.com/theme-store/bd77su6f0b7m29vgdr9mn96zk71r.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Focal i stilen «Carbon»" src="https://cdn.shopify.com/theme-store/krr2ophctd07h2l2qa3yafxyv978.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Focal</h4> </div> </a> <a data-trekkie-style-id="1493" data-trekkie-style-handle="ivory" data-trekkie-theme-handle="focal" data-trekkie-theme-id="714" data-theme-id="714" data-theme-name="Focal" data-style-id="1493" data-style-name="Ivory" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="16" aria-label="Informasjon om Focal-temaet" href="/themes/focal/styles/ivory?locale=nb&surface_inter_position=1&surface_intra_position=16&surface_type=all"> <div class="style-images hidden" data-style="focal-ivory"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #C0A687"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Focal i stilen «Ivory»" src="https://cdn.shopify.com/theme-store/5ngzdosvoy85xdw4972fnwc4d8ut.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Focal i stilen «Ivory»" src="https://cdn.shopify.com/theme-store/tudqqjux9y6ggz7npc5yegq0k621.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Focal</h4> </div> </a> <a data-trekkie-style-id="1547" data-trekkie-style-handle="quartz" data-trekkie-theme-handle="focal" data-trekkie-theme-id="714" data-theme-id="714" data-theme-name="Focal" data-style-id="1547" data-style-name="Quartz" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="16" aria-label="Informasjon om Focal-temaet" href="/themes/focal/styles/quartz?locale=nb&surface_inter_position=1&surface_intra_position=16&surface_type=all"> <div class="style-images hidden" data-style="focal-quartz"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #8FBDB0"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Focal i stilen «Quartz»" src="https://cdn.shopify.com/theme-store/n2jcv00pxemwq060dmljh41zcryl.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Focal i stilen «Quartz»" src="https://cdn.shopify.com/theme-store/cjh87xe5jxu0bst5ciw7djqyya8w.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Focal</h4> </div> </a> <a data-trekkie-style-id="1751" data-trekkie-style-handle="sapphire" data-trekkie-theme-handle="focal" data-trekkie-theme-id="714" data-theme-id="714" data-theme-name="Focal" data-style-id="1751" data-style-name="Sapphire" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="16" aria-label="Informasjon om Focal-temaet" href="/themes/focal/styles/sapphire?locale=nb&surface_inter_position=1&surface_intra_position=16&surface_type=all"> <div class="style-images hidden" data-style="focal-sapphire"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F6C3B1"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Focal i stilen «Sapphire»" src="https://cdn.shopify.com/theme-store/jspxujzna4jz607i7ylv2olmssuh.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Focal i stilen «Sapphire»" src="https://cdn.shopify.com/theme-store/s08rrybwv7dxr2hwbzsuwh6r4fs5.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Focal</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-focal-carbon" tabindex="0" data-style="focal-carbon" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #878787"></label> <input id="style-focal-carbon" name="style" class="hidden" type="radio" value="carbon"> <label for="style-focal-ivory" tabindex="0" data-style="focal-ivory" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #C0A687"></label> <input id="style-focal-ivory" name="style" class="hidden" type="radio" value="ivory"> <label for="style-focal-quartz" tabindex="0" data-style="focal-quartz" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #8FBDB0"></label> <input id="style-focal-quartz" name="style" class="hidden" type="radio" value="quartz"> <label for="style-focal-sapphire" tabindex="0" data-style="focal-sapphire" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #F6C3B1"></label> <input id="style-focal-sapphire" name="style" class="hidden" type="radio" value="sapphire"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 320 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">96 % (290)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1865" data-trekkie-style-handle="vogue" data-trekkie-theme-handle="stiletto" data-trekkie-theme-id="1621" data-theme-id="1621" data-theme-name="Stiletto" data-style-id="1865" data-style-name="Vogue" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="17" aria-label="Informasjon om Stiletto-temaet" href="/themes/stiletto/styles/vogue?locale=nb&surface_inter_position=1&surface_intra_position=17&surface_type=all"> <div class="style-images " data-style="stiletto-vogue"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FAF7C3"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Stiletto i stilen «Vogue»" src="https://cdn.shopify.com/theme-store/0h4vrr60xkbe7oqa3q40bsde7ttx.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Stiletto i stilen «Vogue»" src="https://cdn.shopify.com/theme-store/rb0wyqj7oif6muiqw2oogorhusr3.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Stiletto</h4> </div> </a> <a data-trekkie-style-id="1820" data-trekkie-style-handle="chic" data-trekkie-theme-handle="stiletto" data-trekkie-theme-id="1621" data-theme-id="1621" data-theme-name="Stiletto" data-style-id="1820" data-style-name="Chic" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="17" aria-label="Informasjon om Stiletto-temaet" href="/themes/stiletto/styles/chic?locale=nb&surface_inter_position=1&surface_intra_position=17&surface_type=all"> <div class="style-images hidden" data-style="stiletto-chic"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #621916"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Stiletto i stilen «Chic»" src="https://cdn.shopify.com/theme-store/wa1ktikmxlxd7a795qdt78syl1e7.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Stiletto i stilen «Chic»" src="https://cdn.shopify.com/theme-store/pdq1r6uxrm61r3d8r40gcz2y5flq.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Stiletto</h4> </div> </a> <a data-trekkie-style-id="1899" data-trekkie-style-handle="organic" data-trekkie-theme-handle="stiletto" data-trekkie-theme-id="1621" data-theme-id="1621" data-theme-name="Stiletto" data-style-id="1899" data-style-name="Organic" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="17" aria-label="Informasjon om Stiletto-temaet" href="/themes/stiletto/styles/organic?locale=nb&surface_inter_position=1&surface_intra_position=17&surface_type=all"> <div class="style-images hidden" data-style="stiletto-organic"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #C6B2E1"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Stiletto i stilen «Organic»" src="https://cdn.shopify.com/theme-store/dtes7741joo9gfdk53mp76scv5ad.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Stiletto i stilen «Organic»" src="https://cdn.shopify.com/theme-store/8zov2hhrko2usnkqcknfsbt18szf.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Stiletto</h4> </div> </a> <a data-trekkie-style-id="1919" data-trekkie-style-handle="craft" data-trekkie-theme-handle="stiletto" data-trekkie-theme-id="1621" data-theme-id="1621" data-theme-name="Stiletto" data-style-id="1919" data-style-name="Craft" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="17" aria-label="Informasjon om Stiletto-temaet" href="/themes/stiletto/styles/craft?locale=nb&surface_inter_position=1&surface_intra_position=17&surface_type=all"> <div class="style-images hidden" data-style="stiletto-craft"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #5c6856"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Stiletto i stilen «Craft»" src="https://cdn.shopify.com/theme-store/rrmkvnlas5y5t6fd1hwtcctmvmf8.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Stiletto i stilen «Craft»" src="https://cdn.shopify.com/theme-store/fr68nm9r77g07ig9sku74rts6txy.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Stiletto</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-stiletto-vogue" tabindex="0" data-style="stiletto-vogue" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #FAF7C3"></label> <input id="style-stiletto-vogue" name="style" class="hidden" type="radio" value="vogue"> <label for="style-stiletto-chic" tabindex="0" data-style="stiletto-chic" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #621916"></label> <input id="style-stiletto-chic" name="style" class="hidden" type="radio" value="chic"> <label for="style-stiletto-organic" tabindex="0" data-style="stiletto-organic" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #C6B2E1"></label> <input id="style-stiletto-organic" name="style" class="hidden" type="radio" value="organic"> <label for="style-stiletto-craft" tabindex="0" data-style="stiletto-craft" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #5c6856"></label> <input id="style-stiletto-craft" name="style" class="hidden" type="radio" value="craft"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 350 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">90 % (73)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2215" data-trekkie-style-handle="vanilla" data-trekkie-theme-handle="mono" data-trekkie-theme-id="1818" data-theme-id="1818" data-theme-name="Mono" data-style-id="2215" data-style-name="Vanilla" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="18" aria-label="Informasjon om Mono-temaet" href="/themes/mono/styles/vanilla?locale=nb&surface_inter_position=1&surface_intra_position=18&surface_type=all"> <div class="style-images " data-style="mono-vanilla"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #936d43"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Mono i stilen «Vanilla»" src="https://cdn.shopify.com/theme-store/cwpsv3r2rgetd8v9gf1svfjs387u.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Mono i stilen «Vanilla»" src="https://cdn.shopify.com/theme-store/hjiekeyjphsq89cm21m8l146x3ra.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Mono</h4> </div> </a> <a data-trekkie-style-id="2256" data-trekkie-style-handle="folk" data-trekkie-theme-handle="mono" data-trekkie-theme-id="1818" data-theme-id="1818" data-theme-name="Mono" data-style-id="2256" data-style-name="Folk" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="18" aria-label="Informasjon om Mono-temaet" href="/themes/mono/styles/folk?locale=nb&surface_inter_position=1&surface_intra_position=18&surface_type=all"> <div class="style-images hidden" data-style="mono-folk"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #557777"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Mono i stilen «Folk»" src="https://cdn.shopify.com/theme-store/z96881m4sba97w1fd4mikas8802t.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Mono i stilen «Folk»" src="https://cdn.shopify.com/theme-store/cnl7m8nk3frez4v4iz2fzxhi5f80.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Mono</h4> </div> </a> <a data-trekkie-style-id="2492" data-trekkie-style-handle="handcraft" data-trekkie-theme-handle="mono" data-trekkie-theme-id="1818" data-theme-id="1818" data-theme-name="Mono" data-style-id="2492" data-style-name="Handcraft" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="18" aria-label="Informasjon om Mono-temaet" href="/themes/mono/styles/handcraft?locale=nb&surface_inter_position=1&surface_intra_position=18&surface_type=all"> <div class="style-images hidden" data-style="mono-handcraft"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #ea9f91"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Mono i stilen «Handcraft»" src="https://cdn.shopify.com/theme-store/ph5jnoufoaq9ekc54pb6umsnqkyw.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Mono i stilen «Handcraft»" src="https://cdn.shopify.com/theme-store/vohqc7p75yxrfertoz37zpf28p9i.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Mono</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-mono-vanilla" tabindex="0" data-style="mono-vanilla" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #936d43"></label> <input id="style-mono-vanilla" name="style" class="hidden" type="radio" value="vanilla"> <label for="style-mono-folk" tabindex="0" data-style="mono-folk" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #557777"></label> <input id="style-mono-folk" name="style" class="hidden" type="radio" value="folk"> <label for="style-mono-handcraft" tabindex="0" data-style="mono-handcraft" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #ea9f91"></label> <input id="style-mono-handcraft" name="style" class="hidden" type="radio" value="handcraft"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 200 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">98 % (80)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1954" data-trekkie-style-handle="default" data-trekkie-theme-handle="reformation" data-trekkie-theme-id="1762" data-theme-id="1762" data-theme-name="Reformation" data-style-id="1954" data-style-name="Default" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="19" aria-label="Informasjon om Reformation-temaet" href="/themes/reformation/styles/default?locale=nb&surface_inter_position=1&surface_intra_position=19&surface_type=all"> <div class="style-images " data-style="reformation-default"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #454545"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Reformation i stilen «Default»" src="https://cdn.shopify.com/theme-store/0s7xrhnn2rjxnpwfgq6bds2dx4m6.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Reformation i stilen «Default»" src="https://cdn.shopify.com/theme-store/27gp21uu8tsidtz3ai78iexol7tx.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Reformation</h4> </div> </a> <a data-trekkie-style-id="2065" data-trekkie-style-handle="reinvent" data-trekkie-theme-handle="reformation" data-trekkie-theme-id="1762" data-theme-id="1762" data-theme-name="Reformation" data-style-id="2065" data-style-name="Reinvent" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="19" aria-label="Informasjon om Reformation-temaet" href="/themes/reformation/styles/reinvent?locale=nb&surface_inter_position=1&surface_intra_position=19&surface_type=all"> <div class="style-images hidden" data-style="reformation-reinvent"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #1E4E1C"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Reformation i stilen «Reinvent»" src="https://cdn.shopify.com/theme-store/qca2a1d3lc5edfyc5ltrkj7ncotp.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Reformation i stilen «Reinvent»" src="https://cdn.shopify.com/theme-store/krn20atxylr2k0t3oapb46sesne8.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Reformation</h4> </div> </a> <a data-trekkie-style-id="1955" data-trekkie-style-handle="sunshine" data-trekkie-theme-handle="reformation" data-trekkie-theme-id="1762" data-theme-id="1762" data-theme-name="Reformation" data-style-id="1955" data-style-name="Sunshine" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="19" aria-label="Informasjon om Reformation-temaet" href="/themes/reformation/styles/sunshine?locale=nb&surface_inter_position=1&surface_intra_position=19&surface_type=all"> <div class="style-images hidden" data-style="reformation-sunshine"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #ff451c"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Reformation i stilen «Sunshine»" src="https://cdn.shopify.com/theme-store/3ad6n184bo3p85fs94hcuppq792y.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Reformation i stilen «Sunshine»" src="https://cdn.shopify.com/theme-store/m34m3ipqj0uai8e7y2x7x0g4aqr4.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Reformation</h4> </div> </a> <a data-trekkie-style-id="1956" data-trekkie-style-handle="mono" data-trekkie-theme-handle="reformation" data-trekkie-theme-id="1762" data-theme-id="1762" data-theme-name="Reformation" data-style-id="1956" data-style-name="Mono" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="19" aria-label="Informasjon om Reformation-temaet" href="/themes/reformation/styles/mono?locale=nb&surface_inter_position=1&surface_intra_position=19&surface_type=all"> <div class="style-images hidden" data-style="reformation-mono"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #a47d5c"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Reformation i stilen «Mono»" src="https://cdn.shopify.com/theme-store/09v90ltqpfu007dgbz3654y1llzz.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Reformation i stilen «Mono»" src="https://cdn.shopify.com/theme-store/wrfjky2bxrqkelz6b1571hnc7471.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Reformation</h4> </div> </a> <a data-trekkie-style-id="2275" data-trekkie-style-handle="glamour" data-trekkie-theme-handle="reformation" data-trekkie-theme-id="1762" data-theme-id="1762" data-theme-name="Reformation" data-style-id="2275" data-style-name="Glamour" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="19" aria-label="Informasjon om Reformation-temaet" href="/themes/reformation/styles/glamour?locale=nb&surface_inter_position=1&surface_intra_position=19&surface_type=all"> <div class="style-images hidden" data-style="reformation-glamour"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #C95137"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Reformation i stilen «Glamour»" src="https://cdn.shopify.com/theme-store/9er3rlnzsa99hfgg0dhtvbmpknl1.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Reformation i stilen «Glamour»" src="https://cdn.shopify.com/theme-store/5w63wsc9gx0lquodc6acn4wa5tg6.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Reformation</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-reformation-default" tabindex="0" data-style="reformation-default" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #454545"></label> <input id="style-reformation-default" name="style" class="hidden" type="radio" value="default"> <label for="style-reformation-reinvent" tabindex="0" data-style="reformation-reinvent" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #1E4E1C"></label> <input id="style-reformation-reinvent" name="style" class="hidden" type="radio" value="reinvent"> <label for="style-reformation-sunshine" tabindex="0" data-style="reformation-sunshine" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #ff451c"></label> <input id="style-reformation-sunshine" name="style" class="hidden" type="radio" value="sunshine"> <label for="style-reformation-mono" tabindex="0" data-style="reformation-mono" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #a47d5c"></label> <input id="style-reformation-mono" name="style" class="hidden" type="radio" value="mono"> <label for="style-reformation-glamour" tabindex="0" data-style="reformation-glamour" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #C95137"></label> <input id="style-reformation-glamour" name="style" class="hidden" type="radio" value="glamour"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 320 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">93 % (122)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1137" data-trekkie-style-handle="morning" data-trekkie-theme-handle="venue" data-trekkie-theme-id="836" data-theme-id="836" data-theme-name="Venue" data-style-id="1137" data-style-name="Morning" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="20" aria-label="Informasjon om Venue-temaet" href="/themes/venue/styles/morning?locale=nb&surface_inter_position=1&surface_intra_position=20&surface_type=all"> <div class="style-images " data-style="venue-morning"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #ce4f06"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Venue i stilen «Morning»" src="https://cdn.shopify.com/theme-store/3yu9wr4ikyyahlq8rw6x5x1emtk6.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Venue i stilen «Morning»" src="https://cdn.shopify.com/theme-store/2gn5y1iq08sp8n68hv37x0y7rxn4.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Venue</h4> </div> </a> <a data-trekkie-style-id="1138" data-trekkie-style-handle="evening" data-trekkie-theme-handle="venue" data-trekkie-theme-id="836" data-theme-id="836" data-theme-name="Venue" data-style-id="1138" data-style-name="Evening" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="20" aria-label="Informasjon om Venue-temaet" href="/themes/venue/styles/evening?locale=nb&surface_inter_position=1&surface_intra_position=20&surface_type=all"> <div class="style-images hidden" data-style="venue-evening"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FAD017"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Venue i stilen «Evening»" src="https://cdn.shopify.com/theme-store/0xhijefgfyuj619vo18jmsutuvfb.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Venue i stilen «Evening»" src="https://cdn.shopify.com/theme-store/v9sjud9v5s2xz0dx3cn3zd13suhc.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Venue</h4> </div> </a> <a data-trekkie-style-id="1564" data-trekkie-style-handle="twilight" data-trekkie-theme-handle="venue" data-trekkie-theme-id="836" data-theme-id="836" data-theme-name="Venue" data-style-id="1564" data-style-name="Twilight" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="20" aria-label="Informasjon om Venue-temaet" href="/themes/venue/styles/twilight?locale=nb&surface_inter_position=1&surface_intra_position=20&surface_type=all"> <div class="style-images hidden" data-style="venue-twilight"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #839FA7"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Venue i stilen «Twilight»" src="https://cdn.shopify.com/theme-store/9ik2bheahmu9exy3u1w1gxlahtlk.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Venue i stilen «Twilight»" src="https://cdn.shopify.com/theme-store/e2le5b2gdo7bhngcbz94nqxttxyr.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Venue</h4> </div> </a> <a data-trekkie-style-id="1139" data-trekkie-style-handle="weekend" data-trekkie-theme-handle="venue" data-trekkie-theme-id="836" data-theme-id="836" data-theme-name="Venue" data-style-id="1139" data-style-name="Weekend" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="20" aria-label="Informasjon om Venue-temaet" href="/themes/venue/styles/weekend?locale=nb&surface_inter_position=1&surface_intra_position=20&surface_type=all"> <div class="style-images hidden" data-style="venue-weekend"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #97B858"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Venue i stilen «Weekend»" src="https://cdn.shopify.com/theme-store/k15ac3r988jxjccor44j1c9os4sh.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Venue i stilen «Weekend»" src="https://cdn.shopify.com/theme-store/1agvzciy9ploqsxxxgsskfcp6968.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Venue</h4> </div> </a> <a data-trekkie-style-id="2711" data-trekkie-style-handle="sunset" data-trekkie-theme-handle="venue" data-trekkie-theme-id="836" data-theme-id="836" data-theme-name="Venue" data-style-id="2711" data-style-name="Sunset" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="20" aria-label="Informasjon om Venue-temaet" href="/themes/venue/styles/sunset?locale=nb&surface_inter_position=1&surface_intra_position=20&surface_type=all"> <div class="style-images hidden" data-style="venue-sunset"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #BFA991"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Venue i stilen «Sunset»" src="https://cdn.shopify.com/theme-store/eqtgg7pm1ueqkh5mfubotkrqg5tn.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Venue i stilen «Sunset»" src="https://cdn.shopify.com/theme-store/i0b4qhr7wb0rmipfbz1hbb9mghpa.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Venue</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-venue-morning" tabindex="0" data-style="venue-morning" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #ce4f06"></label> <input id="style-venue-morning" name="style" class="hidden" type="radio" value="morning"> <label for="style-venue-evening" tabindex="0" data-style="venue-evening" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #FAD017"></label> <input id="style-venue-evening" name="style" class="hidden" type="radio" value="evening"> <label for="style-venue-twilight" tabindex="0" data-style="venue-twilight" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #839FA7"></label> <input id="style-venue-twilight" name="style" class="hidden" type="radio" value="twilight"> <label for="style-venue-weekend" tabindex="0" data-style="venue-weekend" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #97B858"></label> <input id="style-venue-weekend" name="style" class="hidden" type="radio" value="weekend"> <label for="style-venue-sunset" tabindex="0" data-style="venue-sunset" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #BFA991"></label> <input id="style-venue-sunset" name="style" class="hidden" type="radio" value="sunset"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 360 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">98 % (496)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2499" data-trekkie-style-handle="ruby" data-trekkie-theme-handle="vivid" data-trekkie-theme-id="2285" data-theme-id="2285" data-theme-name="Vivid" data-style-id="2499" data-style-name="Ruby" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="21" aria-label="Informasjon om Vivid-temaet" href="/themes/vivid/styles/ruby?locale=nb&surface_inter_position=1&surface_intra_position=21&surface_type=all"> <div class="style-images " data-style="vivid-ruby"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #AC7354"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vivid i stilen «Ruby»" src="https://cdn.shopify.com/theme-store/ku5ol3pvbr2lv0cil2776skqfc3z.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vivid i stilen «Ruby»" src="https://cdn.shopify.com/theme-store/6yd645q4um68xfs6t8u2feyhx5ue.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vivid</h4> </div> </a> <a data-trekkie-style-id="2500" data-trekkie-style-handle="beachly" data-trekkie-theme-handle="vivid" data-trekkie-theme-id="2285" data-theme-id="2285" data-theme-name="Vivid" data-style-id="2500" data-style-name="Beachly" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="21" aria-label="Informasjon om Vivid-temaet" href="/themes/vivid/styles/beachly?locale=nb&surface_inter_position=1&surface_intra_position=21&surface_type=all"> <div class="style-images hidden" data-style="vivid-beachly"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #6cb4c4"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vivid i stilen «Beachly»" src="https://cdn.shopify.com/theme-store/idnxfqpunds5vflg6rr6jqcyaa5h.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vivid i stilen «Beachly»" src="https://cdn.shopify.com/theme-store/mpwfd9mrigwgsfhgzh4znhru3idd.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vivid</h4> </div> </a> <a data-trekkie-style-id="2503" data-trekkie-style-handle="healthy" data-trekkie-theme-handle="vivid" data-trekkie-theme-id="2285" data-theme-id="2285" data-theme-name="Vivid" data-style-id="2503" data-style-name="Healthy" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="21" aria-label="Informasjon om Vivid-temaet" href="/themes/vivid/styles/healthy?locale=nb&surface_inter_position=1&surface_intra_position=21&surface_type=all"> <div class="style-images hidden" data-style="vivid-healthy"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #f37168"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vivid i stilen «Healthy»" src="https://cdn.shopify.com/theme-store/szy9guemabg45u2yvxcb2zpi35nk.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vivid i stilen «Healthy»" src="https://cdn.shopify.com/theme-store/7bzyy3el9kpy3vdeu8y8er6ra9us.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vivid</h4> </div> </a> <a data-trekkie-style-id="2513" data-trekkie-style-handle="decora" data-trekkie-theme-handle="vivid" data-trekkie-theme-id="2285" data-theme-id="2285" data-theme-name="Vivid" data-style-id="2513" data-style-name="Decora" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="21" aria-label="Informasjon om Vivid-temaet" href="/themes/vivid/styles/decora?locale=nb&surface_inter_position=1&surface_intra_position=21&surface_type=all"> <div class="style-images hidden" data-style="vivid-decora"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #6a6a6a"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vivid i stilen «Decora»" src="https://cdn.shopify.com/theme-store/3f3py92dt0u3jq331grtoayk6w9l.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vivid i stilen «Decora»" src="https://cdn.shopify.com/theme-store/15cksjtn5cqwq1bwsnkz7llu1aow.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vivid</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-vivid-ruby" tabindex="0" data-style="vivid-ruby" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #AC7354"></label> <input id="style-vivid-ruby" name="style" class="hidden" type="radio" value="ruby"> <label for="style-vivid-beachly" tabindex="0" data-style="vivid-beachly" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #6cb4c4"></label> <input id="style-vivid-beachly" name="style" class="hidden" type="radio" value="beachly"> <label for="style-vivid-healthy" tabindex="0" data-style="vivid-healthy" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #f37168"></label> <input id="style-vivid-healthy" name="style" class="hidden" type="radio" value="healthy"> <label for="style-vivid-decora" tabindex="0" data-style="vivid-decora" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #6a6a6a"></label> <input id="style-vivid-decora" name="style" class="hidden" type="radio" value="decora"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 200 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">95 % (73)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1845" data-trekkie-style-handle="light" data-trekkie-theme-handle="local" data-trekkie-theme-id="1651" data-theme-id="1651" data-theme-name="Local" data-style-id="1845" data-style-name="Light" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="22" aria-label="Informasjon om Local-temaet" href="/themes/local/styles/light?locale=nb&surface_inter_position=1&surface_intra_position=22&surface_type=all"> <div class="style-images " data-style="local-light"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #e7e7e7"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Local i stilen «Light»" src="https://cdn.shopify.com/theme-store/t6u394x4xd3n971xgsf9h6zv7me1.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Local i stilen «Light»" src="https://cdn.shopify.com/theme-store/gof2ivtls68fsoyj2es8iadp7t0e.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Local</h4> </div> </a> <a data-trekkie-style-id="2241" data-trekkie-style-handle="lively" data-trekkie-theme-handle="local" data-trekkie-theme-id="1651" data-theme-id="1651" data-theme-name="Local" data-style-id="2241" data-style-name="Lively" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="22" aria-label="Informasjon om Local-temaet" href="/themes/local/styles/lively?locale=nb&surface_inter_position=1&surface_intra_position=22&surface_type=all"> <div class="style-images hidden" data-style="local-lively"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F7DD98"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Local i stilen «Lively»" src="https://cdn.shopify.com/theme-store/rm7bjjq4hvr45pru8jqz4kdx99i5.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Local i stilen «Lively»" src="https://cdn.shopify.com/theme-store/ka7ytkpym3levm14iiufs9wy7p1f.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Local</h4> </div> </a> <a data-trekkie-style-id="2398" data-trekkie-style-handle="dark" data-trekkie-theme-handle="local" data-trekkie-theme-id="1651" data-theme-id="1651" data-theme-name="Local" data-style-id="2398" data-style-name="Dark" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="22" aria-label="Informasjon om Local-temaet" href="/themes/local/styles/dark?locale=nb&surface_inter_position=1&surface_intra_position=22&surface_type=all"> <div class="style-images hidden" data-style="local-dark"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #686B61"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Local i stilen «Dark»" src="https://cdn.shopify.com/theme-store/9ku9e747iien47654837lo82lwi7.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Local i stilen «Dark»" src="https://cdn.shopify.com/theme-store/sxmy5jos1yt5bah5cr6s1aksq32a.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Local</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-local-light" tabindex="0" data-style="local-light" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #e7e7e7"></label> <input id="style-local-light" name="style" class="hidden" type="radio" value="light"> <label for="style-local-lively" tabindex="0" data-style="local-lively" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #F7DD98"></label> <input id="style-local-lively" name="style" class="hidden" type="radio" value="lively"> <label for="style-local-dark" tabindex="0" data-style="local-dark" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #686B61"></label> <input id="style-local-dark" name="style" class="hidden" type="radio" value="dark"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 360 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">98 % (57)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2221" data-trekkie-style-handle="default" data-trekkie-theme-handle="vision" data-trekkie-theme-id="2053" data-theme-id="2053" data-theme-name="Vision" data-style-id="2221" data-style-name="Default" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="23" aria-label="Informasjon om Vision-temaet" href="/themes/vision/styles/default?locale=nb&surface_inter_position=1&surface_intra_position=23&surface_type=all"> <div class="style-images " data-style="vision-default"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #3f72e5"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vision i stilen «Default»" src="https://cdn.shopify.com/theme-store/i75uw707woukdco10r69rqhqu3qa.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vision i stilen «Default»" src="https://cdn.shopify.com/theme-store/bpe1yp2075hft06zpyvipfrb03xb.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vision</h4> </div> </a> <a data-trekkie-style-id="2222" data-trekkie-style-handle="emerald" data-trekkie-theme-handle="vision" data-trekkie-theme-id="2053" data-theme-id="2053" data-theme-name="Vision" data-style-id="2222" data-style-name="Emerald" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="23" aria-label="Informasjon om Vision-temaet" href="/themes/vision/styles/emerald?locale=nb&surface_inter_position=1&surface_intra_position=23&surface_type=all"> <div class="style-images hidden" data-style="vision-emerald"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #de544b"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vision i stilen «Emerald»" src="https://cdn.shopify.com/theme-store/hznn539yg0m9ju7kbwjk9xlz1giu.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vision i stilen «Emerald»" src="https://cdn.shopify.com/theme-store/zg8h8pq7emgo2xr3itp9a1jbiq9p.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vision</h4> </div> </a> <a data-trekkie-style-id="2239" data-trekkie-style-handle="poochy" data-trekkie-theme-handle="vision" data-trekkie-theme-id="2053" data-theme-id="2053" data-theme-name="Vision" data-style-id="2239" data-style-name="Poochy" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="23" aria-label="Informasjon om Vision-temaet" href="/themes/vision/styles/poochy?locale=nb&surface_inter_position=1&surface_intra_position=23&surface_type=all"> <div class="style-images hidden" data-style="vision-poochy"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #5C4295"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vision i stilen «Poochy»" src="https://cdn.shopify.com/theme-store/zss88uwluj51llq6f4pis2fgup56.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vision i stilen «Poochy»" src="https://cdn.shopify.com/theme-store/p8nl8b401y4wsvdhuxb4at8s2qag.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vision</h4> </div> </a> <a data-trekkie-style-id="2349" data-trekkie-style-handle="velocite" data-trekkie-theme-handle="vision" data-trekkie-theme-id="2053" data-theme-id="2053" data-theme-name="Vision" data-style-id="2349" data-style-name="Velocite" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="23" aria-label="Informasjon om Vision-temaet" href="/themes/vision/styles/velocite?locale=nb&surface_inter_position=1&surface_intra_position=23&surface_type=all"> <div class="style-images hidden" data-style="vision-velocite"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #3BBE60"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vision i stilen «Velocite»" src="https://cdn.shopify.com/theme-store/pfoxm6vijkjkfqmsaand5y1syo5l.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vision i stilen «Velocite»" src="https://cdn.shopify.com/theme-store/7zfdw8psubm4gdra5z7i5r4zrqfj.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vision</h4> </div> </a> <a data-trekkie-style-id="2691" data-trekkie-style-handle="winter" data-trekkie-theme-handle="vision" data-trekkie-theme-id="2053" data-theme-id="2053" data-theme-name="Vision" data-style-id="2691" data-style-name="Winter" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="23" aria-label="Informasjon om Vision-temaet" href="/themes/vision/styles/winter?locale=nb&surface_inter_position=1&surface_intra_position=23&surface_type=all"> <div class="style-images hidden" data-style="vision-winter"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FFB629"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Vision i stilen «Winter»" src="https://cdn.shopify.com/theme-store/rsdyxr2yvm9blz4cabi6c4c8zyus.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Vision i stilen «Winter»" src="https://cdn.shopify.com/theme-store/9ztwfyvx71zuw65wd8p64xajsqnn.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Vision</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-vision-default" tabindex="0" data-style="vision-default" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #3f72e5"></label> <input id="style-vision-default" name="style" class="hidden" type="radio" value="default"> <label for="style-vision-emerald" tabindex="0" data-style="vision-emerald" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #de544b"></label> <input id="style-vision-emerald" name="style" class="hidden" type="radio" value="emerald"> <label for="style-vision-poochy" tabindex="0" data-style="vision-poochy" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #5C4295"></label> <input id="style-vision-poochy" name="style" class="hidden" type="radio" value="poochy"> <label for="style-vision-velocite" tabindex="0" data-style="vision-velocite" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #3BBE60"></label> <input id="style-vision-velocite" name="style" class="hidden" type="radio" value="velocite"> <label for="style-vision-winter" tabindex="0" data-style="vision-winter" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #FFB629"></label> <input id="style-vision-winter" name="style" class="hidden" type="radio" value="winter"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 300 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">92 % (72)</span> </li> </ul> </div> </article> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid-item--theme"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2710" data-trekkie-style-handle="puff" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2710" data-style-name="Puff" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="24" aria-label="Informasjon om Eurus-temaet" href="/themes/eurus/styles/puff?locale=nb&surface_inter_position=1&surface_intra_position=24&surface_type=all"> <div class="style-images " data-style="eurus-puff"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #686648"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Eurus i stilen «Puff»" src="https://cdn.shopify.com/theme-store/pqv8i9rb2weheg4956egf4jz92j1.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Eurus i stilen «Puff»" src="https://cdn.shopify.com/theme-store/zc3dv5t0onlakej2sp18u3f8dtfv.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <a data-trekkie-style-id="2208" data-trekkie-style-handle="breeze" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2208" data-style-name="Breeze" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="24" aria-label="Informasjon om Eurus-temaet" href="/themes/eurus/styles/breeze?locale=nb&surface_inter_position=1&surface_intra_position=24&surface_type=all"> <div class="style-images hidden" data-style="eurus-breeze"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #743718"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Eurus i stilen «Breeze»" src="https://cdn.shopify.com/theme-store/xz1o0p7v8k90ctoy1oycjydz5wns.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Eurus i stilen «Breeze»" src="https://cdn.shopify.com/theme-store/fhtz565wnekcq6d8dobrux6xk79l.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <a data-trekkie-style-id="2545" data-trekkie-style-handle="breath" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2545" data-style-name="Breath" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="24" aria-label="Informasjon om Eurus-temaet" href="/themes/eurus/styles/breath?locale=nb&surface_inter_position=1&surface_intra_position=24&surface_type=all"> <div class="style-images hidden" data-style="eurus-breath"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #154326"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Eurus i stilen «Breath»" src="https://cdn.shopify.com/theme-store/6kl2vqdg6xtne05662fk6jblrnjz.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Eurus i stilen «Breath»" src="https://cdn.shopify.com/theme-store/lev3mtci32skpht3hcoasooz27oo.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <a data-trekkie-style-id="2595" data-trekkie-style-handle="swirl" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2595" data-style-name="Swirl" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="24" aria-label="Informasjon om Eurus-temaet" href="/themes/eurus/styles/swirl?locale=nb&surface_inter_position=1&surface_intra_position=24&surface_type=all"> <div class="style-images hidden" data-style="eurus-swirl"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #2CB29B"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Eurus i stilen «Swirl»" src="https://cdn.shopify.com/theme-store/psigfhhn9xzjjhrlnxxxy68ctsen.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Eurus i stilen «Swirl»" src="https://cdn.shopify.com/theme-store/xse200de43zd60mzaqjvw3yxktqw.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <a data-trekkie-style-id="2649" data-trekkie-style-handle="whiff" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2649" data-style-name="Whiff" data-paid="true" data-surface-type="all" data-surface-inter-position="1" data-surface-intra-position="24" aria-label="Informasjon om Eurus-temaet" href="/themes/eurus/styles/whiff?locale=nb&surface_inter_position=1&surface_intra_position=24&surface_type=all"> <div class="style-images hidden" data-style="eurus-whiff"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #3E2B21"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Forhåndsvisning for datamaskin av Eurus i stilen «Whiff»" src="https://cdn.shopify.com/theme-store/ndmdy2u2sqmhth1zxifou3zxqnh0.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Forhåndsvisning for mobiltelefon av Eurus i stilen «Whiff»" src="https://cdn.shopify.com/theme-store/96duf7yxdo67m3wqjb38cr2ps8a7.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-eurus-puff" tabindex="0" data-style="eurus-puff" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #686648"></label> <input id="style-eurus-puff" name="style" class="hidden" type="radio" value="puff"> <label for="style-eurus-breeze" tabindex="0" data-style="eurus-breeze" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #743718"></label> <input id="style-eurus-breeze" name="style" class="hidden" type="radio" value="breeze"> <label for="style-eurus-breath" tabindex="0" data-style="eurus-breath" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #154326"></label> <input id="style-eurus-breath" name="style" class="hidden" type="radio" value="breath"> <label for="style-eurus-swirl" tabindex="0" data-style="eurus-swirl" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #2CB29B"></label> <input id="style-eurus-swirl" name="style" class="hidden" type="radio" value="swirl"> <label for="style-eurus-whiff" tabindex="0" data-style="eurus-whiff" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #3E2B21"></label> <input id="style-eurus-whiff" name="style" class="hidden" type="radio" value="whiff"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$ 250 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">99 % (144)</span> </li> </ul> </div> </article> </div></div> <div role="navigation" class="pagination"><span class="previous_page disabled">← Forrige</span> <em class="current"><span aria-hidden="true">1</span><span class="visuallyhidden">Side 1</span></em> <a rel="next" aria-label="Side 2" href="/themes?locale=nb&page=2&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">2</a> <a aria-label="Side 3" href="/themes?locale=nb&page=3&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">3</a> <a aria-label="Side 4" href="/themes?locale=nb&page=4&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">4</a> <a aria-label="Side 5" href="/themes?locale=nb&page=5&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">5</a> <a aria-label="Side 6" href="/themes?locale=nb&page=6&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">6</a> <a aria-label="Side 7" href="/themes?locale=nb&page=7&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">7</a> <a aria-label="Side 8" href="/themes?locale=nb&page=8&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">8</a> <a aria-label="Side 9" href="/themes?locale=nb&page=9&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">9</a> <a aria-label="Side 10" href="/themes?locale=nb&page=10&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">10</a> <a class="next_page" rel="next" href="/themes?locale=nb&page=2&surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav">Neste →</a></div> </div> </div> </div></div></section> <div class="ui-sheet" data-module="ui-sheet"> <div class="ui-sheet__header"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--mobile-up-half"> <div class="section-heading section-heading--mobile-up-align-left gutter-bottom--reset text-left" flair="none"> <h2 class="section-heading__heading heading--1 tw-text-heading-2xl gutter-bottom--reset">Filter</h2> </div></div> <div class="grid__item grid__item--mobile-up-half text-right"> <button type="button" class="tw-button-base tw-button-sm tw-button-primary" data-module="ui-sheet-deactivator">Ferdig</button> </div></div> </div> <section class="section section--tight section--border ui-sheet__section"> <div class="grid grid--vertically-centered"> <div class="grid__item"> <div class="ui-sheet__body" data-module="ui-sheet-body"></div> </div></div></section></div> </main> <section class="bottomcta tw-bg-canvas-inverted-primary tw-py-2xl lg:tw-py-4xl"> <div class="tw-container tw-flex tw-flex-col tw-items-center tw-justify-center"> <h2 class="tw-text-display-6 tw-text-fg-inverted-primary tw-text-center tw-pb-xl">Utvikle raskt og selg mer<br/>med Shopify-temaer</h2> <button class="js-open-signup tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus tw-focus:outline tw-button-emphasis tw-px-6 tw-py-4 tw-text-link-md tw-w-full sm:tw-w-auto" name="button" data-ga-event="Email capture signup" data-ga-action="CTA button click" aria-haspopup="dialog" type="submit">Start den kostnadsfrie prøveperioden</button> </div> </section> <footer class="footer--main" role="contentinfo"><h2 class="visuallyhidden">Bunntekst</h2> <div class="footer-top"> <div class="grid"> <div class="grid__item"> <nav class="footer-nav"> <ul class="footer-nav__list" role="list"> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/about">Om</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/careers">Karrierer</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://news.shopify.com">Presse og media</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/plus">Virksomhet</a> </li> <li class="footer-nav__list-item"> <a href="https://www.shopify.com/sitemap">Sidekart</a> </li> </ul> </nav> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile"> <h3 class="footer-subhead heading--5 ">Nettbutikk</h3> <a class="footer-link" href="https://www.shopify.com/online">Selg på nettet</a> <a class="footer-link" href="https://www.shopify.com/online/ecommerce-solutions">Funksjoner</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile footer-column--nameless"> <a class="footer-link" href="https://www.shopify.com/examples">Eksempler</a> <a class="footer-link" href="https://www.shopify.com/domains">Domenenavn</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile footer-column--nameless"> <a class="footer-link" href="https://www.shopify.com/dropshipping">Direktefrakt</a> <a class="footer-link" href="https://www.shopify.com/buy-button">Kjøp-knapp</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile"> <h3 class="footer-subhead heading--5 ">Utsalgssted</h3> <a class="footer-link" href="https://www.shopify.com/pos">Utsalgssted</a> <a class="footer-link" href="https://www.shopify.com/pos/features">Funksjoner</a> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">Brukerstøtte</h3> <a class="footer-link" href="https://help.shopify.com/nb/questions">Døgnåpen brukerstøtte</a> <a class="footer-link" href="https://help.shopify.com/nb/">Shopifys hjelpesenter</a> <a class="footer-link" href="https://community.shopify.com/c/shopify-community/ct-p/en?profile.language=en">Forumer</a> <a class="footer-link" href="https://shopify.dev/api">API-dokumentasjon</a> <a class="footer-link" href="https://www.shopify.com/tools">Gratis verktøy</a> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">Shopify</h3> <a class="footer-link" href="https://www.shopify.com/contact">Kontakt</a> <a class="footer-link" href="https://www.shopify.com/partners">Partnerprogram</a> <a class="footer-link" href="https://www.shopify.com/affiliates">Samarbeidsprogram</a> <a class="footer-link" href="https://shopify.dev">Apputviklere</a> <a class="footer-link" href="https://investors.shopify.com/home/default.aspx">Investorer</a> <a class="footer-link" href="https://www.shopify.com/blog/topics">Bloggemner</a> </div> </div></div> <div class="footer-bottom"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--tablet-up-2 footer-bottom__social text-center--mobile"> <ul class="footer-social__list" role="list"> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Facebook" data-ga-label="Footer" href="https://www.facebook.com/shopify"><svg class="icon" aria-labelledby="icon-modules-social-facebook-119-title" role="img"><title id="icon-modules-social-facebook-119-title">Facebook</title> <use xlink:href="#modules-social-facebook" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Twitter" data-ga-label="Footer" href="https://twitter.com/shopify"><svg class="icon" aria-labelledby="icon-modules-social-twitter-120-title" role="img"><title id="icon-modules-social-twitter-120-title">Twitter</title> <use xlink:href="#modules-social-twitter" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Youtube" data-ga-label="Footer" href="https://www.youtube.com/user/shopify"><svg class="icon" aria-labelledby="icon-modules-social-youtube-121-title" role="img"><title id="icon-modules-social-youtube-121-title">YouTube</title> <use xlink:href="#modules-social-youtube" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Instagram" data-ga-label="Footer" href="https://instagram.com/shopify/"><svg class="icon" aria-labelledby="icon-modules-social-instagram-122-title" role="img"><title id="icon-modules-social-instagram-122-title">Instagram</title> <use xlink:href="#modules-social-instagram" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Linkedin" data-ga-label="Footer" href="https://www.linkedin.com/company/shopify"><svg class="icon" aria-labelledby="icon-modules-social-linkedin-123-title" role="img"><title id="icon-modules-social-linkedin-123-title">LinkedIn</title> <use xlink:href="#modules-social-linkedin" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Pinterest" data-ga-label="Footer" href="https://www.pinterest.com/shopify/"><svg class="icon" aria-labelledby="icon-modules-social-pinterest-124-title" role="img"><title id="icon-modules-social-pinterest-124-title">Pinterest</title> <use xlink:href="#modules-social-pinterest" /> </svg></a> </li> </ul> </div> <div class="grid__item grid__item--tablet-up-4 footer-bottom__links text-center--mobile text-right--tablet-up"> <ul class="tw-flex tw-gap-lg tw-mr-lg"> <li> <a href="https://www.shopify.com/legal/terms">Vilkår for bruk</a> </li> <li> <a href="https://www.shopify.com/legal/privacy">Personvernerklæring</a> </li> </ul> <div class="footer-country-select"><div class="popover-wrapper js-popover footer-country-select__popover" id="locale-selector" toggle_only_on_click="true" data-position="top" data-align="right"><button type="button" class="popover__trigger footer-country-select__trigger" data-ga-event="Footer" data-ga-label="CountrySelector"><svg class="icon footer-country-select__globe" aria-hidden="true" focusable="false"> <use xlink:href="#icons-globe" /> </svg><span class="footer-country-select__text">Norsk (bokmål)</span><span class="visuallyhidden">Velg for å bli videresendt til ditt land</span><svg class="icon footer-country-select__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-nav-arrow-down" /> </svg></button><div class="popover"><ul class="popover__content footer-country-select__content"><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=cs"><button class="footer-country-select__country-button body-link" type="submit">Čeština</button><input type="hidden" name="authenticity_token" value="V97DScuJYEkQ7uni9m9tJRJXD0N0o76CcIPQET7F13r4Xfq2kB-lB-32YEc_OubWCgIfVC5fUrbgFlYw_cBWew" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=da"><button class="footer-country-select__country-button body-link" type="submit">Dansk</button><input type="hidden" name="authenticity_token" value="1MJ_8ePWH1xIGdvwnqQlOVkJTTLryPMCoMS-U3lbYct7QUYOuEDaErUBUlVX8a7KQVxdJbE0HzYwUThyul7gyg" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=de"><button class="footer-country-select__country-button body-link" type="submit">Deutsch</button><input type="hidden" name="authenticity_token" value="_QeNjrlC6jQJsxgLH1tH8Xn95EBF8kd-iQBkJBRG-hZShLRx4tQvevSrka7WDswCYaj0Vx8Oq0oZleIF10N7Fw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=en"><button class="footer-country-select__country-button body-link" type="submit">English</button><input type="hidden" name="authenticity_token" value="HB-P8qksu6IUjhGZrqsOqwg23ALtCAk6DjFnjo1rCwOznLYN8rp-7OmWmDxn_oVYEGPMFbf05Q6epOGvTm6KAg" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=es"><button class="footer-country-select__country-button body-link" type="submit">Español</button><input type="hidden" name="authenticity_token" value="J9p6LG5C5rRc3AE6dAdeW4JlltH76iMqPvfmNDWLHDqIWUPTNdQj-qHEiJ-9UtWomjCGxqEWzx6uYmAV9o6dOw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=fr"><button class="footer-country-select__country-button body-link" type="submit">Français</button><input type="hidden" name="authenticity_token" value="L3MnqQH2XD1_lXlr5XAIVkb-GmuHTHpqBntiT4fszOSA8B5WWmCZc4KN8M4sJYOlXqsKfN2wll6W7uRuROlN5Q" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=it"><button class="footer-country-select__country-button body-link" type="submit">Italiano</button><input type="hidden" name="authenticity_token" value="eum28xNeEMmsKRUgD4zWtfv7JxkiJIkForqjY4j0tazVao8MSMjVh1ExnIXG2V1G4643DnjYZTEyLyVCS_E0rQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=nl"><button class="footer-country-select__country-button body-link" type="submit">Nederlands</button><input type="hidden" name="authenticity_token" value="YHPEIsE7LqnijTtT_9fEQMeFeZN_NEE7uajQ3W60cwXP8P3dmq3r5x-VsvY2gk-z39BphCXIrQ8pPVb8rbHyBA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=nb"><button class="footer-country-select__country-button body-link" type="submit">Norsk (bokmål)</button><input type="hidden" name="authenticity_token" value="33JSlW64U8wYdpqVCNaI081NWU4HB0-1Nh0CbQxlytFw8WtqNS6WguVuEzDBgwMg1RhJWV37o4GmiIRMz2BL0A" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pl"><button class="footer-country-select__country-button body-link" type="submit">Polski</button><input type="hidden" name="authenticity_token" value="j2iyvJUEyLe-KiUSoV4Y25rt1pbW5GO-PyinolvvDh0g64tDzpIN-UMyrLdoC5MogrjGgYwYj4qvvSGDmOqPHA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pt-BR"><button class="footer-country-select__country-button body-link" type="submit">Português (Brasil)</button><input type="hidden" name="authenticity_token" value="5AbHiyrywksnIAw5j4_x2RtDaDQbcccXa9AsCANOnZRLhf50cWQHBdo4hZxG2noqAxZ4I0GNKyP7RaopwEsclQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pt-PT"><button class="footer-country-select__country-button body-link" type="submit">Português (Portugal)</button><input type="hidden" name="authenticity_token" value="DYKpydEWwboIe26eJ-FPu95B79LrWKPy6u-j3FbouFeiAZA2ioAE9PVj5zvutMRIxhT_xbGkT8Z6eiX9le05Vg" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=fi"><button class="footer-country-select__country-button body-link" type="submit">Suomi</button><input type="hidden" name="authenticity_token" value="fdruznrTp4xJ1O60IrZft85xp0FWIIGKtpKJzqvAAFzSWdcxIUViwrTMZxHr49RE1iS3Vgzcbb4mBw_vaMWBXQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=sv"><button class="footer-country-select__country-button body-link" type="submit">Svenska</button><input type="hidden" name="authenticity_token" value="rLc4rIYeZC-QkQVse_1vPdp4tqBumBXvBwyVpMcsPLsDNAFT3YihYW2JjMmyqOTOwi2mtzRk-duXmROFBCm9ug" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=tr"><button class="footer-country-select__country-button body-link" type="submit">Türkçe</button><input type="hidden" name="authenticity_token" value="sPe_vp1UelcgVLXEWxv8uGuUZ8laCd7-IRgb8qjZ5qUfdIZBxsK_Gd1MPGGSTndLc8F33gD1MsqxjZ3Ta9xnpA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=th"><button class="footer-country-select__country-button body-link" type="submit">ภาษาไทย</button><input type="hidden" name="authenticity_token" value="51nz9_8F4V2J2WUQ7aWYDZWD5VwCb51-G3QVpQjWK7tI2soIpJMkE3TB7LUk8BP-jdb1S1iTcUqL4ZOEy9Oqug" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=ja"><button class="footer-country-select__country-button body-link" type="submit">日本語</button><input type="hidden" name="authenticity_token" value="9JEbTdztZk-KMUfdcJVMnJxGpRIccxl_y61sr8UN2DRbEiKyh3ujAXcpzni5wMdvhBO1BUaP9UtbOOqOBghZNQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=zh-CN"><button class="footer-country-select__country-button body-link" type="submit">简体中文</button><input type="hidden" name="authenticity_token" value="U1Iy2MzjhZ-caR4dW9jr1IGHmYgzbnrFejEWQEM0IjD80Qsnl3VA0WFxl7iSjWAnmdKJn2mSlvHqpJBhgDGjMQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=zh-TW"><button class="footer-country-select__country-button body-link" type="submit">繁體中文</button><input type="hidden" name="authenticity_token" value="0Ki_m4C7R_f5CMhl5N6DA3qZKSKoukSBENynsg6aphl_K4Zk2y2CuQQQQcAtiwjwYsw5NfJGqLWASSGTzZ8nGA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=ko"><button class="footer-country-select__country-button body-link" type="submit">한국어</button><input type="hidden" name="authenticity_token" value="ilRXIGGBzMIYiH_GNzz3xj2au1lR5vB78-mEDqOii9Ml127fOhcJjOWQ9mP-aXw1Jc-rTgsaHE9jfAIvYKcK0g" autocomplete="off" /></form></li></ul></div></div></div> </div></div></div> </footer> </div> <div id="root_login_modal" data-enabled="true"></div> <script> //<![CDATA[ window.I18n = window.I18n || {}; window.I18n.data = {"modal":{"home":"Start","close":"Lukk"},"signup":{"header":"Start en %{trial_length} dagers gratis prøveperiode av Shopify","custom_header":"%{custom_signup_header}","create_now":"Opprett butikken din","labels":{"email":"E-postadresse","password":"Passord","shop_name":"Butikkens navn","subdomain":"Butikkens URL-kobling","promotional_program_promo_code":"Rabattkode","storename":"Butikknavn"},"success_messages":{"email":"Skjønner","password":"Ser bra ut","shop_name":"Dette navnet er tilgjengelig!","subdomain":"Du bruker dette til å logge deg på butikken"},"store_address_suffix":".myshopify.com","hint_messages":{"email_typo_html":"Mente du <button type=\"button\" data-bind-event-click=\"%{on_click}\">%{suggestion}</button>?"},"subtitles":{"shop_name":"Dette kan endres senere.","subdomain":"Dette vil være standarddomenet for butikken, men du kan legge til andre domener senere. Du kan også bruke din butikk-URL-adresse for å logge inn.","promotional_program_promo_code":"Angi kampanjekoden du har fått oppgitt."},"placeholders":{"password":"Passord","email":"E-postadresse","shop_name":"Ditt butikknavn","subdomain":"Butikkens URL-adresse","autogenerated_subdomain":"Butikkens adresse"},"tooltip":"Start en %{trial_length} dagers gratis prøveperiode i dag!","checking":"Sjekker …","details":{"shop_name":"Hvis du er eieren, kan du <a href=\"https://%{admin}/admin\">logge inn her</a>"}},"forms":{"errors":{"throttled":"For mange forespørsler fra denne ip-adressen, prøv igjen senere.","global":{"invalid":"Angi en gyldig e-postadresse","required":"Dette feltet er obligatorisk.","generic":"Beklager, noe gikk galt. Prøv igjen senere.","throttled":"For mange forespørsler fra denne ip-adressen, prøv igjen senere."},"shop_name":{"empty":"Angi et butikknavn","minlength":"Butikknavnet må være på minst 4 tegn","maxlength":"Butikknavnet ditt kan ikke være lenger enn 60 tegn","existingAdmin":"Det eksisterer allerede en butikk med det navnet. Hvis du er eieren, kan du <a href=\"https://%{err}/admin\">logge inn her</a>","message":"%{err}","matchesPassword":"Butikknavnet kan ikke være det samme som passordet ditt","disallowed":"Butikknavnet kan ikke inneholde ordet <strong>%{err}</strong>. Prøv et annet."},"email":{"empty":"Angi en e-postadresse","invalid":"Angi en gyldig e-postadresse","member_exists":"Du abonnerer allerede på denne listen","generic":"Beklager, noe gikk galt. Prøv igjen senere."},"password":{"empty":"Angi et passord","minlength":"Passordet må være minst fem tegn","spaces":"Passordene kan ikke starte eller slutte med mellomrom"},"subdomain":{"empty":"Angi et underdomene","minlength":"Underdomenet ditt må være på minst fire tegn","multiple":"Det er flere underdomener knyttet til denne e-postadressen","suggest":"Mente du %{err}?","invalid":"Angi et gyldig underdomene","existingAdmin":"Det eksisterer allerede en butikk med dette underdomenet. Hvis du er eieren, kan du <a href=\"https://%{err}/admin\">logge inn her</a>","disallowed":"Underdomenet ditt kan ikke inneholde ordet <strong>%{err}</strong>. Prøv et annet.","message":"%{err}"},"promotional_program_promo_code":{"message":"%{err}"},"autogenerated_subdomain":{"existingAdmin":"Det eksisterer allerede en butikk med dette underdomenet. Hvis du er eieren, kan du <a href=\"https://%{err}/admin\">logge inn her</a>","empty":"Angi et underdomene","invalid":"Angi et gyldig underdomene, bare alfanumeriske tegn er tillatt."}}},"theme_store_frontend":{"show_button_text":"Se oppdateringsdetaljer","hide_button_text":"Vis færre","unexpected_login_error":"Uventet feil","theme_search":{"number_of_results":{"one":"%{count} resultat for %{search_query}. Bruk opp- og ned-piltastene for å bla gjennom resultatene. Trykk på «Enter» for å søke.","other":"%{count} resultater for %{search_query}. Bruk opp- og ned-piltastene for å bla gjennom resultatene. Trykk på «Enter» for å søke."}},"styles_carousel":{"title":"%{themeName}-tema – %{styleName} – Mal for e-handelnettsted"},"theme_filters":{"heading":"Søkefiltre","no_results_now":"Kunne ikke hente resultater akkurat nå","try_again_or_home_page_html":"Prøv igjen senere eller %{visit_home_page}","visit_home_page":"besøk startsiden","pagination":"%{first_item_index} – %{last_item_index} av %{themes_count}","filter_subheadings":{"price":"Filtrer etter pris","catalog-size":"Filtrer etter katalogstørrelse","industry":"Filtrer etter bransje","layout":"Filtrer etter layout","design":"Filtrer etter design","features":"Filtrer etter funksjon"},"expand_filters_label":{"price":"Vis flere prisfiltre","catalog-size":"Utvid filtre for katalogstørrelse","industry":"Vis flere bransjefiltre","layout":"Utvid layout-filtre","design":"Utvid designfiltre","features":"Utvid funksjonsfiltre"},"collapse_filters_label":{"price":"Lukk prisfiltre","catalog-size":"Lukk filtre for katalogstørrelse","industry":"Lukk bransjefiltre","layout":"Skjul layout-filtre","design":"Skjul designfiltre","features":"Lukk funksjonsfiltre"},"filter_results_count":{"one":"%{filter_label} (%{count} samsvarende tema)","other":"%{filter_label} (%{count} samsvarende temaer)"},"themes_count":{"one":"%{count} tema","other":"%{count} temaer"},"other_industry_search":{"label":"Annet","placeholder":"Angi bransje","button_label":"OK"}},"local_currency":{"estimated_price":"Estimert %{calculated_price}*","local_currency_exchange":"* Estimert vekslingskurs: 1 USD = %{currency_rate}.","local_currency_charges_notice":"Den faktiske prisen kan variere. De viste prisene er estimater basert på gjeldende vekslingskurser. Det faktiske beløpet som belastes vil variere, og avhenger av vekslingskursen når betalingen behandles. De viste prisene er ekskludert alle gjeldende avgifter og gebyrer, som blir lagt til kostnaden for alle kjøpte tjenester.","local_currency_learn_more_link_html":"<a href=\"%{url}\" class=\"body-link\">Finn ut mer</a>"}},"carousel":{"play":"Spill av karusell","pause":"Pause karusell","carousel_aria_roledescription":"Karusell","slide_aria_roledescription":"Lysbilde","slide_aria_label":"%{currentSlide} av %{totalSlide}","slide_nav_aria_label":"Velg lysbilde"}}; window.I18n.globals = {"total_blog_subscribers":"446,005","trial_length":3,"custom_signup_header":""}; //]]> </script> <script src="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/rails-f96da86d32b453b6828fe1dfc1ff0644a9adef722172398dc0433fbb81630651.js" crossorigin="anonymous" integrity="sha256-+W2obTK0U7aCj+Hfwf8GRKmt73IhcjmNwEM/u4FjBlE="></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/runtime-f5816527105c0d994bc4fc020e01711b9dc033f39747939b0258840b3703e98e.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/vendors-caches_app_node_modules_shopify_polyfills_base_esnext-cd6c7e3f2467e1653892214cff9fffa10215e37dac65626020d0903948840e83.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/vendors-caches_app_node_modules_shopify_marketing-assets_dist_javascripts_index_js-caches_app-5f2387-f1cf5f8fd2e09dcb623b0f7fb824174d3edd8250312da774b1a1da7b8fbcef92.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/vendors-caches_app_node_modules_bugsnag_js_browser_notifier_js-caches_app_node_modules_shopif-cb8390-17f11219b3e4c39656e2a0a6e84f7f670a4dbd8f3ed2c01f68562c5ab92e231b.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/vendors-caches_app_node_modules_lodash_lodash_js-caches_app_node_modules_script-loader_addScript_js-1cffee63d7f7f367f54e3cde705e6d212c062843af69173fa14e90fa24bf7599.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/application-76e27002970d63bf44016cd5be772c8c8ba25689edec790f29be9ae732afeeb9.js"></script> <script type="text/javascript"> //<![CDATA[ var pageTrackerReadyInterval = setInterval(function(){ if (window._gat) { clearInterval(pageTrackerReadyInterval) } else { return; } var pageTracker = _gat._getTracker("UA-82702-3"); pageTracker._setDomainName("themes.shopify.com"); pageTracker._initData(); try { var results = new RegExp("[\\?&](source|r|ref)=([^&#]*)", "gi").exec(window.location.href); if(results != null) { var date = new Date(); var days = results[2] == 'cj' ? 45 : 7; date.setTime(date.getTime()+days*86400000); document.cookie = "source=" + results[2] + "; expires=" + date.toGMTString() + "; path=/; domain=.shopify.com"; pageTracker._setVar("ref: " + results[2]); } } catch(e) {} pageTracker._trackPageview(); }, 120); //]]> </script> </body> </html>