<!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://medtryck.com/brands/tee-jays' property='og:url'>
<meta content='summary_large_image' name='twitter:card'>
<link href='https://medtryck.com/brands/tee-jays' 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="4L4zYTLaFYqjYEu7SABx6EQrOrC_BGauXeA2pqLThmrrL1bERl3UMlaqAh6MfIst0b9tD3Ols6z5hkBlC82-lw" />

<!-- 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.184" == '62.63.198.66') return; // office IP
  
    dataLayer.push({ 'event': 'pageView', 'virtualUrl': window.location.href });
    dataLayer.push({ 'ip': "216.73.216.184" });
  
    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://medtryck.com/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://medtryck.com/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://medtryck.com/">
    <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/funktionsklader/cool-dry-t-shirt?color_group_id=f793711b-7b24-4ae7-9d34-b116ce71d323">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-60b8f5f2-5ee0-4d5b-86a8-d58f1b2c9815" 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="60b8f5f2-5ee0-4d5b-86a8-d58f1b2c9815">
                <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="Funktions t-shirts i herr- &amp; dammodell med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTEvMTgvMzkvNTM4ZTNkMmEtMTYwMy00ODhhLTlkYWQtYTkxMWU2MDA1MDBiL3cxc2l6aWlzaWppd210eXZtdGl2bWRpdm1tdHZhZ3BzeXRkbGN2ODBvZGV4eHpteW1qYXhsbmJ1enlqZHhxIl0sWyJwIiwiY29udmVydCIsIi1yZXNpemUgMjgyeDI4MiAtYmFja2dyb3VuZCAjZmFmYWY5IC1ncmF2aXR5IGNlbnRlciAtZXh0ZW50IDQwNHg0MDQgLWFscGhhIHJlbW92ZSIseyJmb3JtYXQiOiJqcGcifV1d?sha=ca79d47177c78535" />
          </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/60b8f5f2-5ee0-4d5b-86a8-d58f1b2c9815/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-60b8f5f2-5ee0-4d5b-86a8-d58f1b2c9815-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">Tee Jays Cool-Dry T-shirt</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Funktions t-shirts i herr- och dammodell av cooldry mikropolyester tyg med egen logga. Sporttröjorna har sportig passform och finns i många färger och storlekar. Beställ funktionströjor 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">194,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/trojor/tee-jays-contrast-zip-hoodie-herr?color_group_id=aaade0e9-4551-4ddc-9bb8-f83f2d59c594">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-84265d78-5302-4903-b8c1-36758f04efad" 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="84265d78-5302-4903-b8c1-36758f04efad">
                <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="" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTQvMTUvMjYvYmQwMTFjNTUtYjhlMC00ZDg2LWIxMmEtNjRmZDYyMjgyYmI3L3cxc2l6aWlzaWppd21qeXZtZGV2bWpjdm10Z3Ztemd2bWRtdm1qdTVvZGN5bm11dG16dTBuczAweW12bGx3aTB5aml0bXRqaW1kdXpuZ215bndlMGx6ZXduenkzbHRld25kZTFtczB5bWk1d2JtY2l4djAiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=f494a1c2062b8297" />
          </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/84265d78-5302-4903-b8c1-36758f04efad/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-84265d78-5302-4903-b8c1-36758f04efad-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">Tee Jays Contrast Zip Hoodie Herr</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Figurnära fullzip hoodie med kontrasterande snören och nackband för en stilren look. Elastiska muddar och midjeribb ger bra passform, och det slitstarka bomulls-/polyestertyget med dubbelinfärgning säkerställer långvariga färger och hållbarhet.   
            </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">474,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/jackor/tee-jayz-urban-lite-jacket?color_group_id=d05b422a-eb4a-4bfa-998e-e3231d658d56">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-0102ec07-8c55-4c69-b095-179fedb350a2" 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="0102ec07-8c55-4c69-b095-179fedb350a2">
                <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="" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTQvMTUvMzEvNDljNzE0YzctYzBkMy00OTViLWFhYjItODUxZmE4YTQ3YTgxL3cxc2l6aWlzaWppd21qeXZtZGV2bWpjdm10Z3ZuZGV2bmRjdm13dXd5am0wbmRxdG4ybTBuczAweTJyaGx3ZTVuZHF0bmRhem1qYmxtdHk0bWd2aWx6ZXduenk0bHRld25kZTJtYzB6bXk1d2JtY2l4djAiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=45ae57404f71cc3c" />
          </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/0102ec07-8c55-4c69-b095-179fedb350a2/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-0102ec07-8c55-4c69-b095-179fedb350a2-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">Tee Jays Herr/Dam Urban Jacket</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Lätt vadderad vardagsjacka i återvunnen polyester med vattenavvisande behandling. Figursydd passform, justerbar fåll, elastiska muddar och praktiska fickor. Perfekt för övergångsväder.   
            </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">722,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/accessoarer/tee-jays-drymotion-t-shirt-herr?color_group_id=f1831173-b122-4639-88f1-0da366b59435">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-910d46e2-6ca5-486e-bed4-392083869850" 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="910d46e2-6ca5-486e-bed4-392083869850">
                <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="" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTQvMTUvNDgvNTkwZjUzMjMtMDE3Yy00NDUyLTlmMTUtYjdiMWY5MDAzZmM4L3cxc2l6aWlzaWppd21qeXZtZGV2bWpjdm10Z3Ztemt2bnRhdm1tcmhvd2kwb3RrdHl6aG15eTAwemd5M2x3ZTBvZ2l0bXptM21qemt6d3JsbXRreGx6ZXduenk1bHRld25kZTJvYzB6bG5idXp5amR4cSJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=24f9f34c53f74ab0" />
          </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/910d46e2-6ca5-486e-bed4-392083869850/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-910d46e2-6ca5-486e-bed4-392083869850-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">Tee Jays Herr/Dam DryMotion T-shirt</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Funktionell t-shirt i högpresterande polyester-/elastanblandning som ger maximal komfort och rörelsefrihet. Fukttransporterande och snabbtorkande material håller dig torr och fräsch hela dagen. Stretchig, andningsbar och lättskött.    
            </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">209,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/piketrojor/core-stretch-pik-herr-?color_group_id=5cde9904-4fe1-40ab-87ec-b1c2d0b50dd8">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-af24fd4e-6b8b-46cc-8d50-5a291887c56f" 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="af24fd4e-6b8b-46cc-8d50-5a291887c56f">
                <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="" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTQvMTcvMDAvZTQyMjEzMTgtZGM5Yy00ZTg0LWI0MjctMDQ4YWU2MWM5ODc5L3cxc2l6aWlzaWppd21qeXZtZGl2bWphdm10YXZtenF2bWRrdnpkdXlubWZqeTJ5dHpqdTFvYzAwb3Rhemx3ZTN6ZGF0bXd5NXpqamtuMm0wbTJxM2x6ZXduemd4bHRld25kbXltaTA1bG5idXp5amR4cSJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=a8af0cdb4cac71a5" />
          </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/af24fd4e-6b8b-46cc-8d50-5a291887c56f/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-af24fd4e-6b8b-46cc-8d50-5a291887c56f-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">Tee Jays Core Stretch Piké</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Premium piké i certifierad ekologisk bomull med stretch för optimal komfort och perfekt passform. Den skräddarsydda silhuetten, slitstarka minipikén och formstabila kragen gör den till ett hållbart och stilrent val för företagsuniformer och profilkläder.  
            </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">274,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/trojor/tee-jayz-essential-heavyweight-hoodie-herr-?color_group_id=7a538a06-e4ea-4621-a60b-e464c190d3ea">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-7af60dab-e7e1-44a2-abae-945c35279268" 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="7af60dab-e7e1-44a2-abae-945c35279268">
                <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="" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTQvMTYvMDkvNmYzMDdmZTQtOWY4Ny00N2ZlLWJjYTItMWZjZDFmY2FlNGY3L3cxc2l6aWlzaWppd21qeXZtZGl2bWphdm10ZXZudG12bWRjdnkybXhuemt5enRtdHl6bGh5eTAwbm12amx3aTB6ZG10empubG93cTFtZGpqemdqbWx6ZXduemd5bHRld25kbTBuaTB4bXk1d2JtY2l4djAiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=21964196c67a7a9d" />
          </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/7af60dab-e7e1-44a2-abae-945c35279268/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-7af60dab-e7e1-44a2-abae-945c35279268-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">Tee Jays Essential Heavyweight Hoodie Herr</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Tretrådig Heavyweight Hooded Sweatshirt i premium bomull och polyesterblandning med stor framficka, justerbar huva och dubbelstickade muddar. Dubbelinfärgad för långvarig färgbeständighet även vid tvätt i 60 grader.   
            </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">284,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/jackor/tee-jays-urban-element-parka?color_group_id=03de9afd-ef5a-4f0f-a01c-8e631eec1e83">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-17d56854-6dbd-4291-b09d-81d0fd3eec3a" 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="17d56854-6dbd-4291-b09d-81d0fd3eec3a">
                <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="" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTQvMTUvNTgvNmVkMzE0MWUtOWE0OS00Yzk3LWExNjEtOTM0MWY3Y2M5ZmE2L3cxc2l6aWlzaWppd21qeXZtZGl2bWphdm10aXZuZGt2bWRtdnpkYTJ5enV5end1dG1kbTBuaTAwbnpibGx3ZXp5amV0emd5NG16aXhvZ2ZrempnMmx6ZXduemd6bHRld25kbTVvYzV3Ym1jaXh2MCJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=98a3dcdc22db2d80" />
          </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/17d56854-6dbd-4291-b09d-81d0fd3eec3a/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-17d56854-6dbd-4291-b09d-81d0fd3eec3a-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">Tee Jays Herr/Dam Urban Element Parka</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              En lång och stilren stadsjacka designad för den moderna affärsmannen och affärskvinnan. Den är tillverkad i ett stretchigt, vattentätt material och isolerad med premiumfoder från DuPont™ Sonora Aura som ger lätt och behaglig värme. Ett självklart val för urbana affärsresor och en aktiv vardag.    
            </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">1 179,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/piketrojor/stripe-stretch-polo?color_group_id=8a910eaa-e4b5-4806-b125-5b5c5ed9271f">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-2d25d1fc-dffe-4c5c-ad4f-a801d00175e5" 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="2d25d1fc-dffe-4c5c-ad4f-a801d00175e5">
                <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="Lyxiga pikéer med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvNDcvMjMvM2Q3ZjM0MjgtNzdlYS00ZDZiLTkxMTYtYWUxZGE5ODE0Njg5L3cxc2l6aWlzaWppd210Z3ZtdGF2bWR1dm10cXZuZGl2bXRndm5tempvZ3JsbWpndG10bXhueTAwenRsaGx3aTJ5bXF0enRya24yZmttZGt5eXRsa2x6a3dtZHl0dHMxY2JnZmphMWRvYXhybGxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=dab214644b593a32" />
          </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/2d25d1fc-dffe-4c5c-ad4f-a801d00175e5/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-2d25d1fc-dffe-4c5c-ad4f-a801d00175e5-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">Tee Jays Stripe Stretch Polo</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Pikétröjor med randiga detaljer på krage och ärmslut i herr- och dammodell. Pikéerna har flatstickad krage i lycra och är förbehandlad för att motverka krympning. Beställ smårandiga bomulls pikéer 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">255,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/jackor/zepelin-jacket?color_group_id=70e7fe71-0c42-4857-b46e-acdc24215338">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-3f5836cd-1812-4630-a52f-6c1bb662073c" 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="3f5836cd-1812-4630-a52f-6c1bb662073c">
                <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="Huvlösa jackor med reklamlogo" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvNDcvMzQvNTQwOWUyNmQtN2JlMi00MzM3LWJmMjAtOTA5MDA1NzVhOGZkL3cxc2l6aWlzaWppd210Z3ZtdGF2bWRndm10ZXZudHl2bWRpdnpkbmtvdGxtend1dG9kZzB5eTAwbWpxd2x3aXpvdHV0bXRtMG1qY3p6bW5ob2dmamx6a3dtdHF0dHMxY2JnZmpheTV3Ym1jaXh2MCJdLFsicCIsImNvbnZlcnQiLCItcmVzaXplIDI4MngyODIgLWJhY2tncm91bmQgI2ZhZmFmOSAtZ3Jhdml0eSBjZW50ZXIgLWV4dGVudCA0MDR4NDA0IC1hbHBoYSByZW1vdmUiLHsiZm9ybWF0IjoianBnIn1dXQ?sha=19c634d5dabc4615" />
          </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/3f5836cd-1812-4630-a52f-6c1bb662073c/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-3f5836cd-1812-4630-a52f-6c1bb662073c-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">Zepelin Jacket</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Vadderade jackor som finns i herr- och dammodell. Jackorna är vindtåliga och vattenavvisande med material som har god andningsförmåga. Flera praktiska fickor finns och krage. Beställ vadderade jackor 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">669,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/jackor/zepelin-vest?color_group_id=2d212bf1-004f-447c-8e72-6de25e09f59b">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-0c3a75d5-32e1-42c5-86a2-9cf6eb695d42" 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="0c3a75d5-32e1-42c5-86a2-9cf6eb695d42">
                <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="Fodrade västar med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvNDcvNDMvNzdhNjhmNmEtZWVkOC00NzU2LThmOTktOTkyYmY3M2U4MmIyL3cxc2l6aWlzaWppd210Z3ZtdGF2bWRndm10bXZuZHl2bWptdm1kazRtd2kwbmp5dG0ycXdtczAweW16bGx0aG1udGl0eXRhM3pqaGpuZGcweW1pNWx6a3dtdHl0dHMweGxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=a2f52964af4cc47a" />
          </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/0c3a75d5-32e1-42c5-86a2-9cf6eb695d42/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-0c3a75d5-32e1-42c5-86a2-9cf6eb695d42-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">Zepelin Vest</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Fodrade västar med ståkrage i herr- och dammodell. De figursydda västarna är vindtåliga och vattenavvisande. Flera fickor finns: 2 sidfickor och en innerficka. En varm och snygg bodywarmer. Beställ vadderade västar 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">507,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/jackor/crossover-jacket?color_group_id=eb2d4087-0f18-4c1f-b80a-6770045c978c">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-dad0edd0-c078-401a-8b21-6f0879bc5ce4" 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="dad0edd0-c078-401a-8b21-6f0879bc5ce4">
                <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="Mångsidig jacka med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvNDgvMDMvYTk2MzljNTktNWI2Yy00NTI4LThmN2MtNjBmMGViMjYyYzg3L3cxc2l6aWlzaWppd210Z3ZtdGF2bWRndm10cXZtem12bWpldnl0ZXl6Z25pb3d5dG5qbTBueTAwbnd5emx3aTB5bXV0emp2bHlqZGx6dHV6b2R1eGx6a3dtdGN0dHMwMWxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=1ead7434d8cf248e" />
          </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/dad0edd0-c078-401a-8b21-6f0879bc5ce4/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-dad0edd0-c078-401a-8b21-6f0879bc5ce4-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">Crossover Jacket</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Jacka i nylon med partier i softshell. De vadderade jackorna finns i herr- och dammodell, är figursydda och har blixtlås i extra bra kvalitet. En snygg och lite sportig jacka. Beställ kombinations jackor 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">729,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/jackor/hooded-crossover-jacket?color_group_id=fee3eb4d-6b19-4607-85c0-2419b7e1b759">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-5db0a422-0b01-4539-95ca-135f3c99590b" 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="5db0a422-0b01-4539-95ca-135f3c99590b">
                <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="Jackor i olika material med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvNDcvNDcvZDQxMWRmOGYtNzUyMi00N2UxLWJjMDYtMDY4MDIyNjZiMDcxL3cxc2l6aWlzaWppd210Z3ZtdGF2bWRndm10cXZudHF2bXRxdm1kaXl6amd5bm1ldHpncmp5czAwbXR5emx0azFuMnV0eXppNG10azN6d3Jtbmpqamx6a3dtdGd0dnkweGxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=1184410d8a5f63cc" />
          </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/5db0a422-0b01-4539-95ca-135f3c99590b/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-5db0a422-0b01-4539-95ca-135f3c99590b-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">Hooded Crossover Jacket</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Jackor i polyester och softshell som finns i herr- och dammodell. Huvjackorna är figursydda och har ett flertal fickor. Ärmsluten är elastiska. Beställ hybrid jackor 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">760,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/jackor/crossover-bodywarmer?color_group_id=a114e2e0-e761-46b7-95f2-15d0c113ee4b">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-4a464054-6559-490d-82c4-39c673901214" 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="4a464054-6559-490d-82c4-39c673901214">
                <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="Varma västar med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvNDcvNTIvNTM4MGEyZDQtNDljMi00ZWYwLTgxMzYtOGYxNGQzNWFhNDg2L3cxc2l6aWlzaWppd210Z3ZtdGF2bWRrdm10YXZtZGV2bWRhdm90eTNtdHZpbm15dG1teTVuaTAwbjJ6bWx3aTR6bWl0bndld293dXd5MnZqbm15eWx6a3dtdGt0dHMweGxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=44cc1e45e070142b" />
          </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/4a464054-6559-490d-82c4-39c673901214/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-4a464054-6559-490d-82c4-39c673901214-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">Crossover Bodywarmer</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Västar i lättviktsmaterial på utsidan med vaddering i softshellpolyester. Finns i herr- och dammodell som båda har shaped fit passform och är både vind- och vattenavvisande. Riktigt fina och bekväma att bära. Beställ västar 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">536,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/jackor/aspen-fleecejacka?color_group_id=e3fd60d5-5256-4ad0-aae7-f0d866f81383">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-eb04d173-a14f-45b8-872d-cbb3eef37167" 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="eb04d173-a14f-45b8-872d-cbb3eef37167">
                <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="Fina fleecejackor från Tee Jays med reklamlogo" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvNTAvNDkvMzYyY2EyNjUtNzhiMy00NDc0LWE4ZDAtY2RlNmUzNzUxNDg5L3cxc2l6aWlzaWppd210Z3ZtdGF2bXR1dm1ka3ZtZGl2bWptdnl6dTR5MnJobXRndHp3eTJteTAwbWRheGx3aTRuamF0bmRnM3l0dmhud3F4bmd6aGx6a3duam10dHMweGxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=c8cfc3dadd545cf9" />
          </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/eb04d173-a14f-45b8-872d-cbb3eef37167/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-eb04d173-a14f-45b8-872d-cbb3eef37167-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">Aspen Fleecejacka</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Funktions fleecejackor i herr- och dammodell. Jackorna har modern passform och är i fin kvalitet. Borstad insida och 2 praktiska sidfickor med blixtlås. Beställ sport fleece jackor 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">567,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/trojor/two-tone-hooded-sweat?color_group_id=07a07b12-c003-42d4-a010-df013e3a098e">
      <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/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDMwXHUwMDNlIl1d?sha=f46ac7e4daac4af2 1x, https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDQvMjMvNTQvNDEvZjZiNTI0NzUtM2JlNy00OTM5LWI2MzctZGZlNjcyNmI4NTgxL3cxc2l6aWlzaWppd210cXZtdGF2bXRjdm5tOHlueGEzemhiMm4xOXV6d3ZreXhsemxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLWNvbG9yc3BhY2UgR3JheSJdLFsicCIsInRodW1iIiwieDYwXHUwMDNlIl1d?sha=e1b6e1dc3b2fb93a 2x" alt="Tee Jays" class="twd-h-full">
            </div>
            <div id="product-154ee755-6eda-42d1-8d91-8fe77580d92f" 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="154ee755-6eda-42d1-8d91-8fe77580d92f">
                <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="2-tonade huvtröjor med reklamtryck" class="twd-w-full twd-h-full twd-object-contain twd-rounded-md" src="https://d3c1gbjzpw0rb3.cloudfront.net/media/W1siZiIsIjIwMjYvMDgvMDUvMTUvNTAvNTkvMjkyN2Q3ODktYzliNC00YjY5LTkwNmItZWUzZWNmMjhkZWVhL3cxc2l6aWlzaWppd210Z3ZtdGF2bXR1dm1ka3ZuZGl2bWp1dnpkYXd6ZHZobXp1dG4yeTRuYzAwempybWx3aTJ6bWV0endleXptcmltZHkzbmpleGx6a3duanV0dHMweGxuYnV6eWpkeHEiXSxbInAiLCJjb252ZXJ0IiwiLXJlc2l6ZSAyODJ4MjgyIC1iYWNrZ3JvdW5kICNmYWZhZjkgLWdyYXZpdHkgY2VudGVyIC1leHRlbnQgNDA0eDQwNCAtYWxwaGEgcmVtb3ZlIix7ImZvcm1hdCI6ImpwZyJ9XV0?sha=dac87f1d235392a7" />
          </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/154ee755-6eda-42d1-8d91-8fe77580d92f/partial_content" data-turbo-frame-target="turboFrameToLoad" id="product-154ee755-6eda-42d1-8d91-8fe77580d92f-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">Two-Tone Hooded Sweat</div>
            <div class="twd-text-secondary twd-text-xs sm:twd-text-sm twd-leading-tight twd-line-clamp-2">
              Huvtröjor i grått med kontrasterande färg på ärmar och nederdel. Dessa hoodies är en modell som har mjuk, borstad insida och är ribbad med lycra. Fin kvalitet och modern passform. Beställ tvåfärgade huvtröjor 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">380,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/tee-jays?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
          (1 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>