<!DOCTYPE html>
<!--[if lt IE 8]> <html class="no-js ie ie7 oldie" lang="sv"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie ie8 oldie" lang="sv"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie ie9 oldie" lang="sv"> <![endif]-->
<!--[if IE 10]> <html class="no-js ie ie10" lang="sv"> <![endif]-->
<!--[if gt IE 10]><!--><html class='no-js' lang='sv'><!--<![endif]-->
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<title></title>
<meta content='' name='description'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<meta content='_dQl4zHebOdK2J5E6SNWZt0WxmXAOt3YJ_7srnoTclo' name='google-site-verification'>
<link href='/apple-touch-icon.png' rel='apple-touch-icon' sizes='180x180'>
<link href='/favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'>
<link href='/favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'>
<link href='/manifest.json' rel='manifest'>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<link color='#5bbad5' href='/safari-pinned-tab.svg' rel='mask-icon'>
<meta content='#ffffff' name='theme-color'>
<meta content='yes' name='mobile-web-app-capable'>
<meta content='Medtryck' name='apple-mobile-web-app-title'>
<meta content='Medtryck' property='og:site_name'>
<meta content='website' property='og:type'>
<meta content='' property='og:title'>
<meta content='' property='og:description'>
<meta content='https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/logo-50a0e39a7662be8ac5eb1222500cf6cdc97566b028b810409c84795f386337d9.svg' property='og:image'>
<meta content='https://www.medtryck.se/brands/ki-mood' property='og:url'>
<meta content='summary_large_image' name='twitter:card'>
<link href='https://www.medtryck.se/brands/ki-mood' rel='canonical'>

<meta content='false' name='turbo-prefetch'>
<!-- Respond.js proxy on external server -->
<!-- Respond.js redirect location on local server -->

<link rel="stylesheet" href="https://d3c1gbjzpw0rb3.cloudfront.net/assets/tailwind-6b8922809b0e26d1d2e5a09fad380eead878163917e997f1f7ea517672f02732.css" media="all" data-turbo-track="dynamic" />
<link rel="stylesheet" href="https://d3c1gbjzpw0rb3.cloudfront.net/assets/home-072abe3629363ad1035aea62c796ff1062b5714d6cbf2c4c5f81cf12e5a966a9.css" media="all" data-turbo-track="dynamic" />
<link rel="stylesheet" href="https://d3c1gbjzpw0rb3.cloudfront.net/assets/fonts-bdb4f25a2d585a8f79be1c03778679f4e0ddabe77f9285501186913239bf2158.css" media="all" data-turbo-track="reload" />
<link rel="stylesheet" href="https://d3c1gbjzpw0rb3.cloudfront.net/assets/datetimepicker-cf0845d52c7529854e56a87ba0d914398e7e2b5c2a195a89d5502906e20f7ddb.css" media="all" data-turbo-track="dynamic" />
<script src='https://app.termly.io/resource-blocker/9685353e-925a-4d1b-855f-264476b44e12?autoBlock=on' type='text/javascript'></script>
<script src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/home-217cd4335fa769ccb04811788941eaeeeb097d2992a17b06d4aa2b08b529776f.js" data-turbo-track="dynamic"></script>

<script>
  if( (window.navigator.userAgent.indexOf("MSIE ") <= 0) ) {
    var sNew = document.createElement("script");
    sNew.async = true;
    sNew.src = '//cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=IntersectionObserver';
    var s0 = document.getElementsByTagName('script')[0];
    s0.parentNode.insertBefore(sNew, s0);
  }
  
  if(!window.console) console = { log: function(){} };
</script>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="VyByzHhTXxjjCrs2LmEzedWL768lsbNkxeWgmk8UdX2a_jMAXGgldte1yHWfMMcE5Lwa6SudbNtymbkkRdlpCg" />

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X7PMFHSNT8"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-X7PMFHSNT8');
</script>

<script>
  // Google Tag Manager trigger for Turbo
  document.addEventListener('turbo:load', function() {
    if("216.73.216.50" == '62.63.198.66') return; // office IP
  
    dataLayer.push({ 'event': 'pageView', 'virtualUrl': window.location.href });
    dataLayer.push({ 'ip': "216.73.216.50" });
  
    var prodImg = document.querySelector('#product #prod-img');
    var priceRow = document.querySelector('#product .prod-price-row');
    if(prodImg && priceRow) {
      // Example: {id: 4484, name: "Sweatshirt Hoodie Custom", price: 306, event: "product_view"}
      var nameEl = document.querySelector('#product .prod-name .name');
      var categoryEl = document.querySelector('#product .breadcrumbs .bc.hidden-print a:first-child');
      dataLayer.push({
        'id': Number(prodImg.dataset.pid),
        'name': nameEl ? nameEl.textContent : '',
        'category': categoryEl ? categoryEl.textContent : '',
        'price': JSON.parse(priceRow.dataset.pricing)[0],
        'event': 'product_view'
      });
    }
  
    var valsEl = document.querySelector('#order .initial-step-vals') ||
                 document.querySelector('#inquiry .initial-step-vals');
    if(valsEl) {
      // Example: { id: 1234, contact: "Karl Johansson", customer: "Karlsson Aktiebolag", email: "harmon@cristwuckert.io", phone: "076 – 123 45 67", event: "reservation" }
      var dataObj = {};
      for(var key in valsEl.dataset) {
        var value = valsEl.dataset[key];
        dataObj[key] = String(Number(value)) === value ? Number(value) : value;
      }
      dataObj.event = 'reservation';
      dataLayer.push(dataObj);
    }
  });
  // End Google Tag Manager trigger for Turbo
</script>
<!-- / Google Tag Manager -->
<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-K9LTD8K');
</script>
<!-- / End Google Tag Manager -->



<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
  document,'script','https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '775077705926051');
</script>
<noscript>
<img height='1' src='https://www.facebook.com/tr?id=775077705926051&amp;ev=PageView&amp;noscript=1' style='display:none' width='1'>
</noscript>
<!-- End Facebook Pixel Code -->

</head>
<body class='twd-overflow-x-hidden' data-action='products--show-page:productAddedToCart-&gt;cart#handleCartIconClick' data-controller='js-translations cart products--favorites customer-support overlay-slideover slideover-cleanup quick-search' data-controller-name='brands' data-environment='production' id=''>

<dialog data-controller="medtryck-modal" id="printing-info-modal" style="z-index: 9999" data-action="click->medtryck-modal#handleDialogClick" data-medtryck-modal-target="dialog" class="twd-z-30 twd-p-8 twd-rounded-lg backdrop:twd-bg-black/80 backdrop:twd-z-100 sm:twd-w-[50%] twd-w-full sm:twd-h-[70%] twd-h-full">
  <h1 class="twd-h3 twd-mb-8">Att välja tryck eller märke</h1>
<div class="twd-mt-10 twd-mb-10">
  <h2 class="twd-h4 twd-mb-4">Screentryck</h2>
  <div class="twd-flex twd-flex-col-reverse lg:twd-flex-row twd-gap-6 twd-w-full">
    <div class="lg:twd-w-1/2 twd-w-full twd-gap-2">
      <img class="twd-w-full twd-object-cover twd-mb-2" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/Screentryck_1-e7f059a0c9219fa8ca40f98ba09e5e5d73c7ca1b49f8bab2116759622ffdc6bf.jpg" alt="Image: Screenprint 1">
      <img class="twd-w-full twd-object-cover twd-mb-2" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/Screentryck_2-decc63e8b7d5ce86597e15f67fce036e51d3e5d00a2793cb067b56c76f5f1524.jpg" alt="Image: Screenprint 2">
    </div>
    <div class="lg:twd-w-1/2 twd-w-full">
      <p class=" twd-mb-4">
        Screentryck är en tryckteknik som bygger på användning av en schablon. Motivet överförs genom en schablon och färgen appliceras sedan på tyget. Denna teknik är idealisk för stora beställningar då den erbjuder den mest kostnadseffektiva lösningen för stora tryck.
      </p>
      <ul class="twd-list-disc twd-mb-4 twd-bg-default-color [&>li]:twd-ml-10 [&>*]:twd-mr-6 twd-py-6">
        <div class="twd-text-penta twd-text-sm twd-mb-4 twd-pl-6">SPECIFIKATIONER</div>
        <li>Tryckyta: Framsida, Baksida, Ärm</li>
        <li>Tryckstorlek: Framsida/Baksida (max 330 x 480 mm), Ärm (max 80 x 70 mm)</li>
        <li>Tryckfärger: Max 8 tryckfärger</li>
        <li>OBS: På mörka plagg kan ett vitt undertryck krävas, det räknas som en extra tryckfärg</li>
      </ul>
    </div>
  </div>
</div>

<div class="twd-mb-10">
  <h2 class="twd-h4 twd-mb-4">Transfertryck</h2>
  <div class="twd-flex twd-flex-col lg:twd-flex-row twd-gap-6">
    <div class="lg:twd-w-1/2 twd-w-full">
      <p class="twd-mb-4">
        Transfertryck är ofta billigare när man vill trycka en logotyp med flera färger. En stor fördel med transfertekniken är att den kan läggas på för att sedan vid ett senare tillfälle kunna användas. Transfer fungerar på samma sätt som screentryck fast på ark. Arket värms sedan på produkten.
      </p>
      <ul class="twd-list-disc twd-mb-4 twd-bg-default-color [&>li]:twd-ml-10 [&>*]:twd-mr-6 twd-py-6">
        <div class="twd-text-penta twd-text-sm twd-mb-4 twd-pl-6">SPECIFIKATIONER</div>
        <li>Tryckyta: Framsida, Baksida, Ärm</li>
        <li>Tryckstorlek: Framsida/Baksida (max 330 x 480 mm), Ärm (max 80 x 70 mm)</li>
        <li>Tryckfärger: Max 8 tryckfärger</li>
        <li>OBS: På mörka plagg kan ett vitt undertryck krävas, det räknas som en extra tryckfärg</li>
      </ul>
    </div>
    <div class="lg:twd-w-1/2 twd-w-full twd-gap-2">
      <img class="twd-w-full twd-object-cover twd-mb-2" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/Transfertryck_1-b7f8a0b59a3d4ee8d9be9597326d8dc4e98c97cb13e0fedc78c5b8333940d89a.jpg" alt="Image: Transferprint 1">
      <img class="twd-w-full twd-object-cover twd-mb-2" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/Transfertryck_2-dc5fb22c8f1323c278255fe458f4b8a745114ea47bc6fff9779e39dbceee6a2d.jpg" alt="Image: Transferprint 2">
    </div>
  </div>
</div>

<div class="twd-mb-10">
  <div class="twd-mb-10">
    <h2 class="twd-h4 twd-mb-4">Brodyr</h2>
    <div class="twd-flex twd-flex-col lg:twd-flex-row twd-gap-6">
      <div class="lg:twd-w-1/2 twd-w-full">
        <p class="twd-mb-4">Brodyr används på textila produkter såsom profilkläder, reklammaterial och väskor. Det erbjuder ett lyxigt utseende jämfört med andra tryckmetoder.</p>
        <ul class="twd-list-disc twd-mb-4 twd-bg-default-color [&>li]:twd-ml-10 [&>*]:twd-mr-6 twd-py-6">
          <div class="twd-text-penta twd-text-sm twd-mb-4 twd-pl-6">SPECIFIKATIONER</div>
          <li>Yta: Framsida, Baksida, Ärm</li>
          <li>Storlek: Framsida/Baksida (max 330 x 480 mm), Ärm (max 80 x 70 mm)</li>
          <li>Färger: Max 12 trådfärger</li>
        </ul>
      </div>
      <div class="lg:twd-w-1/2 twd-w-full twd-gap-2">
        <img class="twd-w-full twd-object-cover twd-mb-2" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/Brodyr_1-9af64db5da609f31828d9aa7ea4777283d83095bb51ae2a6600f7872da9ea321.jpg" alt="Image: Brodyr 1">
        <img class="twd-w-full twd-object-cover twd-mb-2" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/Brodyr_2-1786b250984659612d2647bd3ce6d4dab940197fe5230391b6b739f6aa055e69.jpg" alt="Image: Brodyr 2">
      </div>
    </div>
  </div>

  <div class="twd-text-center twd-mt-10">
    <div class="twd-text-penta twd-text-sm twd-mt-20">Läs mer om:</div>
<!-- <div class="twd-text-sm twd-underline twd-leading-normal"></div> -->
<div class="twd-text-sm twd-underline twd-leading-normal"><a target="_blank" href="https://www.medtryck.se/kundsupport#faqs">VANLIGA FRÅGOR OCH SVAR</a></div>
<!-- <div class="twd-text-sm twd-underline twd-leading-normal"></div> -->
<div class="twd-text-sm twd-underline twd-leading-normal"><a target="_blank" href="https://www.medtryck.se/om-medtryck#nojd-kundgaranti">NÖJD KUNDGARANTI</a></div>

  </div>
</div>



  <div class="twd-absolute twd-right-5 twd-top-5 twd-z-10 hover:twd-cursor-pointer" data-action="click->medtryck-modal#close">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-w-10 twd-h-10 twd-text-grey" data='{"modal_id"=&gt;"printing-info-modal"}'>
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
</svg>

  </div>
</dialog>
<!-- / Google Tag Manager (noscript) -->
<noscript>
<iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-K9LTD8K' style='display:none;visibility:hidden' width='0'></iframe>
</noscript>
<!-- / End Google Tag Manager (noscript) -->

<!--[if lt IE 8]>
<p class='twd-fixed twd-top-0 twd-left-0 twd-right-0 twd-bg-[#fcf8e3] twd-font-circular-medium twd-text-center twd-clear-both twd-overflow-hidden twd-px-[10px] twd-py-[10px] twd-text-[#996d22] twd-border-b twd-border-[#fbeed5] twd-z-10'>
Du använder en gammal version av din webbläsare när du surfar.
<a href='http://browsehappy.com/' rel='nofollow'>Uppgradera för att förbättra upplevelsen.</a>
</p>
<![endif]-->
<div class='[&amp;_.outer]:twd-relative [&amp;_.outer]:twd-height-[0] [&amp;_.outer_.inner]:twd-absolute [&amp;_.outer_.inner]:twd-top-0 [&amp;_.outer_.inner]:twd-left-0 [&amp;_.outer_.inner]:twd-bottom-0 [&amp;_.outer_.inner]:twd-w-full' id='main-container'>
<main class='twd-relative twd-bg-white twd-z-[3] max-sm:!twd-mb-0'>

<nav id="sticky-navbar" data-quick-search-target="navbar" class="twd-sticky twd-top-0
                               
                               twd-shadow-md
                           [&amp;:has(.all-products-toggle.open)]:twd-shadow-none
                           [&amp;:has(.all-products-toggle-mobile.open)]:twd-shadow-none
                               search-collapsed-pages
                               twd-group
                               twd-bg-white
                               twd-relative twd-z-50
                               twd-flex twd-flex-col twd-w-full
                               [&:has(.all-products-toggle.open)]:twd-h-screen
                               [&:has(.all-products-toggle-mobile.open)]:twd-h-screen
                               [&:has(.all-products-toggle.open)]:twd-fixed
                               [&:has(.all-products-toggle-mobile.open)]:twd-fixed"
                               data-controller="navbar"
                               data-action="cart:itemDeleted@window->navbar#handleCartItemCountUpdated
                                            cart-item:deleted@window->navbar#handleCartItemCountUpdated
                                            products--show-page:refreshCart@window->navbar#handleCartItemCountUpdated
                                            click@document->quick-search#handleOutsideClick
                                            keydown@document->quick-search#handleEscape">

  <section class="twd-hidden md:twd-block">
      <div class="twd-flex twd-justify-center twd-items-center twd-w-full twd-py-1 medtryck-gradient">
    <div>
      <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-2.5 twd-w-3">
  <path d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z"></path>
</svg>

    </div>
    <span class="twd-ml-4 twd-span">
      Vi kontaktar alltid dig med en skriftlig offert samt en digital skiss att godkänna innan en order är bindande
    </span>
  </div>

  </section>

  <section class="twd-flex
                  twd-py-2 md:twd-py-3
                  group-[:has(.all-products-toggle.open)]:twd-border-b
                  group-[:has(.all-products-toggle-mobile.open)]:twd-border-b
                  twd-border-theme-light-gray">
    <div class="twd-h-full twd-w-full twd-px-4 xs:twd-px-6 lg:twd-px-10 xl:twd-px-12 2xl:twd-px-16 twd-max-w-screen-4xl twd-mx-auto semi-md-nav:!twd-pl-6 md:max-semi-md-nav:!twd-pl-3 sm:!twd-pr-4 md:!twd-pr-6 lg:!twd-pr-7"><div class="twd-w-full twd-h-full twd-flex">
      <div class="twd-w-1/3 xs:twd-w-[30%] sm:max-md:twd-w-[25%] md:max-lg:twd-w-[10%] lg:max-xl:twd-w-[20%] xl:twd-w-[16%]">
        <div id="big-logo" data-navbar-target="bigLogo" class="twd-collapsible md:max-lg:twd-hidden twd-w-full twd-pr-1"><div class="twd-overflow-hidden ">
  <a title="Medtryck Sverige AB" class="twd-w-full twd-h-12 twd-flex twd-justify-center twd-items-center" href="https://www.medtryck.se/">
    <svg class="twd-overflow-visible twd-block twd-w-full twd-h-auto" viewBox="0 0 3992.2 644.4">
      <g id="Symbol">
        <polygon points="665.9,0.4 572.6,161.4 852.4,644.2 945.7,483.3"></polygon>
        <polygon points="292.8,0.4 199.5,161.4 479.3,644.2 572.6,483.3"></polygon>
        <circle cx="107.3" cy="537.3" r="106.9"></circle>
      </g>
      <g id="Medtryck">
        <polygon points="1662.7,483.3 1662.7,138.3 1516.1,483.3 1447,483.3 1301.7,139.6 1301.7,483.3 1224.1,483.3 1224.1,0.4 1324.3,0.4 1482.9,372.2 1639.5,0.4 1741.7,0.4 1741.7,483.3"></polygon>
        <path d="M2100.6,391.4c-17.2,56.2-68.4,101.8-146,101.8c-87.6,0-165.2-63.4-165.2-172.5c0-101.8,75.6-169.2,157.3-169.2 c99.5,0,158,65.4,158,167.2c0,12.6-1.3,23.1-2,24.4h-236.2c2,48.9,40.5,83.9,88.2,83.9c46.5,0,70.4-24.4,81-56.2L2100.6,391.4z M2027,287c-1.3-37.7-26.5-71.4-79.6-71.4c-48.5,0-76.3,37-79,71.4H2027z"></path>
        <path d="M2466.2,424.4c0,29.1,2.7,53.5,3.3,58.8h-73.7c-1.3-7.3-3.3-28.4-3.3-41.6c-15.2,27.1-49.1,49.6-94.9,49.6 c-92.9,0-155.3-72.7-155.3-169.8c0-92.5,63-168.5,154-168.5c56.4,0,84.9,25.8,94.9,46.3V0.4h75V424.4z M2306.3,423.8 c50.4,0,85.6-41.6,85.6-103.1c0-61.5-34.5-99.8-84.9-99.8c-50.4,0-87.6,39-87.6,100.4C2219.3,382.8,2253.9,423.8,2306.3,423.8"></path>
        <path d="M2648.6,161.5h67v68.1h-67v149.4c0,28.4,12.6,40.3,41.1,40.3c10.6,0,23.2-2,26.6-2.7v63.4c-4.7,2-19.2,7.3-47.1,7.3 c-59.7,0-96.9-35.7-96.9-95.8V229.5h-59.7v-68.1h16.6c34.5,0,49.8-21.8,49.8-50.2V63h69.7V161.5z"></path>
        <path d="M2959.2,237.4c-8.6-1.3-17.3-2-25.2-2c-59.7,0-86.9,34.4-86.9,94.5v153.3h-77V161.5h75V213c15.3-35,51.1-55.5,93.6-55.5 c9.3,0,17.3,1.3,20.6,2V237.4z"></path>
        <polygon points="3054,613.4 3131.7,444.9 2993.6,161.4 3080.6,161.4 3173.5,365 3260.4,161.4 3342.1,161.4 3136.3,613.4"></polygon>
        <path d="M3411.7,322c0,64.8,41.8,101.1,90.2,101.1c50.4,0,73.7-35,81-59.5l67.7,24.4c-15.3,50.2-63.7,105.1-148.7,105.1 c-94.9,0-167.2-73.3-167.2-171.1c0-99.1,72.3-170.5,165.3-170.5c86.9,0,134.7,54.2,148,105.7l-69,25.1 c-7.3-28.4-29.2-60.1-78.3-60.1C3453.5,222.2,3411.7,257.3,3411.7,322"></path>
        <polygon points="3856.9,297.6 3992.3,483.3 3898.1,483.3 3803.2,351.8 3763.3,393.4 3763.3,483.3 3687,483.3 3687,0.4 3763.3,0.4 3763.3,291.6 3887.4,161.5 3989.6,161.5"></polygon>
      </g>
    </svg>
</a></div></div>
        
  <div id="small-logo" data-navbar-target="smallLogo" class="twd-collapsible md:max-lg:twd-block twd-hidden twd-w-full"><div class="twd-overflow-hidden ">
    
<a title="Medtryck Sverige AB" class="twd-flex twd-w-full twd-justify-center twd-h-12 twd-items-center" href="https://medtryck.com/">
  <span class="twd-w-10">
    <svg viewBox="0 0 103 69" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio='xMinYMin meet' class="twd-overflow-visible">
  <g id="Symbol">
    <path id="Vector" d="M71.8911 0.0429688L61.8184 17.2823L92.0257 68.9787L102.098 51.7501L71.8911 0.0429688Z" fill="black"/>
    <path id="Vector_2" d="M31.6098 0.0429688L21.5371 17.2823L51.7445 68.9787L61.8172 51.7501L31.6098 0.0429688Z" fill="black"/>
    <path id="Vector_3" d="M11.5839 68.9789C17.9579 68.9789 23.1249 63.8541 23.1249 57.5324C23.1249 51.2107 17.9579 46.0859 11.5839 46.0859C5.21004 46.0859 0.0429688 51.2107 0.0429688 57.5324C0.0429688 63.8541 5.21004 68.9789 11.5839 68.9789Z" fill="black"/>
  </g>
</svg>

  </span>
</a>
</div></div>
      </div>

      <div class="twd-hidden twd-w-full md:twd-flex twd-flex-grow md:twd-items-center">
        <section class="xl:twd-w-[70%] md:max-lg:twd-w-[60%] twd-relative twd-hidden md:twd-block twd-flex-grow twd-group/navbar-middle-content">
          <div class="twd-collapsible twd-uncollapsed group-[.search-collapsed]:twd-collapsed
                        group-[.search-collapsed-pages]:twd-collapsed" inner_class="searchbox-container"><div class="twd-overflow-hidden searchbox-container">
            
  <div class="search-container twd-flex twd-justify-center twd-group/desktop-search twd-w-full twd-p-0.5
              
              ">
    <form class="twd-relative q-search twd-w-[90%]" action="/search" accept-charset="UTF-8" method="get">
      <div class="twd-flex">
        <input type="text" name="q" id="q3" autocomplete="off" required="required" class="search twd-reset-text-field twd-peer twd-block twd-w-full twd-h-12
                                  twd-pr-3 twd-pl-5 twd-py-2 twd-text-lg sm:max-md:twd-text-base twd-rounded-full twd-bg-theme-light-gray
                                  twd-transition-all twd-ease-in-out twd-delay-300 twd-span
                                  [&amp;:focus]:twd-z-[2]
                                  group-[:has(#quick-search-results-container:hover)]/desktop-search:twd-ring-1
                                  group-[:has(#quick-search-results-container:hover)]/desktop-search:twd-ring-black
                                  focus:twd-ring-1 focus:twd-ring-black placeholder-transparent placeholder:twd-italic" data-action="keyup-&gt;quick-search#search keydown-&gt;quick-search#handleKeyDown blur-&gt;quick-search#clearContent" data-quick-search-target="input" />
          <div data-action="click-&gt;quick-search#hideSuggestionsContainer"
      class="twd-absolute twd-top-0 twd-bottom-0 search-suggestions twd-whitespace-nowrap
             twd-flex twd-items-center twd-pl-5">
    <span class="twd-text-theme-gray twd-mr-2 twd-bg-theme-light-gray">Jag letar efter</span>
    <ul
      class="twd-m-0 twd-p-0 twd-inline-block twd-list-none twd-align-middle">
      <li class="suggestion twd-cursor-pointer twd-flex twd-items-center twd-justify-center
                twd-overflow-hidden twd-py-1 twd-px-3 twd-bg-search-suggestions-bg twd-ease-in-out
                twd-transition-[top] twd-duration-200 hover:twd-bg-search-suggestions-hover" data-action="click->quick-search#handleSuggestionsClick">
        <a href="https://medtryck.com/search?q=t-shirt">T-shirt</a>
        <a class="twd-hidden" href="https://medtryck.com/search?q=paraplyer">Paraplyer</a>
        <a class="twd-hidden" href="https://medtryck.com/search?q=tygp%C3%A5sar">Tygpåsar</a>
        <a class="twd-hidden" href="https://medtryck.com/search?q=reklampennor">Reklam pennor</a>
        <a class="twd-hidden" href="https://medtryck.com/search?q=tablettaskar">Tablettfodral</a>
      </li>
    </ul>
  </div>

        <div id='search-cross-icon'
            class="cross-icon-tag twd-z-10 twd-cursor-pointer twd-absolute twd-opacity-0 twd-pr-3
                    twd-inset-y-0 twd-end-0 twd-flex twd-items-center twd-pointer-events-none
                    peer-[:focus]:twd-opacity-100 group-[:focus-within]/desktop-search:twd-pointer-events-auto
                    twd-transition-opacity twd-duration-300">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-7 twd-w-7">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
</svg>

        </div>
      </div>
</form>  </div>

</div></div>          <div id="quick-search-results-container"
              data-ignore-blur="true"
              class="twd-absolute twd-w-[90%] twd-left-0 twd-right-0 twd-mx-auto
                      twd-hidden hover:twd-block focus-within:twd-block group-[:has(.search:focus)]/navbar-middle-content:twd-block
                      twd-mt-1 twd-z-[100]">
          </div>
          <div id="nav-links" data-quick-search-target="navLinksContainer" class="twd-collapsible twd-collapsed
                          
                          group-[:has(.searchbox-container:focus-within)]/navbar-middle-content:twd-collapsed
                          group-[.search-collapsed]:twd-uncollapsed
                          group-[.search-collapsed-pages]:twd-uncollapsed
                          group-[:has(.all-products-toggle.open)]:twd-uncollapsed"><div class="twd-overflow-hidden ">
  <div class="twd-flex twd-justify-center twd-gap-x-6 md:max-semi-md-nav:twd-gap-x-4 lg:twd-gap-x-[2.4rem] xl:twd-gap-x-16 2xl:twd-gap-x-24
                *:twd-text-base *:twd-text-black *:twd-font-circular-medium *:twd-subpixel-antialiased xl:*:twd-text-lg
                group-[.search-collapsed]:twd-mt-0">
    <div class="twd-flex twd-items-center all-products-toggle twd-group twd-relative"
         data-action="click->navbar#openProductDetails"
         data-controller="search--turbo-cache">
      <a class="twd-font-circular-medium twd-text-black twd-text-base xl:twd-text-lg hover:twd-underline" href="javascript:void(0);">Alla produkter</a>
      <div class="twd-absolute twd-w-6 twd-h-6 twd-ml-1 twd-hidden group-[.open]:twd-block twd-right-[-25%] twd-cursor-pointer">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-inset-0 twd-h-6 twd-w-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5"></path>
</svg>

      </div>
    </div>
    <a class=" hover:twd-underline" href="/inspiration">Inspiration</a>
    <a class=" hover:twd-underline" href="/om-medtryck">Om Medtryck</a>
    <div class="twd-flex twd-items-center twd-gap-2">
      <a class=" hover:twd-underline" href="/kundsupport">Kundsupport</a>
    </div>
  </div>
</div></div>
        </section>
      </div>

      <section class="twd-w-[15%] md:max-lg:twd-w-[20%] twd-hidden md:twd-block twd-pl-2.5">
        
<div class="twd-flex twd-h-12 twd-items-center twd-justify-end *:twd-cursor-pointer md:max-lg:*:twd-mx-1 *:twd-mx-2 *:twd-shrink-0">
    <div id="desktop-search-icon"
         data-action="click->quick-search#showDesktopSearch"
         data-quick-search-target="desktopSearchIcon">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="md:max-lg:twd-size-6 twd-size-7 twd-icon-scaling-transition search-icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path>
</svg>

    </div>
  <a href="/mina-sidor">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="md:max-lg:twd-size-6 twd-size-7 twd-icon-scaling-transition">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"></path>
</svg>

</a>  <a class="favourites-link twd-relative twd-inline-block" rel="nofollow" data-action="click-&gt;cart#handleFavoritesIconClick" data-method="get" href="/products/products_based_on_cookies?type=favourites">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="md:max-lg:twd-size-6 twd-size-7 twd-icon-scaling-transition">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path>
</svg>

      <div data-products--favorites-target="favoritesCount" class="twd-absolute twd-min-w-[1.4rem] twd-flex twd-items-center twd-justify-center twd-bg-default-gray-bg twd-text-black twd-text-[0.6rem] twd-font-circular-medium twd-aspect-1 twd-rounded-full -twd-top-[10px] -twd-right-[5px] twd-hidden">0</div>
</a>  <span data-action="click->cart#handleCartIconClick" class="twd-relative">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="md:max-lg:twd-size-6 twd-size-7 twd-icon-scaling-transition">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path>
</svg>

    <div data-navbar-target="cartItemsCount" class="twd-absolute twd-min-w-[1.4rem] twd-flex twd-items-center twd-justify-center twd-bg-default-gray-bg twd-text-black twd-text-[0.6rem] twd-font-circular-medium twd-rounded-full twd-aspect-1 -twd-top-[10px] -twd-right-[5px] ">1</div>
  </span>
</div>

      </section>

      <section class="md:twd-hidden sm:max-md:twd-w-[75%] xs:twd-w-[70%] twd-flex twd-items-center twd-justify-end
                      twd-w-2/3">
        <div class="twd-flex twd-gap-x-3">
  <div class="twd-w-6 twd-h-6 twd-cursor-pointer group-[:has(.all-products-toggle-mobile.open)]:twd-hidden" data-action="click->quick-search#showMobileSearch">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-icon-scaling-transition">
  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path>
</svg>

  </div>

  <a class="favourites-link twd-relative twd-inline-block group-[:has(.all-products-toggle-mobile.open)]:twd-hidden" rel="nofollow" data-turbo-frame="cookies-slideover-content-frame" data-action="click-&gt;cart#handleFavoritesIconClick" data-method="get" href="/products/products_based_on_cookies?type=favourites">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 twd-transition twd-ease-in-out twd-delay-150 hover:twd-scale-150 twd-duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path>
</svg>

    <div data-products--favorites-target="favoritesCountMobile" class="twd-absolute -twd-top-1 twd-right-0 twd-flex twd-items-center twd-justify-center twd-bg-default-gray-bg twd-text-black twd-text-xs twd-font-circular-medium twd-rounded-full twd-w-4 twd-h-4 twd-hidden">0</div>
</a>  <span data-action="click->cart#handleCartIconClick" class="twd-cursor-pointer twd-relative group-[:has(.all-products-toggle-mobile.open)]:twd-hidden">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 twd-transition twd-ease-in-out twd-delay-150 hover:twd-scale-150 twd-duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path>
</svg>

    <div data-navbar-target="cartItemsCount" class="twd-absolute -twd-top-1 -twd-right-1.5 twd-flex twd-items-center twd-justify-center twd-bg-default-gray-bg twd-text-black twd-text-xs twd-font-circular-medium twd-rounded-full twd-w-4 twd-h-4  ">1</div>
  </span>
  <span class="all-products-toggle-mobile twd-group twd-ml-3" data-action="click->navbar#toggleMobileOptions">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-[26px] twd-w-[26px]
                                                          group-[.open]:twd-hidden">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
</svg>

    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-[26px] twd-w-[26px]
                                                          twd-hidden group-[.open]:twd-inline">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
</svg>

  </span>
</div>

      </section>
</div></div>
    <!--    Mobile Search: Mobile Search will be shown on top of navbar when search icon is clicked -->
    <div id="mobile-search-container" data-quick-search-target="mobileSearchContainer" class="twd-collapsible twd-group/mobile-search [&amp;.open]:twd-uncollapsed [&amp;.open]:twd-z-[100]
                            twd-collapsed md:twd-hidden twd-absolute search-container twd-h-[65px]
                            twd-w-full twd-top-0 -twd-z-10"><div class="twd-overflow-hidden ">
      <div class="twd-peer twd-bg-theme-light-gray twd-h-full twd-w-full twd-relative">
        <input type="text" name="q" id="mobile-search-q3" class="mobile-search twd-reset-text-field twd-block twd-w-full twd-h-full twd-pr-3 twd-pl-4 twd-py-2 twd-text-lg" autocomplete="off" required="required" placeholder="Sok" data-action="keyup-&gt;quick-search#search blur-&gt;quick-search#removeMobileSearch" data-quick-search-target="input" />
        <div id='mobile-search-cross-icon' class="cross-icon-tag twd-z-10 twd-cursor-pointer twd-absolute twd-inset-y-0 twd-end-0 twd-flex twd-items-center twd-pr-3 twd-ease-in-out twd-delay-300 twd-transform" data-action="click->quick-search#removeMobileSearch">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-7 twd-w-7">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
</svg>

        </div>
      </div>

      <div id="quick-search-results-mobile-container" class="twd-hidden max-md:group-[:has(.open.search-container)]:twd-block hover:twd-block twd-w-full twd-absolute twd-top-[65px]"></div>
</div></div>    <!--    Mobile Search End-->
  </section>

  <div class="group-[:has(.all-products-toggle.open)]:twd-hidden
              group-[:has(.all-products-toggle-mobile.open)]:twd-hidden">
    
  </div>

  <div class="twd-flex-grow twd-bg-white twd-overflow-y-auto twd-hidden group-[:has(.all-products-toggle.open)]:twd-block">
    <div class="twd-h-full twd-w-full twd-px-4 xs:twd-px-6 lg:twd-px-10 xl:twd-px-12 2xl:twd-px-16 twd-max-w-screen-4xl twd-mx-auto "><div class="md:twd-pl-[min(144px,4%)] semi-xl:twd-pl-[min(144px,10%)] twd-w-full twd-h-full ">
        <div class="twd-flex twd-justify-between twd-my-7 twd-gap-x-4 twd-relative">
    <section class="twd-w-[62%]">
      <div class="twd-flex">
          <div class="twd-flex twd-gap-x-5 twd-pb-5 [&.active]:*:twd-opacity-100 [&.active]:*:twd-border-b">
    <button class="twd-p twd-text-black twd-flex-shrink-0 tabs-text twd-opacity-40 active twd-subpixel-antialiased" data-action="click->navbar#showTab click->navbar#handleTabClick ajax:success->navbar#handleAjaxResponse" data-tab="tab1" data-navbar-target="showTab">Alla kategorier</button>
    <a class="twd-p twd-opacity-40 twd-text-black twd-flex-shrink-0 tabs-text hover:twd-no-underline twd-subpixel-antialiased" data-action="click-&gt;navbar#showTab click-&gt;navbar#handleTabClick ajax:success-&gt;navbar#handleAjaxResponse" data-tab="tab2" data-navbar-target="showTab" data-type="html" data-target="brands" data-remote="true" href="/brands">
      Varumärken
</a>    <a class="valign-container twd-p twd-opacity-40 twd-text-black twd-flex-shrink-0 tabs-text hover:twd-no-underline twd-subpixel-antialiased" data-action="click-&gt;navbar#showTab click-&gt;navbar#handleTabClick ajax:success-&gt;navbar#handleAjaxResponse" data-tab="tab3" data-navbar-target="showTab" data-type="html" data-target="categories" data-remote="true" href="/categories">
      A - Ö
</a>  </div>

      </div>

      <div class="twd-w-full twd-min-h-full">
        <div class="twd-flex twd-justify-start has-[.full-width-tabs]:twd-flex-1" id="all-products-first-section">
          <div class="twd-min-h-full twd-w-4/12 twd-shrink-0 [&.full-width-tabs]:twd-w-full" id="tabs-detail">
              <div class="twd-w-full twd-mx-auto">
    <div id="tab1" class="tab-content" data-navbar-target="tabContent" data-turbo-permanent>
      <turbo-frame data-turbo-permanent="true" id="parent-categories-frame">
</turbo-frame>    </div>

    <div id="tab2" class="tab-content twd-hidden" data-navbar-target="tabContent">
    </div>

    <div id="tab3" class="tab-content twd-hidden" data-navbar-target="tabContent">
    </div>
  </div>

          </div>

            <div id="campaigns" class="twd-w-3/5 min-h-full">
            </div>

          <div id="list-categories-section" class="twd-hidden twd-rounded-r-md twd-w-8/12 twd-min-h-full" data-turbo-permanent>
            <turbo-frame data-turbo-permanent="true" id="categories-frame">
</turbo-frame>          </div>
        </div>
      </div>
    </section>

      <section class="twd-w-[38%] twd-ml-4">
        <div class="twd-min-h-full">
          <div class="twd-pb-5">
            <p class="twd-p twd-text-black twd-subpixel-antialiased twd-m-0">Senast besökta produkter</p>
          </div>
            <turbo-frame loading="lazy" id="recently_viewed_products" src="/products/products_based_on_cookies.turbo_stream?type=recently_viewed">
              <div class="twd-mb-10 sm:twd-h-[70vh] sm:twd-overflow-y-scroll">
                    <div class="twd-flex twd-items-center twd-gap-4 twd-py-4 twd-animate-pulse twd-w-full twd-bg-theme-light-gray">

    <!-- Image placeholder -->
    <div class="twd-w-14 twd-h-14 twd-bg-theme-gray twd-rounded-md"></div>

    <!-- Title + article number -->
    <div class="twd-flex twd-flex-col twd-gap-2 twd-flex-grow">
      <div class="twd-h-4 twd-w-40 twd-bg-theme-gray twd-rounded"></div>
      <div class="twd-h-3 twd-w-28 twd-bg-theme-gray twd-rounded"></div>
    </div>

  </div>

                    <div class="twd-flex twd-items-center twd-gap-4 twd-py-4 twd-animate-pulse twd-w-full twd-bg-theme-light-gray">

    <!-- Image placeholder -->
    <div class="twd-w-14 twd-h-14 twd-bg-theme-gray twd-rounded-md"></div>

    <!-- Title + article number -->
    <div class="twd-flex twd-flex-col twd-gap-2 twd-flex-grow">
      <div class="twd-h-4 twd-w-40 twd-bg-theme-gray twd-rounded"></div>
      <div class="twd-h-3 twd-w-28 twd-bg-theme-gray twd-rounded"></div>
    </div>

  </div>

                    <div class="twd-flex twd-items-center twd-gap-4 twd-py-4 twd-animate-pulse twd-w-full twd-bg-theme-light-gray">

    <!-- Image placeholder -->
    <div class="twd-w-14 twd-h-14 twd-bg-theme-gray twd-rounded-md"></div>

    <!-- Title + article number -->
    <div class="twd-flex twd-flex-col twd-gap-2 twd-flex-grow">
      <div class="twd-h-4 twd-w-40 twd-bg-theme-gray twd-rounded"></div>
      <div class="twd-h-3 twd-w-28 twd-bg-theme-gray twd-rounded"></div>
    </div>

  </div>

                    <div class="twd-flex twd-items-center twd-gap-4 twd-py-4 twd-animate-pulse twd-w-full twd-bg-theme-light-gray">

    <!-- Image placeholder -->
    <div class="twd-w-14 twd-h-14 twd-bg-theme-gray twd-rounded-md"></div>

    <!-- Title + article number -->
    <div class="twd-flex twd-flex-col twd-gap-2 twd-flex-grow">
      <div class="twd-h-4 twd-w-40 twd-bg-theme-gray twd-rounded"></div>
      <div class="twd-h-3 twd-w-28 twd-bg-theme-gray twd-rounded"></div>
    </div>

  </div>

                    <div class="twd-flex twd-items-center twd-gap-4 twd-py-4 twd-animate-pulse twd-w-full twd-bg-theme-light-gray">

    <!-- Image placeholder -->
    <div class="twd-w-14 twd-h-14 twd-bg-theme-gray twd-rounded-md"></div>

    <!-- Title + article number -->
    <div class="twd-flex twd-flex-col twd-gap-2 twd-flex-grow">
      <div class="twd-h-4 twd-w-40 twd-bg-theme-gray twd-rounded"></div>
      <div class="twd-h-3 twd-w-28 twd-bg-theme-gray twd-rounded"></div>
    </div>

  </div>

                    <div class="twd-flex twd-items-center twd-gap-4 twd-py-4 twd-animate-pulse twd-w-full twd-bg-theme-light-gray">

    <!-- Image placeholder -->
    <div class="twd-w-14 twd-h-14 twd-bg-theme-gray twd-rounded-md"></div>

    <!-- Title + article number -->
    <div class="twd-flex twd-flex-col twd-gap-2 twd-flex-grow">
      <div class="twd-h-4 twd-w-40 twd-bg-theme-gray twd-rounded"></div>
      <div class="twd-h-3 twd-w-28 twd-bg-theme-gray twd-rounded"></div>
    </div>

  </div>

              </div>
</turbo-frame>          </div>
      </section>

    <section>
      <div class="twd-absolute -twd-top-1 twd-right-0 twd-cursor-pointer">
        <div data-action="click->navbar#initializeAndToggleCategoriesSection" data-navbar-target="closeCategories">
          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-10 twd-w-10">
  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z" clip-rule="evenodd"></path>
</svg>

        </div>
      </div>
    </section>
  </div>

</div></div>  </div>

  <div class="twd-min-h-0 twd-flex-grow twd-bg-white twd-hidden group-[:has(.all-products-toggle-mobile.open)]:twd-block">
    <div class="twd-h-full twd-w-full twd-px-4 xs:twd-px-6 lg:twd-px-10 xl:twd-px-12 2xl:twd-px-16 twd-max-w-screen-4xl twd-mx-auto "><div class="twd-w-full twd-h-full twd-flex twd-flex-col">
      <div class="twd-flex toggle twd-justify-start twd-flex-col
            *:twd-flex *:twd-items-center *:twd-h-16
            twd-group twd-peer">
  <div class="group-[.open]:twd-border-b group-[.open]:twd-border-theme-gray" data-action="click->navbar#showMobileAllProductsSection">
    <a class="twd-text-2xl twd-font-circular-medium twd-text-black hover:twd-no-underline" href="javascript:void(0);">Alla produkter</a>
    <div>
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 twd-ml-1
                                              group-[.open]:twd-hidden">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path>
</svg>

      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 twd-hidden twd-ml-1
                                            twd-hidden group-[.open]:twd-inline">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5"></path>
</svg>

    </div>
  </div>
  <a class="twd-text-xl twd-text-black group-[.open]:twd-hidden" href="/inspiration">Inspiration</a>
  <a class="twd-text-xl twd-text-black group-[.open]:twd-hidden" href="/kundsupport">Kundsupport</a>
  <a class="twd-text-xl twd-text-black group-[.open]:twd-hidden" href="/om-medtryck">Om Medtryck</a>
  <a class="twd-text-xl twd-text-black group-[.open]:twd-hidden" href="/nyheter">Nyheter</a>

  <div class="twd-flex twd-justify-between twd-items-center twd-w-full group-[.open]:twd-hidden">
    <a class="twd-text-xl twd-text-black" href="/mina-sidor">Mina sidor</a>

    <p class="twd-text-sm twd-text-secondary-text">Logga in</p>
  </div>

  <div class="twd-flex-col twd-mt-4 twd-px-4 twd-w-full group-[.open]:twd-hidden *:twd-w-full">
    <div class="twd-flex twd-items-center twd-gap-2">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-7 twd-w-7 twd-icon-scaling-transition">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"></path>
</svg>

      <p class="twd-text-sm twd-text-primary twd-grow twd-py-4 twd-border-b twd-border-default-gray-bg">
        Ring oss
        <a class="twd-underline" href="tel:+468303700">08-30 37 00</a>
      </p>
    </div>

    <div class="twd-flex twd-items-center twd-gap-2">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-7 twd-w-7 twd-icon-scaling-transition">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path>
</svg>

      <p class="twd-text-sm twd-text-primary twd-grow twd-py-4 twd-border-b twd-border-default-gray-bg">
        Maila oss
        <a class="twd-underline" href="mailto:info@medtryck.com">info@medtryck.com</a>
      </p>
    </div>

    <div class="twd-flex twd-gap-2">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-mt-3 twd-shrink-0 twd-h-7 twd-w-7 twd-icon-scaling-transition">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path>
</svg>

      <div class="twd-w-full twd-flex twd-flex-col *:twd-w-full twd-gap-2 twd-group">
        <p class="twd-text-sm twd-text-primary twd-grow twd-py-4 twd-border-b twd-border-default-gray-bg twd-cursor-pointer"
            data-action="click->navbar#toggleLocationDetails">
          Besök oss
        </p>
        <div class="twd-collapsible twd-collapsed twd-w-full group-[.open]:twd-uncollapsed"><div class="twd-overflow-hidden ">
          <p class="twd-text-sm twd-text-primary">Medtryck Sverige AB</p>
          <p class="twd-text-sm twd-text-primary">Söder Mälarstrand 65</p>
          <p class="twd-text-sm twd-text-primary">118 25 Stockholm</p>
          <p class="twd-text-sm twd-text-primary twd-mt-2">
            <a class="twd-underline" href="https://goo.gl/maps/ZuyVN5S7md32">Visa på karta</a>
          </p>
</div></div>      </div>
    </div>
  </div>
</div>
<section class="twd-flex-col twd-min-h-0 twd-hidden peer-[.open]:twd-flex twd-mt-5">
  <div class="twd-w-full twd-bg-white twd-flex twd-flex-col twd-min-h-0">
    
<div class="twd-flex twd-min-h-0">
  <section class="twd-w-full twd-flex twd-flex-col">
    <div class="twd-flex twd-gap-x-5 [&.active]:*:twd-opacity-100 [&.active]:*:twd-border-b twd-pb-5">
  <button class="twd-p twd-text-black twd-flex-shrink-0 tabs-text twd-opacity-40 active twd-subpixel-antialiased" data-action="click->navbar#showMobileTab click->navbar#handleTabClick ajax:success->navbar#handleAjaxResponse" data-tab="tab1-mobile" data-navbar-target="showTab">Alla kategorier</button>
  <a class="twd-p twd-opacity-40 twd-text-black twd-flex-shrink-0 tabs-text hover:twd-no-underline twd-subpixel-antialiased" data-action="click-&gt;navbar#showMobileTab click-&gt;navbar#handleTabClick ajax:success-&gt;navbar#handleAjaxResponse" data-tab="tab2-mobile" data-navbar-target="showTab" data-type="html" data-target="brands" data-remote="true" href="/brands">
    Varumärken
</a>  <a class="valign-container twd-p twd-opacity-40 twd-text-black twd-flex-shrink-0 tabs-text hover:twd-no-underline twd-subpixel-antialiased" data-action="click-&gt;navbar#showMobileTab click-&gt;navbar#handleTabClick ajax:success-&gt;navbar#handleAjaxResponse" data-tab="tab3-mobile" data-navbar-target="showTab" data-type="html" data-target="categories" data-remote="true" href="/categories">
    A - Ö
</a> </div>


    <div class="twd-w-full twd-min-h-0 twd-overflow-y-auto">
      <div class="twd-flex twd-justify-start" id="all-products-first-section">
        <div class="twd-min-h-full twd-w-full">
          <div class="twd-w-full twd-mx-auto twd-pb-5">
  <div id="tab1-mobile" class="tab-content" data-navbar-target="tabContentMobile" data-turbo-permanent>
    <turbo-frame data-turbo-permanent="true" id="parent-categories-frame-mobile">
</turbo-frame>  </div>

  <div id="tab2-mobile" class="tab-content twd-hidden" data-navbar-target="tabContentMobile">
  </div>

  <div id="tab3-mobile" class="tab-content twd-hidden" data-navbar-target="tabContentMobile">
  </div>
</div>

        </div>
      </div>
    </div>
  </section>
</div>

  </div>
</section>

</div></div>  </div>

  

<div id="cart_slideover"
     data-controller="medtryck-slideover"
     data-action="openDialog->medtryck-slideover#open closeDialog->medtryck-slideover#close
                  
                  medtryck-slideover:cart_slideover_loaded@window-&gt;cart#handleTotalPriceCalculation
                  cart:refresh@window-&gt;medtryck-slideover#handleRefresh products--show-page:refreshCart@window-&gt;medtryck-slideover#handleRefresh cart-item:deleted@window-&gt;medtryck-slideover#handleRefresh cart-item:updated@window-&gt;medtryck-slideover#handleRefresh"
     data-href="/cart/slideover"
     data-params="{}"
     data-eager-load="false"
     data-loading="false"
     data-cached="false">
  <dialog data-medtryck-slideover-target="dialog" class=" [&amp;.close-dialog]:twd-animate-slide-to-right open:twd-animate-slide-from-right md:twd-mr-0 md:twd-w-[65%] lg:twd-w-1/2 xl:twd-w-2/5 2xl:twd-w-[30%] slideover twd-min-h-full max-md:twd-min-w-full backdrop:twd-bg-black/20" data-action="click->medtryck-slideover#handleDialogClick">
    <div>

      <div class="slideover-content twd-h-dvh twd-flex twd-flex-col *:twd-w-full" data-medtryck-slideover-target="content">
          
    <div class="twd-flex-grow twd-flex twd-flex-col"
        id="cart-slideover-tabs"
        data-controller="tabs"
        data-cart-target="cartSlideoverTabs"
        data-tabs-active-tab-class="twd-border-b">
      <ul class="twd-flex *:twd-cursor-pointer twd-p-4 xs:twd-p-8 twd-justify-between
                twd-sticky twd-top-0
                twd-bg-white twd-z-10 twd-shadow">
        <div class="twd-flex twd-items-center twd-gap-x-4 max-xs:twd-overflow-x-scroll">
          <div data-tabs-target="tab" data-action="click->tabs#change" class="twd-flex twd-items-center twd-pb-0.5 sm:twd-pb-1">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 twd-mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path>
</svg>

            <h5 class="twd-h6 twd-font-circular-medium twd-items-center twd-mb-0"> Kundvagn</h5>
            <div data-navbar-target="cartItemsCount" class="twd-ml-1 twd-items-center twd-h6 ">(1)</div>
          </div>

          <div data-tabs-target="tab" data-action="click->tabs#change click->cart#loadFavorites" class="twd-flex twd-items-center twd-pb-0.5 sm:twd-pb-1">
            <a class="favourites-link twd-inline-block" rel="nofollow" data-action="click-&gt;cart#handleFavoritesIconClick" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 twd-mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path>
</svg>

</a>            <h5 class="twd-h6 twd-font-circular-medium twd-items-center twd-mb-0">Favoriter</h5>
            <turbo-frame id="sildeover_favorites_count_frame">
              <div class="twd-ml-1 twd-items-center twd-h6 twd-hidden">(0)</div>
</turbo-frame>          </div>
          <div data-tabs-target="tab" data-action="click->tabs#change" class="twd-flex twd-items-center twd-pb-0.5 sm:twd-pb-1">
            <a class="favourites-link twd-inline-block" rel="nofollow" data-action="click-&gt;cart#handleCustomerSupportClick" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 twd-mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"></path>
</svg>

</a>            <h5 class="twd-h6 twd-font-circular-medium twd-items-center twd-mb-0">Support</h5>
          </div>
        </div>

        

<button name="button" type="button" data-action="medtryck-slideover#close" class="twd-inline-block twd-h-8 twd-w-8
                        twd-rounded-full
                        twd-bg-black
                        twd-relative
                        hover:twd-cursor-pointer
                        disabled:twd-cursor-not-allowed
                        disabled:twd-bg-opacity-50 ">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-absolute twd-top-1.5 twd-left-1.5 twd-text-white twd-h-5">
  <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path>
</svg>

</button>
      </ul>

      <div class="twd-flex twd-flex-col twd-items-center twd-grow" data-tabs-target="panel">
        <div class="twd-grow twd-flex twd-flex-col twd-w-full" data-medtryck-slideover-target="destination">

<div class="twd-h-full twd-w-full twd-flex twd-justify-center twd-items-center">
  <div class="twd-flex twd-justify-between *:twd-w-4 *:twd-h-4 twd-gap-x-2.5 *:twd-bg-black *:twd-rounded-full">
      <div style="animation: bounce 1.5s infinite; animation-delay: 0s;"></div>
      <div style="animation: bounce 1.5s infinite; animation-delay: 0.3s;"></div>
      <div style="animation: bounce 1.5s infinite; animation-delay: 0.6s"></div>
  </div>
</div>
</div>
      </div>

      <div class="twd-flex twd-flex-col twd-items-center twd-grow twd-pb-7" data-tabs-target="panel">
        <turbo-frame id="favorites_slideover_content" loading="lazy" class="twd-w-full">
          <div class="twd-auto-rows-max twd-grid sm:twd-grid-cols-2 twd-grid-cols-1 twd-m-auto twd-gap-4 twd-mt-10">
              <div class="twd-animate-pulse twd-w-full twd-h-full sm:twd-px-4">
  <div class="twd-w-full twd-rounded-md twd-h-full twd-border twd-border-theme-gray twd-bg-theme-light-gray">
    <div class="twd-h-0 twd-pb-[60%] twd-relative twd-bg-theme-gray">
      <div class="twd-h-full twd-w-full twd-absolute twd-top-0">
        <div class="twd-flex twd-items-center twd-justify-center twd-h-full twd-bg-theme-light-gray twd-rounded">
          <svg class="twd-w-10 twd-h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
            <path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z" />
            <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z" />
          </svg>
        </div>
      </div>
    </div>
    <div class="twd-flex twd-flex-col twd-justify-between twd-flex-grow twd-mt-3 twd-p-3">
      <div>
        <div class="twd-pl-3 twd-h-10 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-4"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-2.5"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-5"></div>
      </div>
      <div class="twd-pl-3 twd-h-2 twd-bg-theme-gray twd-rounded-full twd-w-[60%] twd-mb-2.5 twd-mt-5"></div>
    </div>
  </div>
</div>

              <div class="twd-animate-pulse twd-w-full twd-h-full sm:twd-px-4">
  <div class="twd-w-full twd-rounded-md twd-h-full twd-border twd-border-theme-gray twd-bg-theme-light-gray">
    <div class="twd-h-0 twd-pb-[60%] twd-relative twd-bg-theme-gray">
      <div class="twd-h-full twd-w-full twd-absolute twd-top-0">
        <div class="twd-flex twd-items-center twd-justify-center twd-h-full twd-bg-theme-light-gray twd-rounded">
          <svg class="twd-w-10 twd-h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
            <path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z" />
            <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z" />
          </svg>
        </div>
      </div>
    </div>
    <div class="twd-flex twd-flex-col twd-justify-between twd-flex-grow twd-mt-3 twd-p-3">
      <div>
        <div class="twd-pl-3 twd-h-10 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-4"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-2.5"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-5"></div>
      </div>
      <div class="twd-pl-3 twd-h-2 twd-bg-theme-gray twd-rounded-full twd-w-[60%] twd-mb-2.5 twd-mt-5"></div>
    </div>
  </div>
</div>

              <div class="twd-animate-pulse twd-w-full twd-h-full sm:twd-px-4">
  <div class="twd-w-full twd-rounded-md twd-h-full twd-border twd-border-theme-gray twd-bg-theme-light-gray">
    <div class="twd-h-0 twd-pb-[60%] twd-relative twd-bg-theme-gray">
      <div class="twd-h-full twd-w-full twd-absolute twd-top-0">
        <div class="twd-flex twd-items-center twd-justify-center twd-h-full twd-bg-theme-light-gray twd-rounded">
          <svg class="twd-w-10 twd-h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
            <path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z" />
            <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z" />
          </svg>
        </div>
      </div>
    </div>
    <div class="twd-flex twd-flex-col twd-justify-between twd-flex-grow twd-mt-3 twd-p-3">
      <div>
        <div class="twd-pl-3 twd-h-10 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-4"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-2.5"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-5"></div>
      </div>
      <div class="twd-pl-3 twd-h-2 twd-bg-theme-gray twd-rounded-full twd-w-[60%] twd-mb-2.5 twd-mt-5"></div>
    </div>
  </div>
</div>

              <div class="twd-animate-pulse twd-w-full twd-h-full sm:twd-px-4">
  <div class="twd-w-full twd-rounded-md twd-h-full twd-border twd-border-theme-gray twd-bg-theme-light-gray">
    <div class="twd-h-0 twd-pb-[60%] twd-relative twd-bg-theme-gray">
      <div class="twd-h-full twd-w-full twd-absolute twd-top-0">
        <div class="twd-flex twd-items-center twd-justify-center twd-h-full twd-bg-theme-light-gray twd-rounded">
          <svg class="twd-w-10 twd-h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
            <path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z" />
            <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z" />
          </svg>
        </div>
      </div>
    </div>
    <div class="twd-flex twd-flex-col twd-justify-between twd-flex-grow twd-mt-3 twd-p-3">
      <div>
        <div class="twd-pl-3 twd-h-10 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-4"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-2.5"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-5"></div>
      </div>
      <div class="twd-pl-3 twd-h-2 twd-bg-theme-gray twd-rounded-full twd-w-[60%] twd-mb-2.5 twd-mt-5"></div>
    </div>
  </div>
</div>

              <div class="twd-animate-pulse twd-w-full twd-h-full sm:twd-px-4">
  <div class="twd-w-full twd-rounded-md twd-h-full twd-border twd-border-theme-gray twd-bg-theme-light-gray">
    <div class="twd-h-0 twd-pb-[60%] twd-relative twd-bg-theme-gray">
      <div class="twd-h-full twd-w-full twd-absolute twd-top-0">
        <div class="twd-flex twd-items-center twd-justify-center twd-h-full twd-bg-theme-light-gray twd-rounded">
          <svg class="twd-w-10 twd-h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
            <path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z" />
            <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z" />
          </svg>
        </div>
      </div>
    </div>
    <div class="twd-flex twd-flex-col twd-justify-between twd-flex-grow twd-mt-3 twd-p-3">
      <div>
        <div class="twd-pl-3 twd-h-10 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-4"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-2.5"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-5"></div>
      </div>
      <div class="twd-pl-3 twd-h-2 twd-bg-theme-gray twd-rounded-full twd-w-[60%] twd-mb-2.5 twd-mt-5"></div>
    </div>
  </div>
</div>

              <div class="twd-animate-pulse twd-w-full twd-h-full sm:twd-px-4">
  <div class="twd-w-full twd-rounded-md twd-h-full twd-border twd-border-theme-gray twd-bg-theme-light-gray">
    <div class="twd-h-0 twd-pb-[60%] twd-relative twd-bg-theme-gray">
      <div class="twd-h-full twd-w-full twd-absolute twd-top-0">
        <div class="twd-flex twd-items-center twd-justify-center twd-h-full twd-bg-theme-light-gray twd-rounded">
          <svg class="twd-w-10 twd-h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
            <path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z" />
            <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z" />
          </svg>
        </div>
      </div>
    </div>
    <div class="twd-flex twd-flex-col twd-justify-between twd-flex-grow twd-mt-3 twd-p-3">
      <div>
        <div class="twd-pl-3 twd-h-10 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-4"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-2.5"></div>
        <div class="twd-pl-3 twd-h-3 twd-bg-theme-gray twd-rounded-full twd-w-full twd-mb-5"></div>
      </div>
      <div class="twd-pl-3 twd-h-2 twd-bg-theme-gray twd-rounded-full twd-w-[60%] twd-mb-2.5 twd-mt-5"></div>
    </div>
  </div>
</div>

          </div>
        </turbo-frame>
      </div>

      <div class="twd-flex twd-flex-col" data-tabs-target="panel">
        <div class="twd-w-full twd-flex twd-flex-col twd-flex-grow twd-min-h-0"
     data-customer-support-target="frequentQuestions"
     data-chat-status-value="off">

  <div class="twd-relative twd-w-full twd-h-52 twd-overflow-hidden twd-flex-shrink-0 twd-bg-white">
    <img class="twd-absolute twd-right-0 twd-top-0 twd-h-full twd-w-2/3 twd-object-cover twd-object-[center_20%]" alt="" onerror="this.style.display=&#39;none&#39;" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/customer-support-hero-977662c72712b31256d218b654e76a7e8714317ad878a7459d2f35bbb022b530.png" />
    <div class="twd-absolute twd-inset-0" style="background: linear-gradient(to right, white 25%, rgba(255,255,255,0.95) 35%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.2) 70%, transparent 90%)"></div>
    <div class="twd-absolute twd-inset-0 twd-flex twd-flex-col twd-justify-center twd-px-6 twd-w-3/5">
      <h3 class="twd-h4 twd-mb-2">Vi finns här</h3>
      <p class="twd-small twd-leading-snug">för att svara på dina frågor och hjälpa dig hitta rätt. När du kontaktar oss möts du av en människa med kunskap om produkter, tryckmetoder och allt däremellan.</p>
    </div>
  </div>

  <div class="twd-px-4 sm:twd-px-6 twd-py-6 twd-space-y-6 twd-flex-1 twd-overflow-y-auto">

    <div class="twd-flex twd-flex-col twd-items-center twd-text-center twd-gap-y-2">
      <a href="tel:+468303700" class="twd-flex twd-items-center twd-gap-x-2 twd-no-underline">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-5 twd-w-5">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"></path>
</svg>

        <span class="twd-font-circular-medium twd-p">Ring oss</span>
      </a>
      <p class="twd-small twd-text-theme-gray">Ring för personlig service.</p>
      <div class="twd-small twd-text-theme-gray">
        <div class="twd-flex twd-justify-between twd-gap-x-6">
          <span>Mon-Thurs</span>
          <span>08:00–17:00</span>
        </div>
        <div class="twd-flex twd-justify-between twd-gap-x-6">
          <span>Fredagar</span>
          <span>08:00–16:30</span>
        </div>
      </div>
      <a href="tel:+468303700" class="twd-font-circular-medium twd-p twd-no-underline">08 - 30 37 00</a>
    </div>

    <hr class="twd-border-theme-light-gray">

    <div class="twd-flex twd-flex-col twd-items-center twd-text-center twd-gap-y-2">
      <div class="twd-flex twd-items-center twd-gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-5 twd-w-5">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"></path>
</svg>

        <span class="twd-font-circular-medium twd-p">Chatta med oss</span>
      </div>
      <p class="twd-small twd-text-theme-gray">Har du en snabb fråga är vår Live Chat perfekt.</p>
      <p class="twd-small twd-text-theme-gray">Vår Live Chat är öppen när kontoret är bemannat.</p>
    </div>

    <hr class="twd-border-theme-light-gray">

    <div class="twd-flex twd-flex-col twd-items-center twd-text-center twd-gap-y-2">
      <a href="mailto:info@medtryck.com" class="twd-flex twd-items-center twd-gap-x-2 twd-no-underline">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-5 twd-w-5">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path>
</svg>

        <span class="twd-font-circular-medium twd-p">Maila oss</span>
      </a>
      <p class="twd-small twd-text-theme-gray">Har du en fråga eller fundering?</p>
      <p class="twd-small twd-text-theme-gray">Maila oss så återkommer vi så snart vi kan.</p>
      <a href="mailto:info@medtryck.com" class="twd-font-circular-medium twd-small twd-no-underline">info@medtryck.com</a>
    </div>

    <hr class="twd-border-theme-light-gray">

    <div>
      <p class="twd-font-circular-medium twd-p twd-mb-4 twd-text-center">Vanliga frågor</p>
      <div>
  <div class="twd-peer twd-relative sm:twd-py-2 twd-py-1 twd-group [&.active]:twd-pb-0" data-action="click->customer-support#activate">
    <input type="text" name="widget_info_field" id="widget_info_field" value="Får man se en skiss innan man beställer?" class="twd-w-full twd-rounded twd-px-4 twd-py-2 twd-pr-10 twd-bg-theme-light-gray twd-text-theme-gray twd-cursor-pointer group-[.active]:twd-border-b twd-outline-none" readonly="readonly" autocomplete="off" />
<span class="twd-absolute group-[.active]:twd-hidden twd-inset-y-0 twd-right-0 twd-flex twd-items-center twd-px-2 twd-pointer-events-none">
  +
</span>
<span class="twd-absolute twd-hidden group-[.active]:twd-flex twd-inset-y-0 twd-right-0 twd-items-center twd-px-2 twd-pointer-events-none">
  -
</span>

  </div>
  <div class="twd-collapsible twd-uncollapsed peer-[:not(.active)]:twd-collapsed"><div class="twd-overflow-hidden ">
    <p class="twd-text-left twd-w-full twd-px-4 twd-bg-theme-light-gray twd-pt-2">Ja – du får alltid ett kostnadsfritt korrektur (en digital skiss) tillsammans med offert där du får se ditt tryck illustrerat på just den produkt du önskar.</p>

</div></div></div>

<div>
  <div class="twd-peer twd-relative sm:twd-py-2 twd-py-1 twd-group [&.active]:twd-pb-0" data-action="click->customer-support#activate">
    <input type="text" name="widget_info_field" id="widget_info_field" value="Hur beställer jag?" class="twd-w-full twd-rounded twd-px-4 twd-py-2 twd-pr-10 twd-bg-theme-light-gray twd-text-theme-gray twd-cursor-pointer group-[.active]:twd-border-b twd-outline-none" readonly="readonly" autocomplete="off" />
<span class="twd-absolute group-[.active]:twd-hidden twd-inset-y-0 twd-right-0 twd-flex twd-items-center twd-px-2 twd-pointer-events-none">
  +
</span>
<span class="twd-absolute twd-hidden group-[.active]:twd-flex twd-inset-y-0 twd-right-0 twd-items-center twd-px-2 twd-pointer-events-none">
  -
</span>

  </div>
  <div class="twd-collapsible twd-uncollapsed peer-[:not(.active)]:twd-collapsed"><div class="twd-overflow-hidden ">
    <p class="twd-text-left twd-w-full twd-px-4 twd-bg-theme-light-gray twd-pt-2">Enklaste sättet att beställa är att trycka på knappen &quot;Beställ produkt&quot; och sedan fylla i dina uppgifter. Du kommer alltid att få offert och korrektur att godkänna innan beställning är bindande. Vill du, så kan du även skicka in din beställning per e-post till info@medtryck.com</p>

</div></div></div>

<div>
  <div class="twd-peer twd-relative sm:twd-py-2 twd-py-1 twd-group [&.active]:twd-pb-0" data-action="click->customer-support#activate">
    <input type="text" name="widget_info_field" id="widget_info_field" value="I vilket filformat ska mitt tryck vara?" class="twd-w-full twd-rounded twd-px-4 twd-py-2 twd-pr-10 twd-bg-theme-light-gray twd-text-theme-gray twd-cursor-pointer group-[.active]:twd-border-b twd-outline-none" readonly="readonly" autocomplete="off" />
<span class="twd-absolute group-[.active]:twd-hidden twd-inset-y-0 twd-right-0 twd-flex twd-items-center twd-px-2 twd-pointer-events-none">
  +
</span>
<span class="twd-absolute twd-hidden group-[.active]:twd-flex twd-inset-y-0 twd-right-0 twd-items-center twd-px-2 twd-pointer-events-none">
  -
</span>

  </div>
  <div class="twd-collapsible twd-uncollapsed peer-[:not(.active)]:twd-collapsed"><div class="twd-overflow-hidden ">
    <p class="twd-text-left twd-w-full twd-px-4 twd-bg-theme-light-gray twd-pt-2">I regel behöver vi er tryckfil i vektorgrafik. Vanlig filformat för vektorgrafik är EPS, AI, PDF och SVG. Även om du själv inte kan öppna filen, går det utmärkt att skicka in den, så hjälper vi dig.</p>

</div></div></div>

    </div>

  </div>

  <div class="twd-w-full twd-flex-shrink-0 twd-sticky twd-bottom-0 twd-px-4 sm:twd-px-6 twd-py-2 twd-border-t twd-border-theme-gray twd-shadow-md twd-bg-theme-light-gray twd-flex twd-justify-center">
    

<a class="twd-group
                      twd-h-12 twd-px-8 twd-py-3 twd-w-full
                      medtryck-gradient
                      disabled:twd-opacity-50
                      disabled:twd-cursor-not-allowed
                      [&amp;.disabled]:twd-pointer-events-none
                      [&amp;.disabled]:twd-opacity-50
                      [&amp;.disabled]:twd-cursor-not-allowed
                      twd-bg-opacity-5
                      twd-rounded
                      twd-justify-center
                      twd-items-center
                      twd-gap-2
                      twd-inline-flex
                      twd-tracking-wide" href="/kundsupport" type="button">
  <span class="twd-p twd-flex twd-items-center">Gå till kundsupport</span>
</a>
  </div>
</div>

      </div>
    </div>

      </div>
    </div>
  </dialog>
</div>
</nav>

<div>

<div class='twd-bg-white'>


  <turbo-stream action="append" target="products-grid"><template>
      

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/pasar-kassar/billig-gympapase?color_group_id=c6765059-d312-40f7-a8d9-ced21b1de30b">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-a576b351-fe85-4a7a-81e2-6a3c74df3db6" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="a576b351-fe85-4a7a-81e2-6a3c74df3db6">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Billiga gympapåsar med eget tryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMDkvNDkvNTEvYjViYjVhMDEtNTQwMC00NGYxLWIxYzAtZjk1MjQ3Y2I5YWY3L3cxc2l6aWlzaWppd210eXZtdGl2bWR5dm9kYjZhamV3em52Mm12OHluaml3eHppeG1qeTF4emV1Y2c1bmlsMWQiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=0ba6ca82259a407a" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/a576b351-fe85-4a7a-81e2-6a3c74df3db6/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-a576b351-fe85-4a7a-81e2-6a3c74df3db6-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Billig Gympapåse</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Billiga gympapåsar med egen logga. Påsarna har förstärkta hörn och dragskoöppning. Väskorna finns i flera färger och har detaljer i svart. Innehåller ingen PVC och är ett miljövänligare val. Beställ gymnastikpåsar med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">13,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://prod-org.medtryck.com/axelremsvaskor/tablet-messenger-bag?color_group_id=ab2f672c-a5f4-4695-8d24-36cff7c153c7">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-684ebdd5-c70e-4a81-8ab4-fbe9eb04d02a" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="684ebdd5-c70e-4a81-8ab4-fbe9eb04d02a">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Messenger Bag för surfplattor - med tryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTAvMTcvNDUvZTIwZTg5YjgtOWU3Yy00MjliLWExMzEtNTdkYmQyMzFhMTQxL3cxc2l6aWlzaWppd210eXZtdGl2bWR5dm1uemt5M2R1Y2hqaGN2OHptanV3eHppd210cXl4emV1Y2c1bmlsMWQiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=dd2d0fc69990dad5" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/684ebdd5-c70e-4a81-8ab4-fbe9eb04d02a/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-684ebdd5-c70e-4a81-8ab4-fbe9eb04d02a-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Tablet Messenger Bag</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Fina axelremsväskor med eget tryck i format som passar för surfplattor. Väskorna har avtagbara och justerbara med vaddering. Utöver det stora huvudfacket, finns det 3 frontfickor. Väskorna finns i flera färger och har axelremmar och detaljer i svart. Beställ surfplatte-väskor med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">89,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/golfparaply/wakefield-golf?color_group_id=1334d8f0-6089-4ccc-b174-d6309e9a1f5e">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-ee640aec-2ead-446f-8359-b9adf31a12c9" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="ee640aec-2ead-446f-8359-b9adf31a12c9">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Tvåfärgade paraplyer med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTAvMjAvMTAvOWU5NWU5ZjAtZjM3My00MDIyLWIxMDMtNzEzZjdhM2I5MmMwL3cxc2l6aWlzaWppd210eXZtdGl2bWRpdm94YnJkemwzb2hqamVmOHptamt3eHptd25qbXp4emV1Y2c1bmlsMWQiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=d2520185c371f362" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/ee640aec-2ead-446f-8359-b9adf31a12c9/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-ee640aec-2ead-446f-8359-b9adf31a12c9-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Wakefield Paraply</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Ett mindre paraply i enfärgade och tvåfärgade varianter med eget tryck. Paraplyerna har automatisk uppfällning och nickelklädda toppar. Paraplyerna har 10 mm svart metallstång. Beställ paraplyer med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">83,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/standardparaplyer/wolverhampton?color_group_id=0a91c5ad-bb0b-4c70-b1f5-80ac5ff0777a">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-fcb2d2d3-5f55-48a8-89f6-a0569c0158c9" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="fcb2d2d3-5f55-48a8-89f6-a0569c0158c9">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Stormsäkra, 2-färgade paraplyer med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTAvMjAvMDAvZTMzNWIxMzEtMWIzMy00ZTllLTlhYzktZmEwMzJhYzg3YjliL3cxc2l6aWlzaWppd210eXZtdGl2bWRpdm4ydGxjMmpzemhkNG5mOHptamt4eHptd25qaTJ4emV1Y2c1bmlsMWQiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=c6a39202c5400931" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/fcb2d2d3-5f55-48a8-89f6-a0569c0158c9/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-fcb2d2d3-5f55-48a8-89f6-a0569c0158c9-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Wolverhampton</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Stormsäkra paraplyer med bekväma EVA-handtag med eget tryck. Skaftet och ribbarna är i fiberglas. Paraplyerna finns med enfärgade och tvåfärgade utföranden. Beställ paraplyer med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">137,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/jute/eco-jutebag?color_group_id=fd1ead8a-6814-44be-bdee-ef295eb968e2">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-90ea3afd-e672-4a88-8141-81311d542533" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="90ea3afd-e672-4a88-8141-81311d542533">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Miljövänliga jutebagar med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTEvMjcvMjIvNmFhYjVjYjgtYTQ2MC00OTI4LTlhOGMtOTUxNWY0ODU5ZmYzL3cxc2l6aWlzaWppd210eXZtdGl2bWRpdm53ZDZtZzFyeXhuc2NmODBvdGN6eHptem5kdTR4emZmbXk1d2JtY2l4djAiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=8cf949deb8658169" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/90ea3afd-e672-4a88-8141-81311d542533/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-90ea3afd-e672-4a88-8141-81311d542533-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Eco Jutebag Fashion</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Miljövänliga kassar i jute med bomullshandtag med eget tryck. Hela kassen är ekologisk och biologiskt nedbrytbar. En kasse i lite mindre format som ett miljövänligt jute alternativ. Väskan finns i flera färger med handtag i natur. Beställ ekologiska jutebagar med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">42,60 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/ryggsackar/huis-sportryggsack?color_group_id=1933a621-2775-4ac7-8d8d-0c23cda91cb9">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-4e26fd92-ac3d-4f6b-9d0d-ef47075a8c02" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="4e26fd92-ac3d-4f6b-9d0d-ef47075a8c02">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Gymryggsäckar med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTEvMjgvMTEvM2Y5MDFlNTEtNTFmMi00Y2YxLWI1MTktYmMyZWMwYWJlNzI5L3cxc2l6aWlzaWppd210eXZtdGl2bXphdm90YTR6bTl1eXpicGRsODBvdGcyeHptem50ZzF4emV1Y2c1bmlsMWQiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=1c918394c522b1d0" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/4e26fd92-ac3d-4f6b-9d0d-ef47075a8c02/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-4e26fd92-ac3d-4f6b-9d0d-ef47075a8c02-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Huis Sportryggsäck</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Stora ryggsäckar med 30-liters kapacitet med eget tryck. Utöver det stora huvudfacket, finns det två sidfickor och ett skofack i botten - alla med blixtlås. Ryggen är vadderad och god ventilerande förmåga. Beställ 30-liters sportryggsäckar med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">199,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/axelremsvaskor/body-bag?color_group_id=232fb84c-86d3-42f9-b98d-6e7a6898030b">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-acc632e3-afed-4b8f-94d2-d706dd8a13eb" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="acc632e3-afed-4b8f-94d2-d706dd8a13eb">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Snygga axelremsväskor med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTEvMjgvMjEvMzFhZDI3ZTEtY2Q5Yi00ODc1LTk5YzMtZTc2MzBjNDUyYmFjL3cxc2l6aWlzaWppd210eXZtdGl2bXphdm13cnl6anE0Y3RmbmRmODBvdGt4eHptem5qaXp4emV1Y2c1bmlsMWQiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=7027a4282084b185" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/acc632e3-afed-4b8f-94d2-d706dd8a13eb/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-acc632e3-afed-4b8f-94d2-d706dd8a13eb-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Body Bag</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Moderna axelväskor med justerbar axelrem i extra hög kvalitet med eget tryck. Huvudfacket har en nyckelring och väskan har även en fram- och bakficka. Väskan finns i flera färger.  Beställ trendiga axelremsväskor med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">55,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/kylvaskor/2-size-kylvaskor?color_group_id=e76ec134-007b-4c9c-b85c-42e934b69546">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-4817d034-68b5-4ccb-8617-71b78ff659dc" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="4817d034-68b5-4ccb-8617-71b78ff659dc">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Kylväskor i med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTEvMjgvNDAvODQ2NGQyOTgtNzk1ZC00YzNkLTk5ZDUtZDA4MTE1YTc1MTYzL3cxc2l6aWlzaWppd210eXZtdGl2bWRpdm56cjNieno1ZWphMmV2ODFtZGEweHptem5qazR4eml4bG5idXp5amR4cSJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=35afe23cb850a642" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/4817d034-68b5-4ccb-8617-71b78ff659dc/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-4817d034-68b5-4ccb-8617-71b78ff659dc-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Kylväskor Webbing</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Klassiska kylväskor med eget tryck. Väskorna har blixtlåsstängning och praktiska bärhandtag i matchande färg. Baskylväskor till bra priser. Beställ kylväskor med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">70,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/mappar/folder-dokumentfodral?color_group_id=ba63c25d-f398-4f77-b3cd-0d21360fd879">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-b706a9f8-5817-454a-8e6f-85d0f2d95f64" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="b706a9f8-5817-454a-8e6f-85d0f2d95f64">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Dokumentfodral med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTEvMjkvMjMvN2I5YjkxNzEtMTYwNS00OGNiLThhMjctZWE0MjE2Nzk2YTEyL3cxc2l6aWlzaWppd210eXZtdGl2bWRpdm54bm9tenoybmdpem4xODFtZGkweHptem9kaXh4emV1Y2c1bmlsMWQiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=8a10d2913544f2c3" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/b706a9f8-5817-454a-8e6f-85d0f2d95f64/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-b706a9f8-5817-454a-8e6f-85d0f2d95f64-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Folder Dokumentfodral</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Rejälare dokumentfodral med eget tryck med fästflik med spänne. Ett praktiskt bärhandtag finns på toppen. Väskan finns i flera glada färger. Ett hållbart fodral som skyddar dina hemliga dokument. Beställ dokumentfodral med eget tryck. 
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">43,40 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/resvaskor/vikbar-resegarderob?color_group_id=d9e97c43-bdd6-4a57-a273-e2907df4f0f9">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-dc395cf7-f62b-48ac-a0fc-c466aa20492f" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="dc395cf7-f62b-48ac-a0fc-c466aa20492f">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Vikbart klädfodral med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTEvMzAvMTEvNTMxMzEzODctNzE2My00MDlmLTg2ZmQtZDM5NWI2NGUwMWQ3L3cxc2l6aWlzaWppd210eXZtdGl2bXphdm1uYm16d2psZGhxM3l2ODFtZG01eHptem90aTJ4emV1Y2c1bmlsMWQiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=a11743640e676321" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/dc395cf7-f62b-48ac-a0fc-c466aa20492f/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-dc395cf7-f62b-48ac-a0fc-c466aa20492f-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Vikbar Resegarderob</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Exklusiv resegarderob som kan vikas ihop till en axelväska för smidig transportering. Väskorna har stora fack för kläder med också tillbehör. Axelremmen är löstag- och justerbar. Krok för hängare ingår. Beställ kostymväska med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">424,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/jute/jute-light-handle?color_group_id=47c7b769-5d92-48ac-9c18-73464ca4f38b">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-8113d341-6b4b-4e0f-a33e-750643189d82" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="8113d341-6b4b-4e0f-a33e-750643189d82">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Jute strandbagar med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTIvMDIvNDgvMzNjNTUxYjQtMzY5Ni00MTRkLWIxYjktOTMzYzc1YTc3Y2RjL3cxc2l6aWlzaWppd210Y3ZtZGV2bWRtdm5oZTFjM3Y1bjJpNHpsODFuenE0eHpxeW56dXh4em16bG5idXp5amR4cSJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=22d1b2cf0e05b3d2" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/8113d341-6b4b-4e0f-a33e-750643189d82/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-8113d341-6b4b-4e0f-a33e-750643189d82-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Jute Light Handle</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Juteväskor i flera färger med eget tryck. Väskorna finns i flera ljusa färger och har naturfärgade handtag. Väskorna är utan stängning och kan användas som exempelvis strandväska. Beställ jute bagar med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">51,70 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/jute/jute-front-pocket?color_group_id=4e6d2ead-622f-415a-8cc3-838333761147">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-70a955ad-2a79-4336-8f76-918d55129e32" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="70a955ad-2a79-4336-8f76-918d55129e32">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Juteshopper med framficka - med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTIvMDIvMjkvZjE5NWY1NzgtN2RiOS00NDU3LWFiMjItMDgwYzUzODFmNmYwL3cxc2l6aWlzaWppd210Y3ZtZGV2bWRtdm5oajBjeGMxYmhkeG9mODFuenE1eHpxeW56dTRsbmJ1enlqZHhxIl0sWyJwIiwiY29udmVydCIsIi1yZXNpemUgMjgyeDI4MiAtYmFja2dyb3VuZCAjZmFmYWY5IC1ncmF2aXR5IGNlbnRlciAtZXh0ZW50IDQwNHg0MDQgLWFscGhhIHJlbW92ZSIseyJmb3JtYXQiOiJqcGcifV1d?sha=3d80e4dc7670aedb" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/70a955ad-2a79-4336-8f76-918d55129e32/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-70a955ad-2a79-4336-8f76-918d55129e32-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Jute Front Pocket</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Tygkassar i jute med en bomullsficka på framsidan. Även handtagen är i bomull. En fin och naturfärgad väska som även finns i andra, mer iögonfallande färger. Beställ jutekassar med eget tryck på framfickan.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">44,50 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/tygpasar-tygkassar/rustik-shoppingbag?color_group_id=281abb77-001d-452d-bddc-9d9285b27f80">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-1faef5a4-ccfc-4bf6-bfd2-962b4d3cf3d3" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="1faef5a4-ccfc-4bf6-bfd2-962b4d3cf3d3">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Stor rustik tygväska med egen logga" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTQvMDEvNDQvMDMyNGYzMDgtY2QyMi00ZDYyLWEzNmUtNGNjM2Q4MDQ1MTU1L3cxc2l6aWlzaWppd21qbXZtZGN2bXR1dm10aXZuZHF2bmRldnptbXhtbW5teXp5dG56ZzVtaTAwbW12a2x3ZTF5dGN0eWpnMm1kamhvZHJteXpteGx6ZXduZGd6bHRld21keTRtaTB6bG5idXp5amR4cSJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=2381f1f90df0fbd9" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/1faef5a4-ccfc-4bf6-bfd2-962b4d3cf3d3/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-1faef5a4-ccfc-4bf6-bfd2-962b4d3cf3d3-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Rustik Juco Shoppingbag Large</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Den rustika stora tygväskan som får plats med mer än vad du tror. Denna stora shoppingbag är gjord av jute och bomull, och rymmer hela 52 liter. Den perfekta följeslagaren för dig som behöver det extra utrymmet när du är på äventyr eller på shoppingrundan. 
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">138,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/ryggsackar/urban-backpack?color_group_id=c556ce9b-7b80-4a53-9722-fb3e3950b5c2">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-3b8f0d5d-0c8d-4e01-ac69-d6276bf3e8b9" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="3b8f0d5d-0c8d-4e01-ac69-d6276bf3e8b9">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Stadsvana ryggsäckar med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTQvNTYvMzkvNjg4YWQyNDMtNmYyZS00MjM4LTg4ODktZjRjOGM4MTAwZDc2L3cxc2l6aWlzaWppd210Z3ZtZHF2bWpxdm10eXZtamF2bnR5dm5nbTVuZ2ZsbnphdG56YzFtaTAwbTJxeWx3ZXptemV0eWphMm56eTFtam5oeWphNWx6Z3huemd0bmppeW9kYXRtczV3Ym1jaXh2MCJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=65e235dbddf12d56" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/3b8f0d5d-0c8d-4e01-ac69-d6276bf3e8b9/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-3b8f0d5d-0c8d-4e01-ac69-d6276bf3e8b9-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Urban Backpack</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Trendig stadsryggsäck i snygg design. Väskorna har huvudfack och framficka med blixtlås och även öppning på baksidan med blixtlås. Det finns en vadderad innerficka för surfplatta eller mobil. Ryggsäckens baksida är vadderad vilket även de justerbara remmarna är. Beställ stads ryggsäckar med egen logga.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">219,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>

  

  <div
    class="twd-group/productGroup twd-h-full twd-w-full twd-bg-theme-light-gray twd-pb-2 sm:twd-flex
          sm:twd-flex-col twd-rounded-md hover:twd-shadow-lg hover:twd-cursor-pointer"
    data-controller="turbo-frame"
    data-action="mouseenter->turbo-frame#load">
    <a class="product-link twd-text-decoration-none twd-h-full" href="https://medtryck.com/kylvaskor/kylvaska-jute?color_group_id=58743da2-72cc-4e94-bb93-e31bc05abc6b">
      <div class="twd-h-full twd-flex twd-flex-col twd-relative">
        <div class="twd-relative twd-w-full twd-aspect-1">
          <div class="twd-px-2 twd-pt-2 twd-mb-[5px] twd-flex twd-justify-between twd-items-center twd-absolute twd-top-0 twd-w-full">
            <div class="twd-h-5">
              <img srcset="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=8eb7eb474da3c5d8 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDkvMDE5YzY4OWItNjJiOS00MjE3LWE2YzMtYjFiMzcyM2Y2MDE5L3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm13MHdkd2w1enpkcWV2OWxhdjl0YjI5a2xuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=1abadb58f846a043 2x" alt="Ki-mood" class="twd-h-full">
            </div>
            <div id="product-98e81590-9a3c-49d6-9f5f-666e168e8cc2" class="twd-z-[7] twd-absolute twd-right-1 twd-transition twd-ease-in-out twd-delay-150 hover:-twd-translate-z-1 hover:twd-scale-150 twd-duration-300">
              <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
                   class="twd-fill-white twd-size-5 twd-small-scaling-transition twd-drop-shadow-md
                        icon-heart [&.icon-heart-filled]:twd-fill-favorite [&.icon-heart-filled]:twd-text-favorite"
                   data-controller="products--heart"
                   data-favorites-target="iconHeart" data-action="click->products--favorites#toggleFavorite" data-pid="98e81590-9a3c-49d6-9f5f-666e168e8cc2">
                <path d="M34.7342 7.68296C33.8829 6.8313 32.8722 6.1557 31.7598 5.69476C30.6473 5.23383 29.455 4.99658 28.2509 4.99658C27.0467 4.99658 25.8544 5.23383 24.7419 5.69476C23.6295 6.1557 22.6188 6.8313 21.7675 7.68296L20.0009 9.44962L18.2342 7.68296C16.5147 5.96347 14.1826 4.99747 11.7508 4.99747C9.31913 4.99747 6.987 5.96347 5.26752 7.68296C3.54803 9.40245 2.58203 11.7346 2.58203 14.1663C2.58203 16.598 3.54803 18.9301 5.26752 20.6496L7.03418 22.4163L20.0009 35.383L32.9675 22.4163L34.7342 20.6496C35.5858 19.7984 36.2614 18.7876 36.7224 17.6752C37.1833 16.5628 37.4206 15.3704 37.4206 14.1663C37.4206 12.9621 37.1833 11.7698 36.7224 10.6574C36.2614 9.54493 35.5858 8.53422 34.7342 7.68296Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
              </svg>
            </div>
          </div>
          <div class="group-hover/productGroup:twd-opacity-20 twd-w-full twd-h-full">
              <img alt="Kylväskor i flera storlekar i jute med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvMjcvNTYvM2E5ZjhhMWYtOTllOS00ZTI5LTk0MmYtNjRjMDVmZWI3Y2FjL3cxc2l6aWlzaWppd210Z3ZtZGN2bXR5dm1qbXZtemN2bWppdm0ybmhuenUzbWRpdG56dmp6YzAweXpreWx3amx5dGd0bWdlMG9kYzVtem5tbTJmaWx6ZzJtemN0bmpjM290cXVjZzVuaWwxZCJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=5fe18e744b01dd79" />
          </div>
          <div class="twd-collapsible twd-collapsed group-hover/productGroup:twd-uncollapsed twd-absolute twd-top-7 twd-max-h-[90%] twd-overflow-hidden twd-w-full"><div class="twd-overflow-hidden ">
            <turbo-frame data-src="/products/98e81590-9a3c-49d6-9f5f-666e168e8cc2/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-98e81590-9a3c-49d6-9f5f-666e168e8cc2-details"></turbo-frame>
</div></div>        </div>
        <div class="twd-flex-grow twd-mt-[6%] twd-px-[5%] twd-flex-col twd-justify-between twd-items-start twd-gap-2 twd-flex">
          <div class="twd-text-primary twd-text-lg twd-font-circular-medium twd-leading-normal twd-subpixel-antialiased">Kylväska Jute</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Kylväskor i klassisk form av annorlunda material i jute. Framfickan och handtagen är i bomull. Huvudfacket är kylisolerat och har blixtlåsstängning. Finns i flera storlekar. Beställ jute kylväskor med eget tryck.
            </div>
          <div class="twd-flex twd-justify-between twd-items-center twd-w-full">
                <div></div>
            <div class="twd-text-right twd-text-delta twd-text-sm">115,00 kr</div>
          </div>
        </div>
      </div>
</a>  </div>



</template></turbo-stream>
  <turbo-stream action="update" target="more-products"><template>
    

  <div data-controller="load-more" id="more-products" class="more-products peer-[:not(.twd-hidden)]:twd-hidden">
    <a class="twd-group" data-turbo-stream="true" data-action="click-&gt;load-more#addLoadingState" data-load-more-target="button" href="/brands/ki-mood?page=1">
      <div class="twd-cursor-pointer twd-mt-5 twd-bg-black hover:twd-shadow-md twd-rounded-md twd-flex twd-justify-center twd-items-center twd-w-full twd-h-10">
        <div class="twd-text-white twd-leading-none group-[.loading]:twd-hidden">
          Visa fler produkter
          (16 st)
        </div>
        <div class="twd-hidden group-[.loading]:twd-block">

<div class="twd-h-full twd-w-full twd-flex twd-justify-center twd-items-center">
  <div class="twd-flex twd-justify-between *:twd-w-1.5 *:twd-h-1.5 twd-gap-x-1 *:twd-bg-white *:twd-rounded-full">
      <div style="animation: bounce-small 1.5s infinite; animation-delay: 0s;"></div>
      <div style="animation: bounce-small 1.5s infinite; animation-delay: 0.3s;"></div>
      <div style="animation: bounce-small 1.5s infinite; animation-delay: 0.6s"></div>
  </div>
</div>
</div>
      </div>
</a>  </div>

</template></turbo-stream>

</div>
</div>

</main>

<div class="twd-fixed twd-right-2 sm:twd-right-4 md:twd-right-6 lg:twd-right-7 twd-bottom-8 twd-z-20 twd-flex twd-justify-end *:twd-cursor-pointer" data-controller="floating-buttons">
  <div class="twd-flex twd-flex-col twd-gap-y-2 sm:twd-gap-y-3 twd-items-center">
    <div class="twd-relative twd-z-40 twd-drop-shadow-xl twd-cursor-pointer twd-rounded-full
            twd-size-10 medtryck-gradient-animation">
  <div data-action="click->cart#handleCustomerSupportClick" class="twd-size-10 twd-flex twd-justify-center twd-items-center twd-rounded-full">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="twd-size-6 twd-fill-white">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"></path>
</svg>

  </div>
</div>


    <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
         class="hover:twd-fill-theme-gray twd-fill-white twd-w-10 twd-transition-all
                hover:twd-w-8 hover:xs:twd-w-9 twd-drop-shadow-md" id="scroll-up-svg"
         data-action="click->floating-buttons#handleScrollUpClick">
      <path d="M19.9987 36.6668C29.2034 36.6668 36.6654 29.2049 36.6654 20.0002C36.6654 10.7954 29.2034 3.3335 19.9987 3.3335C10.794 3.3335 3.33203 10.7954 3.33203 20.0002C3.33203 29.2049 10.794 36.6668 19.9987 36.6668Z" stroke="currentColor" stroke-width="2" />
      <path d="M26.6654 20.0002L19.9987 13.3335L13.332 20.0002" stroke="currentColor" stroke-width="2" />
      <path d="M20 26.6668V13.3335" stroke="currentColor" stroke-width="2" />
    </svg>
  </div>
</div>

  <footer data-controller="footer" class="twd-group twd-bg-black !twd-text-white
   [&_a]:!twd-text-white sm:twd-fixed sm:twd-bottom-0 sm:twd-left-0 sm:twd-z-1 sm:twd-w-full">
    <div class="twd-h-full twd-w-full twd-px-4 xs:twd-px-6 lg:twd-px-10 xl:twd-px-12 2xl:twd-px-16 twd-max-w-screen-4xl twd-mx-auto "><div class="twd-w-full twd-h-full ">
      <div class="top-footer-links twd-pt-[1.6%]
                  [&_*.headline>a]:twd-font-medium
                  sm:[&_*.headline]:twd-mb-[8%] sm:[&_*.subheadline]:twd-mt-[20%]
                  max-sm:[&_*.links]:twd-border-b-[1px] max-sm:[&_*.links]:twd-border-theme-gray
                  max-sm:[&_*.outer]:twd-height-auto
                  max-sm:[&_*.inner]:twd-relative
                  max-sm:[&_*.links>.links-contents]:twd-pb-[2%]
                  max-sm:[&_*.headline]:twd-py-[5%] max-sm:[&_*.headline]:twd-cursor-pointer
                  max-sm:[&_*.headline>.move-icon]:twd-float-right
                  max-sm:[&_*.headline]:twd-text-xl max-sm:[&_*.subheadline]:twd-mt-[10%]">
        <div class="twd-flex twd-flex-wrap">
          <div class="sm:twd-w-1/5 twd-w-full menu-section twd-group/about-us">
            <div class="headline">
              <a href="/om-medtryck">Om Medtryck</a>
              <span class="move-icon sm:twd-hidden twd-inline">
                <span data-action="click->footer#toggle">
                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/about-us:twd-hidden twd-inline">
  <path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path>
</svg>

                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/about-us:twd-inline twd-hidden">
  <path fill-rule="evenodd" d="M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path>
</svg>

                </span>
            </span>
            </div>
            <div class="links">
              <div class="twd-collapsible links-contents twd-collapsed group-[:has(.headline.active)]/about-us:twd-uncollapsed sm:twd-uncollapsed twd-uncollapsed-transition"><div class="twd-overflow-hidden ">
                <ul class="footer-menu list-unstyled *:twd-span hover:*:twd-underline *:twd-mt-1">
                  <li class="sm:twd-hidden twd-block"><a href="/om-medtryck">Om Medtryck</a></li>
                  <li><a href="https://medtryck.com/om-medtryck#vora-policies">Kvalitetspolicy</a></li>
                  <li><a href="https://medtryck.com/om-medtryck#miljopolicy">Miljöpolicy</a></li>
                  <li><a href="https://medtryck.com/om-medtryck#nojd-kundgaranti">Nöjd kundgaranti</a></li>
                  <li><a href="https://medtryck.com/om-medtryck#referenser">Referenser</a></li>
                  <li><a href="https://medtryck.com/om-medtryck#vilka-ar-vi">Vilka är vi</a></li>
                  <li><a href="https://medtryck.com/om-medtryck#jobba-hos-oss">Jobba hos oss</a></li>
                </ul>
                <div class="subheadline">
                  <ul class="footer-menu list-unstyled *:twd-span hover:*:twd-underline *:twd-mt-1">
                    <li><a href="https://medtryck.com/allmanna-villkor">Allmänna Villkor</a></li>
                    <li><a href="https://medtryck.com/sponsring">Sponsring</a></li>
                  </ul>
                </div>
</div></div>            </div>
          </div>
          <div class="sm:twd-w-1/5 twd-w-full menu-section twd-group/customer-support">
            <div class="headline">
              <a href="/kundsupport">Kundsupport</a>
              <span class="move-icon sm:twd-hidden twd-inline ">
                <span data-action="click->footer#toggle">
                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/customer-support:twd-hidden twd-inline">
  <path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path>
</svg>

                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/customer-support:twd-inline twd-hidden">
  <path fill-rule="evenodd" d="M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path>
</svg>

                </span>
              </span>
            </div>
            <div class="links">
              <div class="twd-collapsible links-contents twd-collapsed group-[:has(.headline.active)]/customer-support:twd-uncollapsed sm:twd-uncollapsed twd-uncollapsed-transition"><div class="twd-overflow-hidden ">
                <ul class="footer-menu list-unstyled *:twd-span hover:*:twd-underline *:twd-mt-1">
                  <li class="sm:twd-hidden twd-block"><a href="/kundsupport">Kundsupport</a></li>
                  <li><a href="https://medtryck.com/kundsupport#faqs">FAQ - Frågor och svar</a></li>
                  <li><a href="https://medtryck.com/kundsupport#shopping-steps">Så handlar du</a></li>
                  <li><a href="https://medtryck.com/kundsupport#ordlista">Ordlista</a></li>
                </ul>
</div></div>            </div>
          </div>
          <div class="sm:twd-w-1/5 twd-w-full menu-section twd-group/contact-us">
            <div class="headline">
              <a href="https://medtryck.com/kundsupport#contact-us">Kontakta Oss</a>
              <span class="twd-inline sm:twd-hidden move-icon">
                <span data-action="click->footer#toggle">
                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/contact-us:twd-hidden twd-inline">
  <path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path>
</svg>

                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/contact-us:twd-inline twd-hidden">
  <path fill-rule="evenodd" d="M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path>
</svg>

                </span>
              </span>
            </div>
            <div class="links">
              <div class="twd-collapsible links-contents twd-collapsed group-[:has(.headline.active)]/contact-us:twd-uncollapsed sm:twd-uncollapsed twd-uncollapsed-transition"><div class="twd-overflow-hidden ">
                <ul class="footer-menu list-unstyled *:twd-span hover:*:twd-underline *:twd-mt-1">
                  <li class="sm:twd-hidden twd-block"><a href="https://medtryck.com/kundsupport#contact-us">Kontakta Oss</a>
                  <li><a href="https://medtryck.com/kundsupport#contact-us">Ring/maila oss</a></li>
                  <li><a href="https://medtryck.com/kundsupport#contact-us">Chatta med oss</a></li>
                  <li><a href="https://medtryck.com/kundsupport#contact-us">Besök Oss</a></li>
                </ul>
</div></div>            </div>
          </div>
          <div class="sm:twd-w-1/5 twd-w-full menu-section twd-group/my-pages">
            <div class="headline">
              <a rel="nofollow" href="/mina-sidor/aktuellt">Mina sidor</a>
              <span class="twd-inline sm:twd-hidden move-icon ">
                <span data-action="click->footer#toggle">
                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/my-pages:twd-hidden twd-inline">
  <path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path>
</svg>

                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/my-pages:twd-inline twd-hidden">
  <path fill-rule="evenodd" d="M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path>
</svg>

                </span>
              </span>
            </div>
            <div class="links">
              <div class="twd-collapsible links-contents twd-collapsed group-[:has(.headline.active)]/my-pages:twd-uncollapsed sm:twd-uncollapsed twd-uncollapsed-transition"><div class="twd-overflow-hidden ">
                <ul class="footer-menu list-unstyled *:twd-span hover:*:twd-underline *:twd-mt-1">
                  <li class="sm:twd-hidden twd-block"><a rel="nofollow" href="/mina-sidor/aktuellt">Mina sidor</a>
                  <li><a rel="nofollow" href="/mina-sidor/login">Logga in</a></li>
                  <li><a rel="nofollow" href="/mina-sidor/losenord/new">Glömt lösenord</a></li>
                </ul>
</div></div>            </div>
          </div>
          <div class="sm:twd-w-1/5 twd-w-full menu-section twd-group/my-pages">
            <div class="headline">
              <a href="#">Följ med bakom kulisserna</a>
              <span class="twd-inline sm:twd-hidden move-icon ">
                <span data-action="click->footer#toggle">
                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/my-pages:twd-hidden twd-inline">
  <path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path>
</svg>

                  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-h-6 twd-w-6 group-[:has(.headline.active)]/my-pages:twd-inline twd-hidden">
  <path fill-rule="evenodd" d="M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path>
</svg>

                </span>
              </span>
            </div>
            <div class="links">
              <div class="twd-collapsible links-contents twd-collapsed group-[:has(.headline.active)]/my-pages:twd-uncollapsed sm:twd-uncollapsed twd-uncollapsed-transition"><div class="twd-overflow-hidden ">
                <ul class="footer-menu list-unstyled *:twd-span hover:*:twd-underline *:twd-mt-1">
                  <li>
                    <a rel="nofollow" target="_blank" href="/blog">
                      <div class="twd-flex twd-items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="twd-size-4">
  <path d="M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-8.4 8.4a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32l8.4-8.4Z"></path>
  <path d="M5.25 5.25a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3V13.5a.75.75 0 0 0-1.5 0v5.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5V8.25a1.5 1.5 0 0 1 1.5-1.5h5.25a.75.75 0 0 0 0-1.5H5.25Z"></path>
</svg>

                        <div class="twd-ml-2">Medtryck Blogg</div>
                      </div>
</a>                  </li>
                  <li>
                    <a target="_blank" href="https://www.instagram.com/medtryck/">
                      <div class="twd-flex twd-items-center">
                        <img class="twd-size-4" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/instagram-a22ef02fd85e57f04a659c362a373cc1dc0c4a71d07ed5bec0e51c3616e95e96.webp" />
                        <div class="twd-ml-2">Instagram</div>
                      </div>
</a>                  </li>
                  <li>
                    <a target="_blank" href="https://www.facebook.com/medtryck">
                      <div class="twd-flex twd-items-center">
                        <img class="twd-size-4" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/facebook-logo-e4f800e0d10a646d1911a5463b1659d35172b430b109921360f455e51e4f2f80.svg" />
                        <div class="twd-ml-2">Facebook</div>
                      </div>
</a>                  </li>
                  <li>
                    <a target="_blank" href="https://www.linkedin.com/company/medtryck.com">
                      <div class="twd-flex twd-items-center">
                        <img class="twd-size-4" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/linkedin-logo-9b13306fd1700b7f9184b85c413ebb9e7eef5c172ae485c802f1c19260bc0640.svg" />
                        <div class="twd-ml-2">LinkedIn</div>
                      </div>
</a>                  </li>
                </ul>
</div></div>            </div>
          </div>
        </div>
      </div>
      <div class="twd-flex twd-justify-between twd-items-center [&_img]:twd-inline twd-mt-[3%]">
        <div class="twd-flex twd-items-center sm:twd-gap-10 twd-gap-6">
          <div class="max-xs:twd-h-8 twd-h-11 sm:twd-h-14 lg:twd-h-16 twd-w-auto">
            <img alt="DI Gasell" class="twd-h-full twd-w-auto twd-object-contain" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/awards/di-gasell-7024210020fc708663ac4118167304c14949a653bcd46b8e7a595e8971413eb9.png" />
          </div>
          <div class="max-xs:twd-h-8 twd-h-11 sm:twd-h-14 lg:twd-h-16 twd-w-auto">
            <img alt="AAA" class="twd-h-full twd-w-auto twd-object-contain" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/awards/aaa-4f498ee004b4edd85513df0de7fdee5493f803e3e1b0a8f87aa2091a57dae6d3.png" />
          </div>
          <div class="max-xs:twd-h-8 twd-h-11 sm:twd-h-14 lg:twd-h-16 twd-w-auto">
            <img alt="SBcert" class="twd-h-full twd-w-auto twd-object-contain" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/awards/sb-cert-5f1347603649e1caa0951482229320e0972e291ee509996837bde29b511dcd21.png" />
          </div>
        </div>
        <div class="twd-flex twd-flex-col twd-items-center">
          <img alt="AAA" class="twd-h-8 sm:twd-h-18 lg:twd-h-22 twd-w-auto twd-object-contain" src="https://d3c1gbjzpw0rb3.cloudfront.net/assets/front/google-size-937df4da7630f34847f7763d0886f03a32e3f81e0716c86e5abf94e00a36b4b6.jpg" />
          <div class="twd-flex twd-items-center sm:twd-gap-3 twd-gap-1">
            <div class="twd-text-orange twd-text-xl sm:twd-text-3xl">4.9</div>
            <div><div class="twd-flex"><svg class="sm:twd-size-8 twd-size-5"><defs><linearGradient id="star" x1="0%" x2="100%" y1="0%" y2="0%"><stop offset="0%" stop-color="#EE7201"></stop><stop offset="100%" stop-color="#EE7201"></stop></linearGradient></defs><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" style="fill: url(#star)">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path>
</svg>
</svg><svg class="sm:twd-size-8 twd-size-5"><defs><linearGradient id="star" x1="0%" x2="100%" y1="0%" y2="0%"><stop offset="0%" stop-color="#EE7201"></stop><stop offset="100%" stop-color="#EE7201"></stop></linearGradient></defs><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" style="fill: url(#star)">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path>
</svg>
</svg><svg class="sm:twd-size-8 twd-size-5"><defs><linearGradient id="star" x1="0%" x2="100%" y1="0%" y2="0%"><stop offset="0%" stop-color="#EE7201"></stop><stop offset="100%" stop-color="#EE7201"></stop></linearGradient></defs><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" style="fill: url(#star)">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path>
</svg>
</svg><svg class="sm:twd-size-8 twd-size-5"><defs><linearGradient id="star" x1="0%" x2="100%" y1="0%" y2="0%"><stop offset="0%" stop-color="#EE7201"></stop><stop offset="100%" stop-color="#EE7201"></stop></linearGradient></defs><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" style="fill: url(#star)">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path>
</svg>
</svg><svg class="sm:twd-size-8 twd-size-5"><defs><linearGradient id="star90" x1="0%" x2="100%" y1="0%" y2="0%"><stop offset="0%" stop-color="#EE7201"></stop><stop offset="90%" stop-color="#EE7201"></stop><stop offset="91%" stop-color="#EE7201"></stop><stop offset="100%" stop-color="#D9D9D9"></stop></linearGradient></defs><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" style="fill: url(#star90)">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path>
</svg>
</svg></div></div>
          </div>
        </div>
      </div>
      <div class="bottom twd-mt-[3%] twd-mb-[2.9%] max-sm:twd-pb-[7%] twd-flex twd-flex-wrap">
        <div class="sm:twd-w-1/2 lg:twd-w-2/5 twd-w-full *:twd-small">
          <small class="twd-inline-block sm:twd-hidden">©</small>
          <small>Medtryck Sverige AB</small>
          <small class="twd-hidden sm:twd-inline-block">, Söder Mälarstrand 65, 118 25 Stockholm</small>
        </div>
        <div class="twd-flex twd-justify-around sm:twd-w-1/2 lg:twd-w-3/5">
          <div class="twd-hidden sm:twd-inline-block">
            <small class="twd-small">08 - 30 37 00</small>
          </div>
          <div class="twd-hidden sm:twd-inline-block">
            <small class="twd-small">556799-4529</small>
          </div>
          <div class="twd-hidden sm:twd-inline-block">
            <small class="twd-small">© 2026</small>
          </div>
        </div>
      </div>
</div></div>  </footer>

</div>


</body></html>