{"id":373867,"url":"\/products\/","layout":"standard","version":"2026-03-27T11:34:27.000000Z","blocks":[{"id":5070645,"type":"html","published":1,"size":{"x":12,"y":0},"order":11,"items":[],"properties":{"html":{"id":127441464,"value":"<div class=\"penna-flow-bg\" id=\"penna-flow-bg\">\n  <canvas class=\"penna-flow-bg__canvas\" id=\"pennaFlowCanvas\"><\/canvas>\n<\/div>\n\n<section class=\"penna-products-hero\">\n  <div class=\"penna-products-hero__inner\">\n    <span class=\"penna-products-hero__eyebrow\">Product range<\/span>\n    <h1>Discover our full range of products, available plain or custom printed.<\/h1>\n    <p>\n      Explore our extensive range of hundreds of sustainable products, meticulously crafted with eco-friendly materials and ethical practices.\n    <\/p>\n\n    <div class=\"penna-products-hero__chips\">\n      <a href=\"#mens\">Men\u2019s<\/a>\n      <a href=\"#womens\">Women\u2019s<\/a>\n      <a href=\"#kids\">Kids<\/a>\n      <a href=\"#accessories\">Accessories<\/a>\n      <a href=\"#headwear\">Headwear<\/a>\n      <a href=\"#outerwear\">Outerwear<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-products-intro\">\n  <div class=\"penna-products-intro__inner\">\n    <div class=\"penna-products-intro__card penna-products-intro__card--wide\">\n      <div>\n        <span class=\"penna-kicker\">Sustainable products<\/span>\n        <h2>Define your corporate image. Unleash style in every business moment.<\/h2>\n        <p>\n          Make a positive impact on both your corporate image and the planet, showcasing your commitment to sustainability while providing your team with high-quality, responsibly sourced attire.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"penna-products-intro__card\">\n      <span class=\"penna-kicker\">Our approach<\/span>\n      <h3>Responsible by design<\/h3>\n      <p>At our core, we believe in fashion that not only looks good but also does good for the planet.<\/p>\n    <\/div>\n\n    <div class=\"penna-products-intro__card\">\n      <span class=\"penna-kicker\">Why it works<\/span>\n      <h3>Made for events & workwear<\/h3>\n      <p>By choosing our sustainable collection for your events and workwear, your company aligns with the growing demand for environmentally conscious choices.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-featured-range\">\n  <div class=\"penna-featured-range__inner\">\n    <div class=\"penna-section-heading\">\n      <span class=\"penna-kicker\">Featured range<\/span>\n      <h2>Explore our full range of products for every brand, team and business need.<\/h2>\n      <p>Available plain or custom printed across sustainable garments and accessories.<\/p>\n    <\/div>\n\n    <div class=\"penna-featured-range__grid\">\n      <a class=\"penna-range-card penna-range-card--large\" href=\"https:\/\/penna-clothing.com\/mens-custom-clothing\/\" id=\"mens\">\n        <div class=\"penna-range-card__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/rbg2ggzsgyhetxuanwx8mrb3jzlljjxircmsvr3qdkkqzhh9.jpeg.webp?w=640&h=657&v=2\" alt=\"Men's custom clothing range\" \/>\n        <\/div>\n        <div class=\"penna-range-card__content\">\n          <span>Men\u2019s<\/span>\n          <h3>T-shirts, oversized fits, hoodies and joggers<\/h3>\n          <p>Everyday styles suited to screen print, DTG, DTF and embroidery.<\/p>\n        <\/div>\n      <\/a>\n\n      <a class=\"penna-range-card\" href=\"https:\/\/penna-clothing.com\/womens-custom-clothing\/\" id=\"womens\">\n        <div class=\"penna-range-card__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/j2o2bcduwekkfppjhe1kd03xksqxqq0qujy5quutf6n76dbi.jpeg.webp?w=640&h=657&v=2\" alt=\"Women's custom clothing range\" \/>\n        <\/div>\n        <div class=\"penna-range-card__content\">\n          <span>Women\u2019s<\/span>\n          <h3>Boxy tees, fitted staples, sweatshirts and hoodies<\/h3>\n          <p>Soft organic options designed for retail, merch and promotional use.<\/p>\n        <\/div>\n      <\/a>\n\n      <a class=\"penna-range-card\" href=\"https:\/\/penna-clothing.com\/custom-accessories\/\" id=\"accessories\">\n        <div class=\"penna-range-card__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/dqqksbxbltaqphgzw3psjdrhtxg0e9fxdegwngyos3xy8ylm.jpeg.webp?w=640&h=657&v=2\" alt=\"Custom accessories range\" \/>\n        <\/div>\n        <div class=\"penna-range-card__content\">\n          <span>Accessories<\/span>\n          <h3>Totes, mugs, stickers and add-on branded items<\/h3>\n          <p>Perfect for campaigns, gifting, events and checkout upsells.<\/p>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-category-grid\">\n  <div class=\"penna-category-grid__inner\">\n    <div class=\"penna-section-heading\">\n      <span class=\"penna-kicker\">Browse all categories<\/span>\n      <h2>Men\u2019s, Women\u2019s, Kid\u2019s, Accessories, Headwear and Outerwear.<\/h2>\n      <p>Explore the full catalog and guide customers into the right range quickly.<\/p>\n    <\/div>\n\n    <div class=\"penna-category-grid__grid\">\n      <a class=\"penna-category-tile penna-category-tile--image\" href=\"https:\/\/penna-clothing.com\/mens-custom-clothing\/\">\n        <div class=\"penna-category-tile__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/batvfk8fdyedsvtqkbirfdqy5gkkf24hfdhsmdlge1df8wrf.png.webp?w=480&h=720&v=2\" alt=\"Men\u2019s clothing\" \/>\n        <\/div>\n        <h3>Men\u2019s clothing<\/h3>\n        <p>Organic tees, oversize tees, long sleeves, hoodies, sweatshirts, shorts and joggers.<\/p>\n        <span>Explore category<\/span>\n      <\/a>\n\n      <a class=\"penna-category-tile penna-category-tile--image\" href=\"https:\/\/penna-clothing.com\/womens-custom-clothing\/\">\n        <div class=\"penna-category-tile__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/ni5d2ztlbgb7zr5czez8cfps1nonqjloh2znaubpuikaytvy.png.webp?w=480&h=720&v=2\" alt=\"Women\u2019s clothing\" \/>\n        <\/div>\n        <h3>Women\u2019s clothing<\/h3>\n        <p>Boxy fits, crew necks, vests, t-shirt dresses, jumpers, hoodies and joggers.<\/p>\n        <span>Explore category<\/span>\n      <\/a>\n\n      <a class=\"penna-category-tile penna-category-tile--image\" href=\"https:\/\/penna-clothing.com\/kids-clothing\/\" id=\"kids\">\n        <div class=\"penna-category-tile__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/sbe5ieyamcgumiekky8fog621jzfsk3w3boegwq8cf6sl5bj.png.webp?w=480&h=720&v=2\" alt=\"Kids\u2019 clothing\" \/>\n        <\/div>\n        <h3>Kids\u2019 clothing<\/h3>\n        <p>Comfortable printed basics for schools, clubs, events and family-friendly merch.<\/p>\n        <span>Explore category<\/span>\n      <\/a>\n\n      <a class=\"penna-category-tile penna-category-tile--image\" href=\"https:\/\/penna-clothing.com\/custom-accessories\/\">\n        <div class=\"penna-category-tile__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/hl8uaed0y8ttimmlb5dluzdal2upzmhxpoehrgx44j4lf45c.png.webp?w=480&h=720&v=2\" alt=\"Accessories\" \/>\n        <\/div>\n        <h3>Accessories<\/h3>\n        <p>Tote bags, mugs, stickers, puzzles and small-format add-on products.<\/p>\n        <span>Explore category<\/span>\n      <\/a>\n\n      <a class=\"penna-category-tile penna-category-tile--image\" href=\"https:\/\/penna-clothing.com\/custom-headwear\/\" id=\"headwear\">\n        <div class=\"penna-category-tile__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/hmtvdwawaoltwk3lb7a3oa551zxgyuqqx7uvczotj2saoxkg.jpeg.webp?w=480&h=720&v=2\" alt=\"Headwear\" \/>\n        <\/div>\n        <h3>Headwear<\/h3>\n        <p>Caps, beanies and easy-to-brand headwear for teams, retail and promotions.<\/p>\n        <span>Explore category<\/span>\n      <\/a>\n\n      <a class=\"penna-category-tile penna-category-tile--image\" href=\"https:\/\/penna-clothing.com\/custom-outerwaer\/\" id=\"outerwear\">\n        <div class=\"penna-category-tile__image-wrap\">\n          <img src=\"https:\/\/images.podos.io\/q7zwfuasbb0xph6xxramouwh3qbgixz5hpn4mdfktlqlhgzq.jpeg.webp?w=480&h=720&v=2\" alt=\"Outerwear\" \/>\n        <\/div>\n        <h3>Outerwear<\/h3>\n        <p>Layering pieces and practical outer garments for uniform and corporate use.<\/p>\n        <span>Explore category<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-decoration-methods\">\n  <div class=\"penna-decoration-methods__inner\">\n    <div class=\"penna-section-heading penna-section-heading--left\">\n      <span class=\"penna-kicker\">Decoration methods<\/span>\n      <h2>Choose the right decoration for your product.<\/h2>\n      <p>\n        We offer a range of high-quality decoration methods to suit different garments, quantities and use cases \u2014 from retail-ready merch to durable workwear.\n      <\/p>\n    <\/div>\n\n    <div class=\"penna-decoration-methods__grid\">\n      <div class=\"penna-method-card\">\n        <div class=\"penna-method-card__number\">01<\/div>\n        <h3>Screen print<\/h3>\n        <p>Best for bold designs and larger runs. A cost-effective option that delivers clean, long-lasting prints on t-shirts, hoodies and sweats.<\/p>\n      <\/div>\n\n      <div class=\"penna-method-card\">\n        <div class=\"penna-method-card__number\">02<\/div>\n        <h3>Embroidery<\/h3>\n        <p>Premium stitched branding for a professional finish. Ideal for workwear, uniforms, caps and outerwear where durability matters.<\/p>\n      <\/div>\n\n      <div class=\"penna-method-card\">\n        <div class=\"penna-method-card__number\">03<\/div>\n        <h3>DTF \/ DTG<\/h3>\n        <p>Perfect for detailed, full-colour designs and smaller quantities. Great for creator merch, samples and fast-turnaround projects.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-products-sustainability\">\n  <div class=\"penna-products-sustainability__inner\">\n    <div class=\"penna-products-sustainability__panel\">\n      <div>\n        <span class=\"penna-kicker\">Sustainable products \u270c\ufe0f<\/span>\n        <h2>Our advanced technology and sustainable supply chain make this possible.<\/h2>\n      <\/div>\n      <p>\n        Rather than mass producing clothes speculatively, we print in real time, only making what people need when they need it. This saves money which we use to make organics and renewables more affordable. Our robotics also make the pack process 30% more efficient, allowing us to use packaging made from plants, not plastic.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  .penna-flow-bg {\n    position: fixed;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .penna-flow-bg__canvas {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  .penna-kicker {\n    display: inline-block;\n    margin-bottom: 14px;\n    font-size: 0.82rem;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #666;\n  }\n\n  .penna-section-heading {\n    max-width: 760px;\n    margin: 0 auto 48px;\n    text-align: center;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-section-heading--left {\n    margin-left: 0;\n    text-align: left;\n  }\n\n  .penna-section-heading h2 {\n    margin: 0 0 16px;\n    font-size: clamp(2.1rem, 4vw, 3.3rem);\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n    color: #111;\n  }\n\n  .penna-section-heading p {\n    margin: 0;\n    font-size: 1.05rem;\n    line-height: 1.65;\n    color: #4a4a4a;\n  }\n\n  .penna-products-hero,\n  .penna-products-intro,\n  .penna-featured-range,\n  .penna-category-grid,\n  .penna-decoration-methods,\n  .penna-products-showcase,\n  .penna-products-sustainability,\n  .penna-products-cta {\n    position: relative;\n    z-index: 1;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-products-hero {\n    padding: 140px 20px 80px;\n  }\n\n  .penna-products-hero__inner,\n  .penna-products-intro__inner,\n  .penna-featured-range__inner,\n  .penna-category-grid__inner,\n  .penna-decoration-methods__inner,\n  .penna-products-showcase__inner,\n  .penna-products-sustainability__inner,\n  .penna-products-cta__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .penna-products-hero__inner {\n    max-width: 900px;\n    text-align: center;\n  }\n\n  .penna-products-hero__eyebrow {\n    display: inline-block;\n    margin-bottom: 18px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #666;\n  }\n\n  .penna-products-hero h1 {\n    margin: 0 0 22px;\n    font-size: clamp(3rem, 8vw, 5.6rem);\n    line-height: 0.95;\n    letter-spacing: -0.06em;\n    color: #111;\n  }\n\n  .penna-products-hero p {\n    max-width: 720px;\n    margin: 0 auto;\n    font-size: 1.12rem;\n    line-height: 1.7;\n    color: #444;\n  }\n\n  .penna-products-hero__chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 34px;\n  }\n\n  .penna-products-hero__chips a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 42px;\n    padding: 0 16px;\n    border-radius: 999px;\n    border: 1px solid rgba(0,0,0,0.08);\n    background: rgba(255,255,255,0.72);\n    color: #111;\n    text-decoration: none;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition: transform 0.2s ease, background 0.2s ease;\n  }\n\n  .penna-products-hero__chips a:hover {\n    transform: translateY(-2px);\n    background: rgba(255,255,255,0.92);\n  }\n\n  .penna-products-intro,\n  .penna-featured-range,\n  .penna-category-grid,\n  .penna-decoration-methods,\n  .penna-products-showcase,\n  .penna-products-sustainability,\n  .penna-products-cta {\n    padding: 24px 20px 100px;\n  }\n\n  .penna-products-intro__inner {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr;\n    gap: 24px;\n  }\n\n  .penna-products-intro__card,\n  .penna-method-card,\n  .penna-products-sustainability__panel,\n  .penna-products-cta__panel,\n  .penna-category-tile {\n    border-radius: 24px;\n    border: 1px solid rgba(0,0,0,0.08);\n    background: rgba(255,255,255,0.72);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n  }\n\n  .penna-products-intro__card {\n    padding: 30px;\n  }\n\n  .penna-products-intro__card h2,\n  .penna-products-intro__card h3,\n  .penna-products-sustainability__panel h2,\n  .penna-products-cta__copy h2 {\n    margin: 0 0 12px;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n    color: #111;\n  }\n\n  .penna-products-intro__card h2 {\n    font-size: clamp(2rem, 3vw, 2.8rem);\n  }\n\n  .penna-products-intro__card h3 {\n    font-size: 1.35rem;\n  }\n\n  .penna-products-intro__card p,\n  .penna-method-card p,\n  .penna-products-sustainability__panel p,\n  .penna-products-cta__copy p,\n  .penna-category-tile p,\n  .penna-range-card__content p {\n    margin: 0;\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #4d4d4d;\n  }\n\n  .penna-products-intro__card--wide {\n    display: flex;\n    align-items: center;\n  }\n\n  .penna-featured-range__grid {\n    display: grid;\n    grid-template-columns: 1.3fr 1fr 1fr;\n    gap: 24px;\n  }\n\n  .penna-range-card {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    min-height: 100%;\n    text-decoration: none;\n    border-radius: 24px;\n    border: 1px solid rgba(0,0,0,0.08);\n    background: rgba(255,255,255,0.72);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    transition: transform 0.22s ease, box-shadow 0.22s ease;\n  }\n\n  .penna-range-card:hover,\n  .penna-category-tile:hover,\n  .penna-method-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 18px 40px rgba(0,0,0,0.09);\n  }\n\n  .penna-range-card__image-wrap {\n    aspect-ratio: 1 \/ 1.05;\n    overflow: hidden;\n  }\n\n  .penna-range-card--large .penna-range-card__image-wrap {\n    aspect-ratio: 1.1 \/ 1;\n  }\n\n  .penna-range-card__image-wrap img,\n  .penna-products-showcase__item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.35s ease;\n  }\n\n  .penna-range-card:hover .penna-range-card__image-wrap img,\n  .penna-products-showcase__item:hover img {\n    transform: scale(1.04);\n  }\n\n  .penna-range-card__content {\n    padding: 24px;\n  }\n\n  .penna-range-card__content span {\n    display: inline-block;\n    margin-bottom: 10px;\n    font-size: 0.82rem;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #666;\n  }\n\n  .penna-range-card__content h3,\n  .penna-category-tile h3,\n  .penna-method-card h3 {\n    margin: 0 0 10px;\n    font-size: 1.4rem;\n    line-height: 1.15;\n    color: #111;\n  }\n\n  .penna-category-grid__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n\n  .penna-category-tile {\n    display: block;\n    padding: 28px;\n    text-decoration: none;\n    transition: transform 0.22s ease, box-shadow 0.22s ease;\n  }\n\n  .penna-category-tile--image {\n    overflow: hidden;\n  }\n\n  .penna-category-tile__image-wrap {\n    margin: -28px -28px 22px;\n    aspect-ratio: 4 \/ 5;\n    overflow: hidden;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n  }\n\n  .penna-category-tile__image-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.35s ease;\n  }\n\n  .penna-category-tile:hover .penna-category-tile__image-wrap img {\n    transform: scale(1.04);\n  }\n\n  .penna-category-tile span {\n    display: inline-flex;\n    margin-top: 18px;\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .penna-decoration-methods__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n\n  .penna-method-card {\n    padding: 30px;\n    transition: transform 0.22s ease, box-shadow 0.22s ease;\n  }\n\n  .penna-method-card__number {\n    margin-bottom: 14px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    color: #888;\n  }\n\n  .penna-products-showcase__grid {\n    display: grid;\n    grid-template-columns: 1.1fr 1fr 1fr;\n    gap: 20px;\n    grid-auto-rows: 280px;\n  }\n\n  .penna-products-showcase__item {\n    overflow: hidden;\n    border-radius: 22px;\n    border: 1px solid rgba(0,0,0,0.08);\n    background: rgba(255,255,255,0.72);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n  }\n\n  .penna-products-showcase__item--tall {\n    grid-row: span 2;\n  }\n\n  .penna-products-showcase__item--wide {\n    grid-column: span 2;\n  }\n\n  .penna-products-sustainability__panel,\n  .penna-products-cta__panel {\n    padding: 38px;\n    border-radius: 24px;\n    border: 1px solid rgba(0,0,0,0.08);\n    background: rgba(255,255,255,0.72);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n  }\n\n  .penna-products-cta__panel {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 28px;\n  }\n\n  .penna-products-sustainability__panel {\n    display: grid;\n    grid-template-columns: 0.95fr 1.05fr;\n    gap: 28px;\n    align-items: center;\n  }\n\n  .penna-products-sustainability__panel h2,\n  .penna-products-cta__copy h2 {\n    font-size: clamp(2rem, 3.8vw, 3rem);\n  }\n\n  .penna-products-cta__panel {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 28px;\n  }\n\n  .penna-products-cta__copy {\n    max-width: 720px;\n  }\n\n  .penna-products-cta__actions {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n    flex-shrink: 0;\n  }\n\n  .penna-products-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 54px;\n    padding: 0 24px;\n    border-radius: 14px;\n    font-weight: 700;\n    font-size: 0.98rem;\n    line-height: 1;\n    text-decoration: none;\n    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .penna-products-button:hover {\n    transform: translateY(-2px);\n  }\n\n  .penna-products-button--primary {\n    background: #111;\n    color: #fff;\n    box-shadow: 0 10px 24px rgba(0,0,0,0.14);\n  }\n\n  .penna-products-button--secondary {\n    border: 1px solid rgba(0,0,0,0.1);\n    background: rgba(255,255,255,0.82);\n    color: #111;\n  }\n\n  @media (max-width: 1100px) {\n    .penna-products-intro__inner,\n    .penna-featured-range__grid,\n    .penna-category-grid__grid,\n    .penna-decoration-methods__grid,\n    .penna-products-sustainability__panel,\n    .penna-products-cta__panel {\n      grid-template-columns: 1fr;\n    }\n\n    .penna-products-cta__panel {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .penna-products-showcase__grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .penna-products-showcase__item--wide {\n      grid-column: span 1;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .penna-products-hero {\n      padding: 110px 18px 60px;\n    }\n\n    .penna-products-intro,\n    .penna-featured-range,\n    .penna-category-grid,\n    .penna-decoration-methods,\n    .penna-products-showcase,\n    .penna-products-sustainability,\n    .penna-products-cta {\n      padding: 18px 18px 72px;\n    }\n\n    .penna-products-showcase__grid {\n      grid-template-columns: 1fr;\n      grid-auto-rows: 240px;\n    }\n\n    .penna-products-showcase__item--tall {\n      grid-row: span 1;\n    }\n\n    .penna-products-cta__panel,\n    .penna-products-sustainability__panel,\n    .penna-products-intro__card,\n    .penna-method-card,\n    .penna-category-tile {\n      padding: 24px;\n    }\n\n    .penna-products-cta__actions {\n      width: 100%;\n      flex-direction: column;\n    }\n\n    .penna-products-button {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const canvas = document.getElementById('pennaFlowCanvas');\n    if (!canvas) return;\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    let width = 0;\n    let height = 0;\n\n    const mouse = {\n      x: window.innerWidth * 0.5,\n      y: window.innerHeight * 0.4\n    };\n\n    const blobs = [\n      { x: 0.18, y: 0.18, r: 240, color: '#f2d600' },\n      { x: 0.78, y: 0.22, r: 260, color: '#ffd900' },\n      { x: 0.58, y: 0.20, r: 220, color: '#e0525e' },\n      { x: 0.72, y: 0.72, r: 210, color: '#ff5a66' },\n      { x: 0.32, y: 0.58, r: 230, color: '#1e96c8' },\n      { x: 0.12, y: 0.78, r: 190, color: '#28b0e5' }\n    ];\n\n    function resizeCanvas() {\n      width = window.innerWidth;\n      height = window.innerHeight;\n      const ratio = window.devicePixelRatio || 1;\n      canvas.width = width * ratio;\n      canvas.height = height * ratio;\n      ctx.setTransform(ratio, 0, 0, ratio, 0, 0);\n    }\n\n    function handlePointerMove(event) {\n      mouse.x = event.clientX;\n      mouse.y = event.clientY;\n    }\n\n    function draw() {\n      const time = Date.now() * 0.00028;\n      const scrollY = window.scrollY || window.pageYOffset || 0;\n      ctx.clearRect(0, 0, width, height);\n\n      blobs.forEach((blob, index) => {\n        const scrollOffset = (scrollY * (0.04 + index * 0.008)) % (height * 1.6);\n        const baseX = width * blob.x + Math.sin(time + index * 1.7) * 42;\n        const baseY = (height * blob.y + Math.cos(time * 1.2 + index * 1.3) * 34 + scrollOffset) % (height + blob.r * 2) - blob.r;\n\n        const centerX = width * 0.5;\n        const centerY = height * 0.5;\n        const mouseInfluence = 0.06 + index * 0.004;\n\n        const offsetX = (mouse.x - centerX) * mouseInfluence;\n        const offsetY = (mouse.y - centerY) * mouseInfluence * 0.6;\n\n        const targetX = baseX + offsetX;\n        const targetY = baseY + offsetY;\n        const easing = 0.04;\n\n        blob.currentX = (blob.currentX ?? baseX) + (targetX - (blob.currentX ?? baseX)) * easing;\n        blob.currentY = (blob.currentY ?? baseY) + (targetY - (blob.currentY ?? baseY)) * easing;\n\n        const gradient = ctx.createRadialGradient(blob.currentX, blob.currentY, 0, blob.currentX, blob.currentY, blob.r);\n        gradient.addColorStop(0, blob.color + '70');\n        gradient.addColorStop(0.45, blob.color + '38');\n        gradient.addColorStop(1, blob.color + '00');\n\n        ctx.fillStyle = gradient;\n        ctx.beginPath();\n        ctx.arc(blob.currentX, blob.currentY, blob.r, 0, Math.PI * 2);\n        ctx.fill();\n      });\n\n      window.requestAnimationFrame(draw);\n    }\n\n    resizeCanvas();\n    draw();\n\n    window.addEventListener('resize', resizeCanvas);\n    window.addEventListener('pointermove', handlePointerMove, { passive: true });\n    window.addEventListener('mousemove', handlePointerMove, { passive: true });\n  })();\n<\/script>"},"template":{"id":127441465,"value":"html"},"padding":{"id":127441466,"value":"6"},"fullWidth":{"id":127441467,"value":"0"},"fullBackgroundColor":{"id":127441468,"value":"#fff0"},"published":{"id":127441469,"value":"1"},"conditions":{"id":127441470,"value":"[]"}}}],"properties":{"title":{"id":71112019,"value":"Products"},"isStorePage":{"id":71112020,"value":"1"},"ogImage":{"id":71112022,"value":"https:\/\/images.podos.io\/ugcv5zt5vcwvul0ghyt1lurth6vlfo3rmiv5ymcind3mfvq7.jpeg.jpg?w=1200&h=auto"},"description":{"id":71113456,"value":"Explore our extensive range of hundreds of sustainable products, meticulously crafted with eco-friendly materials and ethical practices. By choosing our sustainable collection for your events and workwear, your company not only embraces a responsible approach but also aligns with the growing demand for environmentally conscious choices."}},"labels":[],"published":1,"sitemap":1,"divisionId":293110,"edited":true,"keyPhraseCampaignId":null}