<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="Welcome to The Hip Horticulturist Blog by Tiger Sheds where you can find out about all things Garden, Lifestyle and Decor for outdoor living." />
    <meta name="p:domain_verify" content="1c5bda7ec64a8b748fe8bf9d8717996e" />
    <meta name="google-site-verification" content="BpGNMWaRk0QgSfTw4hYv2CHDhK2rFwAl2IztDTjqXRU" />
    <meta name="msvalidate.01" content="6383615E6D1810AF73144E1803F3FF17" />
    <meta name="facebook-domain-verification" content="sowkon4ruow0v6pz6deg1519ror7oc" />

    <title>The Hip Horticulturist | Tiger Sheds</title>
    
    <link rel="preconnect" href="https://use.typekit.net">
    <link rel="preconnect" href="https://p.typekit.net">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" as="style">
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@48,400,1,0" />
    
    
    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
    <link rel="manifest" href="/favicons/site.webmanifest">
    <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#ff6e01">
    <link rel="shortcut icon" href="/favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="~/favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    
    
        <link rel="stylesheet" href="/css/dist/bootstrap.min.css?v=4BZux0yXd9mZSVIjoO4_5Jbu_mzbD_WTglh4hndf5kc" />
        <link rel="stylesheet" href="/css/dist/bundle.min.css?v=Iv2J8eptZ6VtTgm-3lSlXRvMit4nIJhYFOTQcpdTj9A" />
    
    <script src="/js/dist/jquery-3.6.0.min.js"></script>
    <script src="/js/dist/jquery.touchSwipe.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <link href="/css/dist/cookie.2.6.tiger.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/addsearch-search-ui@0.7/dist/addsearch-search-ui.min.css" />

    

    <script>
        (function(t,i,g,e,r,s){var h=[],f=i.getElementsByTagName(g)[0],j=i.createElement(g);
            e&&h.push('id='+e);s&&s!='dataLayer'?h.push('l='+s):s='dataLayer';j.async=true;
            j.src=(r?r:'')+'/mv5dgb/'+(h.length?"?"+h.join("&"):'');t[s]=t[s]||[];t[s].push({'gtm.start':
                    new Date().getTime(),event:'gtm.js'});f.parentNode.insertBefore(j,f);
        })(window,document,'script');
    </script>
    <script src="/js/dist/cookie.2.6.min.js" async></script>

    
</head>
<body>
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-MV5DGB" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>

    <div id="user-consent">
    <div class="backing"></div>
    <div class="page main">
        <div class="close-consent" title="Close and set consent">&#10005;</div>
        <div class="main-container">
            <div class="content-container">
                <h2 style="display:none">User Consent</h2>
                <div class="messaging">
                    <p>We use cookies to help provide a better website experience for you, and help us to understand how people use our website. Our partners will also collect data and use cookies for ad personalisation and measurement.</p>
                    <p>Clicking "Accept" will allow us and our partners to use cookies, learn more in our &nbsp;<a href="https://www.tigersheds.com/page/cookies/">cookie policy</a>&nbsp;or to change your cookie preferences, click "Manage".</p>
                </div>
            </div>
            <div class="controls">
                <button class="solid acceptall">Accept</button>
                <button class="hollow rejectall">Reject all</button>
                <button class="hollow manage">Manage</button>
            </div>
        </div>
    </div>
    <div class="page secondary">
        <div class="header">
            <h2 style="display:none">User Consent</h2>
        </div>
        <div class="content-scroll">
            <div class="messaging">
                <p>To find out more about cookies and the types of cookies we are setting please visit our&nbsp;<a href="https://www.tigersheds.com/page/cookies/">cookie policy</a>. If you'd prefer that certain types of cookie are not saved on your browser when visiting our website, use the toggles below to adjust those preferences and click "Save choices".</p>
            </div>
            <div class="toggles">
                <div class="toggle-set">
                    <h4>Strictly Necessary</h4>
                    <label class="switch">
                        <input type="checkbox" checked="true" disabled="true" value="necessary">
                        <span class="slider"></span>
                    </label>
                    <p>These cookies are necessary for the website to function and without them you would not be able to reliably use the website. For example, loading your basket or completing forms.</p>
                </div>
                <div class="toggle-set">
                    <h4>Affiliate Groups</h4>
                    <label class="switch">
                        <input type="checkbox" checked="true" disabled="true" value="necessary">
                        <span class="slider"></span>
                    </label>
                    <p>These cookies helps us ensure that specific affiliate partner are credited for any purchases you make. These cookies are only set if you have landed on-site through an affiliate partner and you have accepted their terms and conditions in which allows for information to be shared between us and the affiliate partner.</p>
                </div>
            </div>
        </div>
        <div class="controls">
            <button class="solid acceptall">Accept all</button>
            <button class="hollow rejectall">Reject all</button>
            <button class="hollow save">Save choices</button>
        </div>
    </div>
</div>

<script>
    _TIGERGTM = window._TIGERGTM || [];
    _TIGERGTM.cookie_hostname = (document.location.hostname == "localhost" ? "localhost" : ".tigersheds.com");

    (function (a) { "undefined" === typeof window[a] && (window[a] = function (b) { window[a].config = b }) })("user_consent");

    user_consent({
        consent_groups: {
            functional: {
                name: "Functional Cookies",
                description: "First party cookies designed to add personalisation to your indiviual experience on the website, remembering preferences and improving navigation through the website.",
                default: "granted",
                platforms: [
                    {name: "ZenDesk", link: "https://www.zendesk.co.uk/company/agreements-and-terms/privacy-policy-2021-12-06/"}
                ]
            },
            marketing: {
                name: "Marketing Cookies",
                default: "granted",
                description: "These cookies track your online activity to help advertisers deliver more relevant and personalised advertising or to limit how many times you see an ad. These cookies can share that information with other organisations or advertisers.",
                platforms: [
                    {name: "LinkedIn", link: "https://www.linkedin.com/legal/cookie-policy"},
                    {name: "Microsoft Ads", link: "https://help.ads.microsoft.com/#apex/ads/en/ext60205"},
                    {name: "Meta Ads", link: "https://www.facebook.com/policy/cookies/"},
                    {name: "Google Ads", link: "https://policies.google.com/technologies/ads"},
                    {name: "Reddit", link: "https://www.business.reddit.com/policies/cookies"},
                    {name: "TikTok", link: "https://ads.tiktok.com/i18n/official/policy/privacy"},
                    {name: "Pinterest", link: "https://policy.pinterest.com/en-gb/cookies"}
                ]
            },
            analytics: {
                name: "Analytics Cookies",
                description: "A series of cookies that collect anonymised data on how users interact with our website. This anonymous data helps us improve the website with a focus on its users, for example, ensuring the most popular content is easier to access.",
                default: "granted",
                platforms: [
                    {name: "Google Analytics", link: "https://policies.google.com/technologies/partner-sites"},
                    {name: "Microsoft Clarity", link: "https://learn.microsoft.com/en-us/clarity/setup-and-installation/cookie-list"}
                ]
            },
            personalisation: {
                name: "Ad personalisation",
                default: "granted",
                description: "Allow marketing products, to create personalised adverts and remarket to you when browsing the web. This will allow us to provide you with relevant advertisements based on our products that you might be interested in.",
                platforms: [
                    {name: "Meta Ads", link: "https://www.facebook.com/policy/cookies/"},
                    {name: "Microsoft Ads", link: "https://help.ads.microsoft.com/#apex/ads/en/ext60205"},
                    {name: "Google Ads", link: "https://policies.google.com/technologies/ads"},
                    {name: "Reddit", link: "https://www.business.reddit.com/policies/cookies"},
                    {name: "TikTok", link: "https://ads.tiktok.com/i18n/official/policy/privacy"},
                    {name: "Pinterest", link: "https://policy.pinterest.com/en-gb/cookies"}
                ]
            }
        },
        cookie: {
            name: "UserConsent", //saved state to cookie name
            timeout: 31449600000, // 1 year in milliseconds
            host: _TIGERGTM.cookie_hostname
        },
        linker: {
            domains: [], //domains to link across domain. Whole domains and sub-domains only (excluding "www.")
            parameter: "cc" //query string parameter to pass and read cookie consent state from
        },
        dispatch: {
            gtm: window.dataLayer, // false or empty string prevents data layer push
            gtm_event: false, //Boolean to define if event name should always be pushed, or just on updates
            event: "user_consent_updated" // false or empty string prevents event firing
        },
        buttons: {
            close: {
                enabled: false, //show a cross on the main page that closes and sets consent
                state: "reject" //Define whether the consent should be accept, reject, or default
            },
            background: {
                enabled: false, //Allow clicks on background blur to set consent
                state: "reject" //Define whether the consent should be accept, reject, or default
            },
            reject_main: {
                enabled: false, //Allow clicks on background blur to clear and accept consent
            },
            reject_secondary: {
                enabled: false, //show a reject all button on the second page
            }
        },
        background: "fade", //enable a "blur", "fade" or "none" background
        debug: false //true or false, always reveal the cookie consent overlay on page load
    });
</script>

    <div id="background-overlay"></div>
    <div class="container-fluid position-relative">

        



<header class="row">
    <div class="col">
        <div class="row">
            
            <!-- USP's Mobile -->
<div id="uspCarousel" class="col p-0 carousel carousel-grey slide d-flex d-lg-none background-lightest-grey links-grey border-bottom text-uppercase order-1">
    <div class="carousel-inner">
        <div class="carousel-item p-2 active">
            <a class="d-flex align-items-center justify-content-center" data-parent="#uspCarousel" href="/about/">
                <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-uk.svg" class="mr-2" width="24" height="24" alt="Made In The UK Since 1913" />
                <small>UK Made Since 1913</small>
            </a>
        </div>
        
        <div class="carousel-item p-2">
            <a class="d-flex align-items-center justify-content-center" data-parent="#uspCarousel" href="/guarantee/">
                <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-guarantee.svg" class="mr-2" width="24" height="24" alt="20 Year Guarantee" />
                <small>20 Year Guarantee</small>
            </a>
        </div>
        
        <div class="carousel-item p-2">
            <a class="d-flex align-items-center justify-content-center" data-parent="#uspCarousel" href="/delivery/">
                <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-delivery.svg" class="mr-2" width="24" height="24" alt="Free Delivery" />
                <small>Free Delivery</small>
            </a>
        </div>
        
        <div class="carousel-item p-2">
            <a class="d-flex align-items-center justify-content-center" data-parent="#uspCarousel" href="/finance/">
                <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-finance.svg" class="mr-2" width="24" height="24" alt="Finance Available" />
                <small>Finance Available</small>
            </a>
        </div>

        <div class="carousel-item p-2">
            <a class="d-flex align-items-center justify-content-center" data-parent="#uspCarousel" href="/esg/">
                <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-sustainability.svg" class="mr-2" width="24" height="24" alt="Sustainably Sourced" />
                <small>Sustainably Sourced</small>
            </a>
        </div>
        
        <div class="carousel-item p-2">
            <a class="d-flex align-items-center justify-content-center" data-parent="#uspCarousel" href="/reviews/">
                <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-reviews.svg" class="mr-2" width="24" height="24" alt="20,000+ Customer Reviews" />
                <small>20,000+ Reviews</small>
            </a>
        </div>
    </div>
</div>

<!-- USP's Desktop -->
<div class="col d-none d-lg-block links-grey links-nounderline background-lightest-grey">
    <div class="container">
        <div class="row">
            <div class="d-flex w-100">
                <a class="w-100 py-2 text-uppercase font-weight-bold d-flex align-items-center justify-content-center" href="/about/">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-uk.svg" class="mr-2" width="24" height="24" alt="Made In The UK Since 1913" />
                    <small>UK Made Since 1913</small>
                </a>
                <a class="w-100 py-2 text-uppercase font-weight-bold d-flex align-items-center justify-content-center" href="/guarantee/">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-guarantee.svg" class="mr-2" width="24" height="24" alt="20 Year Guarantee" />
                    <small>20 Year Guarantee</small>
                </a>
                <a class="w-100 py-2 text-uppercase font-weight-bold d-flex align-items-center justify-content-center" href="/delivery/">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-delivery.svg" class="mr-2" width="24" height="24" alt="Free Delivery" />
                    <small>Free Delivery</small>
                </a>
                <a class="w-100 py-2 text-uppercase font-weight-bold d-flex align-items-center justify-content-center" href="/finance/">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-finance.svg" class="mr-2" width="24" height="24" alt="Finance Available" />
                    <small>Finance Available</small>
                </a>
                <a class="w-100 py-2 text-uppercase font-weight-bold d-flex align-items-center justify-content-center" href="/esg/">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-sustainability.svg" class="mr-2" width="24" height="24" alt="Sustainably Sourced" />
                    <small>Sustainably Sourced</small>
                </a>
                <a class="w-100 py-2 text-uppercase font-weight-bold d-flex align-items-center justify-content-center" href="/reviews/">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/usp-reviews.svg" class="mr-2" width="24" height="24" alt="20,000+ Customer Reviews" />
                    <small>20,000+ Reviews</small>
                </a>
            </div>
        </div>
    </div>
</div>

            
            <div id="search-results-desktop" class="popup-box">
                <div class="popup-content">
                    <button id="closeButton">Close Search [X]</button>

                    <main>
                        <div class="row" style="margin-bottom:4px;">
                            <div class="col col-12  col-sm-12 col-md-12 col-lg-6 col-xl-6" style="padding-left:0px">
                                <section id="tabs">
                                    <div id="tabs-container-desktop"></div>
                                </section>
                            </div>
                            <div class="col col-12 col-sm-12 col-md-12 col-lg-6  col-xl-6">
                                <section>
                                    <div id="pagination-container-desktop"></div>
                                </section>
                            </div>
                        </div>

                        <section>
                            <div id="results-container-desktop"></div>
                        </section>
                    </main>
                </div>
            </div>

            <div id="search-results-mobile" class="popup-box">
                <div class="popup-content">
                    <button id="closeButtonMobile">Close Search [X]</button>

                    <main>
                        <div class="row" style="margin-bottom:4px;">
                            <div class="col col-12  col-sm-12 col-md-12 col-lg-6 col-xl-6" style="padding-left:0px">
                                <section id="tabs">
                                    <div id="tabs-container-mobile"></div>
                                </section>
                            </div>
                        </div>

                        <section>
                            <div id="results-container-mobile"></div>
                        </section>
                    </main>
                </div>
            </div>
            <div class="col-12 p-0">
                <div class="row background-orange background-lg-white no-gutters" id="top-nav-container">
                    <div class="container-lg p-0 px-lg-3">
                        <div class="col-12 my-lg-2">
                            <div class="row">
                                <div class="col col-lg-auto pr-0">
                                    <a href="/">
                                        <img src="https://assets.tigersheds.com/img/site/logos/Tiger-Main-Logo-White.svg" class="d-lg-none img-fluid"
                                             alt="Tiger Sheds" width="120" height="45" />
                                        <img src="https://assets.tigersheds.com/img/site/logos/Tiger-Main-Logo-Colour.svg" class="d-none d-lg-block img-fluid"
                                             alt="Tiger Sheds" width="200" height="75" loading="lazy" />
                                    </a>
                                </div>
                                <div class="col-auto d-flex d-lg-none links-white links-nounderline p-0">
                                    <a role="button" id="btn-search" href="#" class="p-1 d-flex align-items-center color-grey" data-toggle="collapse" data-target="#search" aria-controls="#search" aria-expanded="false" aria-label="Toggle search">
                                        <span class="material-symbols-outlined">
                                            search
                                        </span>
                                    </a>

                                    <a role="button" href="tel:01132054189" class="p-1 d-flex align-items-center">
                                        <span class="material-symbols-outlined">
                                            call
                                        </span>
                                    </a>

                                    <a role="button" href="/basket/" class="basket-button p-1 d-flex align-items-center">
                                        <span class="material-symbols-outlined">
                                            shopping_cart
                                        </span>
                                    </a>
                                </div>
                                <nav class="navbar navbar-light p-0">
                                    <div class="col-auto d-lg-none">
                                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navContainer" aria-controls="#navContainer"
                                                aria-expanded="false" aria-label="Toggle navigation">
                                            <span class="navbar-toggler-icon"></span>
                                        </button>
                                    </div>
                                </nav>
                                <div class="d-none d-lg-block col-lg p-0">
                                    <div class="row">
                                        <div class="col-12">
                                            <ul class="top-nav-links links-grey font-weight-bold mb-3">
                                                <li>
                                                    <a href="/contact/">
                                                            Callback
                                                    </a>
                                                </li>
                                                <li>
                                                    
<a id="basket-button" class="basket-button" href="/basket/">
    <span class="icon-cart"></span>
    
0 items</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-12 d-flex align-items-center justify-content-end">
                                            <ul class="top-nav-links mr-2">
                                                <li>
                                                    <a href="/showsite/">Showsites</a>
                                                </li>
                                                <li>
                                                    <a href="/brochure/">Brochure</a>
                                                </li>
                                                <li>
                                                    <a href="/contact/?subject=2">Bespoke</a>
                                                </li>
                                                <li>
                                                    <a href="/blog/">Blog</a>
                                                </li>
                                                <li class="position-relative">
                                                    <a id="help-nav-open" href="/helpcentre/">Help</a>

                                                    <div id="help-nav-container">
                                                        <a href="https://help.tigersheds.com" target="_blank">
                                                            <span class="material-symbols-outlined">support</span>
                                                            Help Centre
                                                        </a>
                                                        <a href="https://help.tigersheds.com/hc/en-gb/categories/5178580185503" target="_blank">
                                                            <span class="material-symbols-outlined">shopping_cart</span>
                                                            Before You Buy
                                                        </a>
                                                        <a href="https://help.tigersheds.com/hc/en-gb/categories/5178556068639" target="_blank">
                                                            <span class="material-symbols-outlined">info</span>
                                                            Product Information
                                                        </a>
                                                        <a href="https://help.tigersheds.com/hc/en-gb/categories/5178587273631" target="_blank">
                                                            <span class="material-symbols-outlined">local_shipping</span>
                                                            Order & Delivery
                                                        </a>
                                                        <a href="https://help.tigersheds.com/hc/en-gb/categories/5178596972191" target="_blank">
                                                            <span class="material-symbols-outlined">construction</span>
                                                            Maintenance & Care
                                                        </a>
                                                        <a href="https://help.tigersheds.com/hc/en-gb/categories/5178555907743" target="_blank">
                                                            <span class="material-symbols-outlined">change_circle</span>
                                                            Returns & Replacements
                                                        </a>
                                                        <a href="https://help.tigersheds.com/hc/en-gb/categories/5178587877791" target="_blank">
                                                            <span class="material-symbols-outlined">help</span>
                                                            Troublshooting & FAQ's
                                                        </a>
                                                        <a href="https://help.tigersheds.com/hc/en-gb/categories/5178587435039" target="_blank">
                                                            <span class="material-symbols-outlined">engineering</span>
                                                            Assembly & Installation
                                                        </a>
                                                        <a href="https://help.tigersheds.com/hc/en-gb/categories/5178470834079" target="_blank">
                                                            <span class="material-symbols-outlined">play_circle</span>
                                                            Video Guides
                                                        </a>

                                                        <button id="help-nav-close" type="button">X</button>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="/discover-new-designs/" class="top-nav-link-new">NEW PRODUCTS</a>
                                                </li>
                                            </ul>

                                            <div id="searchfield-container-desktop"></div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div id="popout-basket-summary" class="text-left" :class="{'popout-active': isVisible}" v-cloak>
    <div class="background-lightgrey p-3">
        <div class="row">
            <div class="col">
                <b>Your Basket</b>
            </div>
            <div class="col text-right">
                <button id="popout-basket-summary-close" v-on:click="basketSummaryCloseButtonHandler">X</button>
            </div>
        </div>
    </div>
                                                
    <div v-if="lines.length >= 1" v-cloak>
        <div class="row no-gutters background-white p-3 border">
            <div v-for="line in lines" class="col-12 border-bottom py-2">
                <div class="row">
                    <div class="col-auto" :class="line.hasImage ? '' : 'pr-0'">
                        <a v-if="line.urlFriendlyName !== ''" :href="line.urlFriendlyName">
                            <img v-show="line.hasImage"
                                 :src="line.imagePath"
                                 :alt="line.title"
                                 width="110"
                                 height="110"
                                 class="img-fluid"
                                 loading="lazy" />
                        </a>
                        <img v-else v-show="line.hasImage"
                             :src="line.imagePath"
                             :alt="line.title"
                             width="110"
                             height="110"
                             class="img-fluid"
                             loading="lazy" />
                    </div>
                    <div class="col d-flex flex-column pl-0">
                        <a v-if="line.urlFriendlyName !== ''" :href="line.urlFriendlyName">
                            <b class="d-block">{{line.title}}</b>
                        </a>
                        <b v-else class="d-block">{{line.title}}</b>
                        <span class="d-block">{{asCurrency(line.currentPricePerUnit + line.additionalCost)}}</span>
                        <span class="mt-auto">Quantity: {{line.quantity}}</span>
                    </div>
                </div>
            </div>
                                                        
            <div class="col-12 mt-2">
                <div class="row">
                    <div class="col-6">
                        <b>Total:</b>
                    </div>
                    <div class="col-6 text-right">
                        <b class="color-orange">{{asCurrency(grandTotal)}}</b>
                    </div>
                </div>
                <div class="row links-white">
                    <div class="col-6">
                        <a href="/basket/" class="btn btn-grey w-100">
                            View Basket
                        </a>
                    </div>
                    <div class="col-6">
                        <a href="/checkout/customer/" class="btn btn-orange w-100">
                            Checkout Now
                        </a>
                    </div>
                </div>
                
                <div class="col-12 mt-2 border-top links-orange text-center">
                    I have a voucher/promo code to use <a href="/basket/">in my basket</a>
                    <small class="d-block w-100">All prices are inclusive of VAT</small>
                </div>
            </div>
        </div>
    </div>
    <div v-else class="row no-gutters background-white p-3 border">
        <div class="col text-center">
            Your basket is empty.
        </div>
    </div>
</div>
                            </div>
                        </div>
                    </div>

                    
<div class="col-12 background-orange">
    <div class="container">
        <div id="navContainer" class="collapse d-lg-flex">
            <ul class="d-lg-flex w-100">
                                    <li class="d-lg-none nav-item border-bottom">
                        <a id="navItem-1-m" href="/garden-sheds/" class="h-100 text-uppercase nav-parent-item">
                            All Garden Sheds
                        </a>
                    </li>
                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-1" href="/garden-sheds/"
                           class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable"
                           data-toggle="collapse" data-target="#navItemContainer-1" aria-expanded="false">
                            <span class="d-lg-none">Garden Sheds by Type</span>
                            <span class="d-none d-lg-block">Sheds</span>
                        </a>

                        <div id="navItemContainer-1" class="collapse p-3 mb-3 link-append-plus-content background-white border-top border-top-lg-none w-100 nav-child-item" data-trigger="#navItem-1">
                            
<div class="row">
    <div class="col">
        <div class="row h-100">
            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">All Garden Sheds:</h6>
                    <ul class="links-black font-weight-bold nav-first-links">
                        <li><a href="/garden-sheds/wooden/">Wooden Sheds</a></li>
                        <li><a href="/garden-storage/bike-storage/">Bike Sheds</a></li>
                        <li><a href="/garden-sheds/wooden/potting/">Potting Sheds</a></li>
                        <li><a href="/garden-sheds/wooden/workshops/">Workshops</a></li>
                        <li><a href="/garden-sheds/wooden/corner/">Corner Sheds</a></li>
                        <li><a href="/garden-sheds/wooden/windowless-garden-sheds/">Windowless Sheds</a></li>
                        <li><a href="/garden-sheds/wooden/pressure-treated/">Pressure Treated Sheds</a></li>
                        <li><a href="/tigerflex-modular-buildings/tigerflex-sheds-and-storage/">TigerFlex<sup>&reg;</sup> Faster Delivery Sheds</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Popular Wooden Sheds By Size:</h6>
                    <ul class="d-flex flex-wrap links-black size-list">
                        <li><a role="button" href="/garden-sheds/5x3-sheds/" class="btn">5x3</a></li>
                        <li><a role="button" href="/garden-sheds/6x3-sheds/" class="btn">6x3</a></li>
                        <li><a role="button" href="/garden-sheds/6x4-sheds/" class="btn">6x4</a></li>
                        <li><a role="button" href="/garden-sheds/6x6-sheds/" class="btn">6x6</a></li>
                        <li><a role="button" href="/garden-sheds/7x5-sheds/" class="btn">7x5</a></li>
                        <li><a role="button" href="/garden-sheds/8x4-sheds/" class="btn">8x4</a></li>
                        <li><a role="button" href="/garden-sheds/8x6-sheds/" class="btn">8x6</a></li>
                        <li><a role="button" href="/garden-sheds/8x8-sheds/" class="btn">8x8</a></li>
                        <li><a role="button" href="/garden-sheds/9x6-sheds/" class="btn">9x6</a></li>
                        <li><a role="button" href="/garden-sheds/10x6-sheds/" class="btn">10x6</a></li>
                        <li><a role="button" href="/garden-sheds/10x8-sheds/" class="btn">10x8</a></li>
                        <li><a role="button" href="/garden-sheds/12x6-sheds/" class="btn">12x6</a></li>
                        <li><a role="button" href="/garden-sheds/12x8-sheds/" class="btn">12x8</a></li>
                        <li><a role="button" href="/garden-sheds/12x10-sheds/" class="btn">12x10</a></li>
                        <li><a role="button" href="/garden-sheds/14x10-sheds/" class="btn">14x10</a></li>
                        <li><a role="button" href="/garden-sheds/small-sheds/" class="btn">Small</a></li>
                        <li><a role="button" href="/garden-sheds/large-sheds/" class="btn">Large</a></li>
                        <li><a role="button" href="/garden-sheds/wooden/tall-sheds/" class="btn">Tall</a></li>
                    </ul>
                </div>
                
                <div class="mt-3">
                    <h6 class="color-orange">Cladding Styles:</h6>
                    <ul class="links-black">
                        <li><a href="/garden-sheds/wooden/shiplap/">Shiplap</a></li>
                        <li><a href="/garden-sheds/wooden/overlap/">Overlap</a></li>
                        <li><a href="/garden-sheds/wooden/tongue-groove-sheds/">Tongue & Groove</a></li>
                        <li><a href="/garden-sheds/wooden/log-board/">Loglap & Log Board</a></li>
                        <li><a href="/garden-sheds/metal/">Metal</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Roof Styles:</h6>
                    <ul class="links-black">
                        <li><a href="/garden-sheds/wooden/apex/">Apex</a></li>
                        <li><a href="/garden-sheds/wooden/pent/">Pent</a></li>
                    </ul>
                </div>
                
                <div class="mt-3">
                    <h6 class="color-orange">Shed Help &amp; Advice:</h6>
                    <ul class="links-black">
                        <li><a href="/buying-guides/a-buyers-guide-for-choosing-a-shed/">Shed Buying Guide</a></li>
                        <li><a href="/page/build-a-wooden-shed/">How To Build A Shed</a></li>
                        <li><a href="/page/sheds-explained/">Shed Product Terms</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Create Your Own Shed:</h6>
                    <ul class="links-black">
                        <li><a href="/page/bespoke-sheds/">Bespoke Sheds</a></li>
                        <li><a href="/tigerflex/configurator/">TigerFlex<sup>&reg;</sup> Configurator</a></li>
                    </ul>
                </div>
            </div>

            <div class="d-none d-lg-block col-12 mt-3 align-self-end">
    <a href="https://www.klarna.com/uk/terms-and-conditions/" target="_blank" rel="nofollow">
        <img class="img-fluid border" 
             src="https://assets.tigersheds.com/img/common/blank.gif"
             srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, 
                     https://assets.tigersheds.com/img/site/nav/pay-smarter-with-klarna-short.jpg 650w"
             sizes="(max-width: 992px) 1px, 650px"
             alt="Pay Smarter With Klarna" 
             width="650"
             loading="lazy" />
    </a>
</div>
        </div>
    </div>
    
    <div class="col-auto d-none d-xl-block">
        <div>
            <h6 class="color-orange">Garden Sheds Virtual Showroom:</h6>
            <ul class="links-black">
                <li><a href="/showroom/?media-index=52&trigger-overlay-name=GARDENSHEDS">View Our Garden Sheds</a></li>
            </ul>

            <a href="/showroom/?media-index=52&trigger-overlay-name=GARDENSHEDS" class="d-none d-lg-block">
                <img src="https://assets.tigersheds.com/img/site/nav/garden-sheds-showroom.gif" alt="Garden Sheds Virtual Showroom" loading="lazy" />
            </a>
        </div>
    </div>
</div>
                        </div>
                    </li>
                                    <li class="d-lg-none nav-item border-bottom">
                        <a id="navItem-9-m" href="/log-cabins/" class="h-100 text-uppercase nav-parent-item">
                            All Log Cabins
                        </a>
                    </li>
                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-9" href="/log-cabins/"
                           class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable"
                           data-toggle="collapse" data-target="#navItemContainer-9" aria-expanded="false">
                            <span class="d-lg-none">Log Cabins by Type</span>
                            <span class="d-none d-lg-block">Log Cabins</span>
                        </a>

                        <div id="navItemContainer-9" class="collapse p-3 mb-3 link-append-plus-content background-white border-top border-top-lg-none w-100 nav-child-item" data-trigger="#navItem-9">
                            
<div class="row">
    <div class="col">
        <div class="row h-100">
            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">All Log Cabins:</h6>
                    <ul class="links-black font-weight-bold nav-first-links">
                        <li><a href="/log-cabins/garden-offices/">Timber Garden Offices</a></li>
                        <li><a href="/log-cabins/corner/">Corner Log Cabins</a></li>
                        <li><a href="/log-cabins/small-log-cabins/">Small Log Cabins</a></li>
                        <li><a href="/log-cabins/contemporary/">Contemporary Log Cabins</a></li>
                        <li><a href="/log-cabins/traditional/">Traditional Log Cabins</a></li>
                        <li><a href="/log-cabins/log-cabin-storage/">Log Cabin Storage</a></li>
                        <li><a href="/log-cabins/insulated-log-cabins/">Insulated Log Cabins</a></li>
                        <li><a href="/tigerflex-modular-buildings/tigerflex-modular-log-cabins/">TigerFlex<sup>&reg;</sup> Faster Delivery Cabins</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Popular Log Cabins By Size:</h6>
                    <ul class="d-flex flex-wrap links-black size-list">
                        <li><a role="button" href="/log-cabins/?size=8x8" class="btn">8x8</a></li>
                        <li><a role="button" href="/log-cabins/?size=8x10" class="btn">8x10</a></li>
                        <li><a role="button" href="/log-cabins/?size=10x10" class="btn">10x10</a></li>
                        <li><a role="button" href="/log-cabins/?size=12x10" class="btn">12x10</a></li>
                        <li><a role="button" href="/log-cabins/?size=14x10" class="btn">14x10</a></li>
                        <li><a role="button" href="/log-cabins/?size=14x12" class="btn">14x12</a></li>
                        <li><a role="button" href="/log-cabins/?size=16x10" class="btn">16x10</a></li>
                        <li><a role="button" href="/log-cabins/?size=16x14" class="btn">16x14</a></li>
                        <li><a role="button" href="/log-cabins/?size=18x14" class="btn">18x14</a></li>
                    </ul>
                </div>
                
                <div class="mt-3">
                    <h6 class="color-orange">Thickness:</h6>
                    <ul class="links-black">
                        <li><a href="/log-cabins/19mm/">19mm Log Cabins</a></li>
                        <li><a href="/log-cabins/28mm/">28mm Log Cabins</a></li>
                        <li><a href="/log-cabins/44mm/">44mm Log Cabins</a></li>
                        <li><a href="/log-cabins/70mm/">70mm Log Cabins</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Door & Window Styles:</h6>
                    <ul class="links-black">
                        <li><a href="/page/timber-doors-and-windows/">Timber</a></li>
                        <li><a href="/page/pvc-doors-and-windows/">uPVC</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Roof Styles:</h6>
                    <ul class="links-black">
                        <li><a href="/log-cabins/pent-log-cabins/">Pent</a></li>
                        <li><a href="/log-cabins/apex-log-cabins/">Apex</a></li>
                        <li><a href="/log-cabins/barn-roof-log-cabins/">Barn</a></li>
                        <li><a href="/log-cabins/hip-roof-log-cabins/">Hip</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Log Cabin Help &amp; Advice:</h6>
                    <ul class="links-black">
                        <li><a href="/buying-guides/a-buyers-guide-for-choosing-a-log-cabin/">Log Cabin Buying Guide</a></li>
                        <li><a href="/page/log-cabins-explained/">Log Cabin Product Terms</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Create Your Own Log Cabin:</h6>
                    <ul class="links-black">
                        <li><a href="/page/bespoke-log-cabins/">Bespoke Log Cabins</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="d-none d-lg-block col-12 mt-3 align-self-end">
                <a href="/log-cabins/faster-delivery-cabins/">
                    <img class="img-fluid" 
                         src="https://assets.tigersheds.com/img/common/blank.gif"
                         srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, 
                                 https://assets.tigersheds.com/img/site/nav/faster-delivery-log-cabins.jpg 980w"
                         sizes="(max-width: 992px) 1px, 980px"
                         alt="TigerFlex - Try our bestselling cabins with fast pick a day delivery!" 
                         width="980"
                         loading="lazy" />
                </a>
            </div>
        </div>
    </div>
    
    <div class="col-auto d-none d-xl-block">
        <div>
            <h6 class="color-orange">Log Cabins Virtual Showroom:</h6>
            <ul class="links-black">
                <li><a href="/showroom/?media-index=32&trigger-overlay-name=LOGCABINS">View Our Log Cabins</a></li>
            </ul>

            <a href="/showroom/?media-index=32&trigger-overlay-name=LOGCABINS" class="d-none d-lg-block">
                <img src="https://assets.tigersheds.com/img/site/nav/log-cabins-showroom.gif" alt="Log Cabins Virtual Showroom" loading="lazy" />
            </a>
        </div>
    </div>
</div>
                        </div>
                    </li>
                                    <li class="d-lg-none nav-item border-bottom">
                        <a id="navItem-285-m" href="/tiger-modular-garden-rooms/" class="h-100 text-uppercase nav-parent-item">
                            All Garden Rooms
                        </a>
                    </li>
                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-285" href="/tiger-modular-garden-rooms/"
                           class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable"
                           data-toggle="collapse" data-target="#navItemContainer-285" aria-expanded="false">
                            <span class="d-lg-none">Garden Rooms by Type</span>
                            <span class="d-none d-lg-block">Garden Rooms</span>
                        </a>

                        <div id="navItemContainer-285" class="collapse p-3 mb-3 link-append-plus-content background-white border-top border-top-lg-none w-100 nav-child-item" data-trigger="#navItem-285">
                            
<div class="row">
    <div class="col">
        <div class="row h-100">
            <div class="col-12 col-lg-3 border-lg-right">
                <div>
                    <h6 class="color-orange">All Garden Rooms:</h6>
                    <ul class="links-black font-weight-bold nav-first-links">
                        <li><a href="/modular/garden-rooms/">Insulated Garden Rooms</a></li>
                        <li><a href="/modular/garden-offices/">Garden Offices</a></li>
                        <li><a href="/modular/garden-spa/">Garden Spas</a></li>
                        <li><a href="/modular/garden-gyms/">Garden Gyms</a></li>
                        <li><a href="/modular/garden-annexes/">Annexes</a></li>
                        <li><a href="/modular/classrooms/">Classrooms</a></li>
                        <li><a href="/modular/garden-kitchens/">Outdoor Kitchens</a></li>
                        <li><a href="/modular/garden-storage/">Modular Storage</a></li>
                        <li><a href="/modular/garden-pergolas/">Garden Pergolas</a></li> 
                    </ul>
                </div>
            </div>

            <div class="col-12 col-lg-3 mt-3 mt-lg-0 border-lg-right">

                <div>
                    <h6 class="color-orange">Tiger Modular Collection:</h6>
                    <ul class="links-black">
                        <li><a href="/product/tiger-modular-certus/">Certus</a></li>
                        <li><a href="/product/tiger-modular-verso/">Verso</a></li>
                        <li><a href="/product/tiger-modular-nexus/">Nexus</a></li>
                        <li><a href="/tiger-modular-garden-rooms/express-garden-rooms/">Express</a></li>

                        <li><a href="/product/the-ventus-aluminium-pergola/">Ventus</a></li>
                        <li><a href="/black-tiger/">Black Tiger Insulated Cabins</a></li> 
                        <li><a href="/modular/">Bespoke</a></li>
                    </ul>
                </div>
              
            </div>
            

            <div class="col-12 col-lg-3 mt-3 mt-lg-0 border-lg-right">
                <div>
                    <h6 class="color-orange">Virtual Showroom:</h6>
                    <ul class="links-black">
                        <li><a href="/modular/showroom/?media-index=2&trigger-overlay-name=GARDENROOMS">Garden Room Tour</a></li>
                    </ul>

                    <a href="/modular/showroom/?media-index=2&trigger-overlay-name=GARDENROOMS" class="d-none d-lg-block">
                        <img src="https://assets.tigersheds.com/img/site/nav/garden-rooms-showroom.gif" alt="Garden Rooms Virtual Showroom" loading="lazy" />
                    </a>
                    <ul class="links-black">
                        <li><a href="/modular/modular-showsites">Visit Our Showrooms</a></li>
                    </ul>
                </div>
                  
         
            </div>

            <div class="col-12 col-lg-3 mt-3 mt-lg-0 border-lg-right">
                <div>
                    <h6 class="color-orange">Find Your Perfect Space:</h6>
                    <ul class="links-black">
                        <li><a href="/modular/brochure/">Request Garden Room Brochure</a></li>
                        <li><a href="/modular/request-quote/">Request A Free Consultation</a></li>
                        <li><a href="/modular/modular-discovery/">FREE Discovery Call</a></li> 
                        <li><a href="/finance/novuna/">Finance Options</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Quality And Care:</h6>
                    <ul class="links-black">
                        <li><a href="/modular/modular-reviews/">Reviews & Testimonials</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Create Your Garden Room:</h6>
                    <ul class="links-black">
                        <li><a href="/modular/">Bespoke Garden Rooms</a></li>
                        <li><a href="/modular/modular-configurator/">Garden Room Configurator</a></li>
                        <li><a href="/trellus/configurator/">Pergola Configurator</a></li>
                        <li><a href="/modular/request-garden-room-quote/">Request Quote</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="d-none d-lg-block col-12 mt-3 align-self-end">
                <a href="/modular/showroom/?media-index=2&trigger-overlay-name=GARDENROOMS">
                    <img class="img-fluid" 
                         src="https://assets.tigersheds.com/img/common/blank.gif"
                         srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, 
                                 https://assets.tigersheds.com/img/site/nav/virtual-showroom.jpg 980w"
                         sizes="(max-width: 992px) 1px, 980px"
                         alt="Discover Our New Virtual Showroom" 
                         width="980"
                         loading="lazy" />
                </a>
               
            </div>  
        </div>
    </div>
</div>
                        </div>
                    </li>
                                    <li class="d-lg-none nav-item border-bottom">
                        <a id="navItem-3-m" href="/summer-houses/" class="h-100 text-uppercase nav-parent-item">
                            All Summer Houses
                        </a>
                    </li>
                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-3" href="/summer-houses/"
                           class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable"
                           data-toggle="collapse" data-target="#navItemContainer-3" aria-expanded="false">
                            <span class="d-lg-none">Summer Houses by Type</span>
                            <span class="d-none d-lg-block">Summer Houses</span>
                        </a>

                        <div id="navItemContainer-3" class="collapse p-3 mb-3 link-append-plus-content background-white border-top border-top-lg-none w-100 nav-child-item" data-trigger="#navItem-3">
                            
<div class="row">
    <div class="col">
        <div class="row h-100">
            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">All Summerhouses:</h6>
                    <ul class="links-black font-weight-bold nav-first-links">
                        <li><a href="/summer-houses/corner/">Corner Summerhouses</a></li>
                        <li><a href="/summer-houses/octagonal/">Octagonal Summerhouses</a></li>
                        <li><a href="/summer-houses/traditional/">Traditional Summerhouses</a></li>
                        <li><a href="/summer-houses/contemporary/">Contemporary Summerhouses</a></li>
                        <li><a href="/summer-houses/faster-delivery-summerhouses/">TigerFlex<sup>&reg;</sup> Faster Delivery Summerhouses</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Popular Summerhouses By Size:</h6>
                    <ul class="d-flex flex-wrap links-black size-list">
                        <li><a role="button" href="/summer-houses/6x6/" class="btn">6x6</a></li>
                        <li><a role="button" href="/summer-houses/7x7/" class="btn">7x7</a></li>
                        <li><a role="button" href="/summer-houses/8x6/" class="btn">8x6</a></li>
                        <li><a role="button" href="/summer-houses/8x8/" class="btn">8x8</a></li>
                        <li><a role="button" href="/summer-houses/?size=8x10" class="btn">8x10</a></li>
                        <li><a role="button" href="/summer-houses/10x8/" class="btn">10x8</a></li>
                        <li><a role="button" href="/summer-houses/?size=10x10" class="btn">10x10</a></li>
                        <li><a role="button" href="/summer-houses/12x6/" class="btn">12x6</a></li>
                        <li><a role="button" href="/summer-houses/12x8/" class="btn">12x8</a></li>
                        <li><a role="button" href="/summer-houses/?size=12x10" class="btn">12x10</a></li>
                        <li><a role="button" href="/summer-houses/?size=14x10" class="btn">14x10</a></li>
                        <li><a role="button" href="/summer-houses/?size=16x10" class="btn">16x10</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Cladding Styles:</h6>
                    <ul class="links-black">
                        <li><a href="/summer-houses/?claddingtype=1">Shiplap</a></li>
                        <li><a href="/summer-houses/?claddingtype=3">Pressure Treated</a></li>
                        <li><a href="/summer-houses/?claddingtype=11">Loglap & Log Board</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Roof Styles:</h6>
                    <ul class="links-black">
                        <li><a href="/summer-houses/apex-roof-summerhouses/">Apex</a></li>
                        <li><a href="/summer-houses/pent-roof-summerhouses/">Pent</a></li>
                        <li><a href="/summer-houses/barn-roof-summerhouses/">Barn</a></li>
                        <li><a href="/summer-houses/hip-roof-summerhouses/">Hip</a></li>
                    </ul>
                </div>
                
                <div class="mt-3">
                    <h6 class="color-orange">Summerhouse Help &amp; Advice:</h6>
                    <ul class="links-black">
                        <li><a href="/buying-guides/a-buyers-guide-for-choosing-a-summer-house/">Summer House Buying Guide</a></li>
                        <li><a href="/page/summerhouses-explained/">Summerhouse Product Terms</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Create Your Own Summerhouse:</h6>
                    <ul class="links-black">
                        <li><a href="/page/bespoke-summerhouses/">Bespoke Summerhouses</a></li>
                        <li><a href="/tigerflex/configurator/">TigerFlex<sup>&reg;</sup> Configurator</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="d-none d-lg-block col-12 mt-3 align-self-end">
    <a href="https://www.klarna.com/uk/terms-and-conditions/" target="_blank" rel="nofollow">
        <img class="img-fluid border" 
             src="https://assets.tigersheds.com/img/common/blank.gif"
             srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, 
                     https://assets.tigersheds.com/img/site/nav/pay-smarter-with-klarna-short.jpg 650w"
             sizes="(max-width: 992px) 1px, 650px"
             alt="Pay Smarter With Klarna" 
             width="650"
             loading="lazy" />
    </a>
</div>
        </div>
    </div>
    
    <div class="col-auto d-none d-xl-block">
        <div>
            <h6 class="color-orange">Summerhouses Virtual Showroom:</h6>
            <ul class="links-black">
                <li><a href="/showroom/?media-index=71&trigger-overlay-name=SUMMERHOUSES">View Our Summerhouses</a></li>
            </ul>

            <a href="/showroom/?media-index=71&trigger-overlay-name=SUMMERHOUSES" class="d-none d-lg-block">
                <img src="https://assets.tigersheds.com/img/site/nav/summerhouses-showroom.gif" alt="Summerhouses Virtual Showroom" loading="lazy" />
            </a>
        </div>
    </div>
</div>
                        </div>
                    </li>
                                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-8" href="/garden-storage/"
                           class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable"
                           data-toggle="collapse" data-target="#navItemContainer-8" aria-expanded="false">
                            Garden Storage
                        </a>

                        <div id="navItemContainer-8" class="collapse p-3 mb-3 link-append-plus-content background-white border-top border-top-lg-none w-100 nav-child-item" data-trigger="#navItem-8">
                            
<div class="row">
    <div class="col">
        <div class="row h-100">
            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">All Garden Storage:</h6>
                    <ul class="links-black font-weight-bold nav-first-links">
                        <li><a href="/garden-storage/bike-storage/">Bike Storage</a></li>
                        <li><a href="/garden-storage/log-storage/">Log Storage</a></li>
                        <li><a href="/garden-storage/bin-storage/">Bin Storage</a></li>
                        <li><a href="/garden-storage/tool-storage/">Tool Storage</a></li>
                        <li><a href="/garden-storage/wooden-garden-storage/">Wooden Garden Storage</a></li>
                        <li><a href="/garden-sheds/metal/">Metal Garden Storage</a></li>
                        <li><a href="/tigerflex-modular-buildings/tigerflex-sheds-and-storage/">TigerFlex<sup>&reg;</sup> Faster Delivery Storage</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Outdoor Storage:</h6>
                    <ul class="links-black">
                        <li><a href="/garden-storage/cheap-sheds/">Value Sheds</a></li>
                        <li><a href="/garden-sheds/wooden/lean-to-sheds/">Lean-To Sheds</a></li>
                        <li><a href="/garden-storage/wooden-garages/">Garages</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Storage Help &amp; Advice:</h6>
                    <ul class="links-black">
                        <li><a href="/buying-guides/a-buyers-guide-for-choosing-garden-storage/">Storage Buying Guide</a></li>
                        <li><a href="/page/build-a-wooden-shed/">Storage Shed How To Build</a></li>
                        <li><a href="/page/sheds-explained/">Storage Product Terms</a></li>
                    </ul>
                </div>
                
                <div class="mt-3">
                    <h6 class="color-orange">Create Your Own Storage:</h6>
                    <ul class="links-black">
                        <li><a href="/page/bespoke-storage/">Bespoke Storage</a></li>
                        <li><a href="/tigerflex/configurator/">TigerFlex<sup>&reg;</sup> Configurator</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="d-none d-lg-block col-12 mt-3 align-self-end">
    <a href="https://www.klarna.com/uk/terms-and-conditions/" target="_blank" rel="nofollow">
        <img class="img-fluid border" 
             src="https://assets.tigersheds.com/img/common/blank.gif"
             srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, 
                     https://assets.tigersheds.com/img/site/nav/pay-smarter-with-klarna-short.jpg 650w"
             sizes="(max-width: 992px) 1px, 650px"
             alt="Pay Smarter With Klarna" 
             width="650"
             loading="lazy" />
    </a>
</div>
        </div>
    </div>
    
    <div class="col-auto d-none d-xl-block">
        <div>
            <h6 class="color-orange">Garden Storage Virtual Showroom:</h6>
            <ul class="links-black">
                <li><a href="/showroom/?media-index=52&trigger-overlay-name=GARDENSHEDS">View Our Garden Storage</a></li>
            </ul>

            <a href="/showroom/?media-index=52&trigger-overlay-name=GARDENSHEDS" class="d-none d-lg-block">
                <img src="https://assets.tigersheds.com/img/site/nav/garden-sheds-showroom.gif" alt="Garden Storage Virtual Showroom" loading="lazy" />
            </a>
        </div>
    </div>
</div>
                        </div>
                    </li>
                                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-306" href="/outdoor-living/"
                           class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable"
                           data-toggle="collapse" data-target="#navItemContainer-306" aria-expanded="false">
                            Outdoor Living
                        </a>

                        <div id="navItemContainer-306" class="collapse p-3 mb-3 link-append-plus-content background-white border-top border-top-lg-none w-100 nav-child-item" data-trigger="#navItem-306">
                            
<div class="row">
    <div class="col">
        <div class="row h-100">
            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">All Outdoor Living:</h6>
                    <ul class="links-black font-weight-bold nav-first-links">
                        <li><a href="/outdoor-living/wooden-gazebos/">Gazebos</a></li>
                        <li><a href="/outdoor-living/pergolas/">Pergolas</a></li>
                        <li><a href="/outdoor-living/garden-bars/">Garden Bars</a></li>
                        <li><a href="/outdoor-living/hot-tub-shelters/">Hot Tub Shelters</a></li>
                        <li><a href="/outdoor-living/bbq-shelters/">BBQ Shelters</a></li>
                        <li><a href="/outdoor-living/guest-rooms/">Guest Rooms</a></li>
                        <li><a href="/modular/">Garden Kitchens</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Garden Buildings:</h6>
                    <ul class="links-black">
                        <li><a href="/outdoor-living/greenhouses/">Greenhouses</a></li>
                        <li><a href="/outdoor-living/pet-houses/">Pethouses</a></li>
                        <li><a href="/outdoor-living/wooden-playhouses/">Wooden Playhouses</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Garden Products:</h6>
                    <ul class="links-black">
                        <li><a href="/outdoor-living/garden-products/garden-benches/">Garden Benches</a></li>
                        <li><a href="/outdoor-living/garden-products/wooden-planters/">Planters</a></li>
                    </ul>
                </div>
                

                <div class="mt-3">
                    <h6 class="color-orange">Create Your Own Storage:</h6>
                    <ul class="links-black">
                        <li><a href="/page/bespoke-storage/">Bespoke Buildings</a></li>
                        <li><a href="/tigerflex/configurator/">TigerFlex<sup>&reg;</sup> Configurator</a></li>
                        <li><a href="/trellus/configurator/">Pergola Configurator</a></li>
                    </ul>
                </div>
            </div>

            <div class="d-none d-lg-block col-12 mt-3 align-self-end">
    <a href="https://www.klarna.com/uk/terms-and-conditions/" target="_blank" rel="nofollow">
        <img class="img-fluid border" 
             src="https://assets.tigersheds.com/img/common/blank.gif"
             srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, 
                     https://assets.tigersheds.com/img/site/nav/pay-smarter-with-klarna-short.jpg 650w"
             sizes="(max-width: 992px) 1px, 650px"
             alt="Pay Smarter With Klarna" 
             width="650"
             loading="lazy" />
    </a>
</div>
        </div>
    </div>
    
    <div class="col-auto d-none d-xl-block">
        <div>
            <h6 class="color-orange">Outdoor Living Virtual Showroom:</h6>
            <ul class="links-black">
                <li><a href="/modular/showroom/?media-index=86&trigger-overlay-name=OUTDOORLIVING">View Our Outdoor Living Range</a></li>
            </ul>

            <a href="/modular/showroom/?media-index=86&trigger-overlay-name=OUTDOORLIVING" class="d-none d-lg-block">
                <img src="https://assets.tigersheds.com/img/site/nav/outdoor-living-showroom.gif" alt="Outdoor Living Virtual Showroom" loading="lazy" />
            </a>
        </div>
    </div>
</div>
                        </div>
                    </li>
                                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-314" href="/garden-building-accessories/"
                           class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable"
                           data-toggle="collapse" data-target="#navItemContainer-314" aria-expanded="false">
                            Garden Building Accessories
                        </a>

                        <div id="navItemContainer-314" class="collapse p-3 mb-3 link-append-plus-content background-white border-top border-top-lg-none w-100 nav-child-item" data-trigger="#navItem-314">
                            
<div class="row">
    <div class="col">
        <div class="row h-100">
            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">Building Accessories:</h6>
                    <ul class="links-black">
                        <li><a href="/garden-building-accessories/wood-preserver/">Wood Preserver</a></li>
                        <li><a href="/garden-building-accessories/wood-paint/">Wood Paint</a></li>
                        <li><a href="/garden-building-accessories/door-handles/">Door Handles</a></li>
                        <li><a href="/garden-building-accessories/door-hooks/">Door Hooks</a></li>
                        <li><a href="/garden-building-accessories/padlocks/">Padlocks</a></li>
                        <li><a href="/garden-building-accessories/solar-lights/">Solar Lights</a></li>
                        <li><a href="/garden-building-accessories/insulation/">Insulation</a></li>
                        <li><a href="/garden-building-accessories/building-flooring/">Flooring</a></li>
                        <li><a href="/garden-building-accessories/shed-bases/">Shed Bases</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-12 col-lg-4 border-lg-right">
                <div class="mt-3 mt-lg-0">
                    <h6 class="color-orange">Building Maintenance:</h6>
                    <ul class="links-black">
                        <li><a href="/garden-building-accessories/building-tools/">Building Tools</a></li>
                        <li><a href="/garden-building-accessories/shed-felt/">Shed Felt</a></li>
                        <li><a href="/garden-building-accessories/boards-and-framing/">Boards & Framing</a></li>
                        <li><a href="/garden-building-accessories/window-sealant/">Window Sealant</a></li>
                        <li><a href="/garden-building-accessories/window-glazing/">Window Glazing</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="d-none d-lg-block col-12 mt-3 align-self-end">
    <a href="https://www.klarna.com/uk/terms-and-conditions/" target="_blank" rel="nofollow">
        <img class="img-fluid border" 
             src="https://assets.tigersheds.com/img/common/blank.gif"
             srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, 
                     https://assets.tigersheds.com/img/site/nav/pay-smarter-with-klarna-short.jpg 650w"
             sizes="(max-width: 992px) 1px, 650px"
             alt="Pay Smarter With Klarna" 
             width="650"
             loading="lazy" />
    </a>
</div>
        </div>
    </div>
    
    <div class="col-auto d-none d-xl-block">
            
<div class="row">
    <div class="col">
        <h6 class="color-orange">Best Seller:</h6>

        <div class="position-relative text-center">
            <a href="/product/black-mineral-shed-felt/">
                <img class="img-fluid"
                     src="https://assets.tigersheds.com/img/common/blank.gif"
                     srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, https://assets.tigersheds.com/img/site/large/felt(1)500.jpg 300w"
                     sizes="(max-width: 992px) 1px, 300px"
                     alt="Black Mineral Shed Felt"
                     width="300"
                     height="300"
                     loading="lazy" />
            </a>
        </div>
        
        <div class="p-2 mt-2 border links-grey">
            <a href="/product/black-mineral-shed-felt/">
                <b>Black Mineral Shed Felt</b>
            </a>
            <div class="color-orange">From &#xA3;16.99</div>
            
                <small class="mt-2">FREE Delivery* (1 - 3 weeks)</small>
        </div>
    </div>
</div>
    </div>
</div>
                        </div>
                    </li>
                                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-245" href="/tigerflex-modular-buildings/"
                           class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable"
                           data-toggle="collapse" data-target="#navItemContainer-245" aria-expanded="false">
                            Faster Delivery Buildings
                        </a>

                        <div id="navItemContainer-245" class="collapse p-3 mb-3 link-append-plus-content background-white border-top border-top-lg-none w-100 nav-child-item" data-trigger="#navItem-245">
                            
<div class="row">
    <div class="col">
        <div class="row h-100">
            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">All Faster Delivery Buildings:</h6>
                    <ul class="links-black font-weight-bold nav-first-links">
                        <li><a href="/garden-sheds/wooden/faster-delivery-sheds/">Faster Delivery Sheds</a></li>
                        <li><a href="/log-cabins/faster-delivery-cabins/">Faster Delivery Log Cabins</a></li>
                        <li><a href="/summer-houses/faster-delivery-summerhouses/">Faster Delivery Summerhouses</a></li>
                        <li><a href="/garden-storage/faster-delivery-storage/">Faster Delivery Storage</a></li>
                    </ul>
                </div>
                
                <div class="mt-5">
                    <h6 class="color-orange">TigerFlex<sup>&reg;</sup> Buildings:</h6>
                    <ul class="links-black font-weight-bold nav-first-links">
                        <li><a href="/tigerflex-modular-buildings/tigerflex-sheds-and-storage/">TigerFlex<sup>&reg;</sup> Sheds</a></li>
                        <li><a href="/tigerflex-modular-buildings/tigerflex-modular-summerhouses/">TigerFlex<sup>&reg;</sup> Summerhouses</a></li>
                        <li><a href="/tigerflex-modular-buildings/tigerflex-modular-log-cabins/">TigerFlex<sup>&reg;</sup> Log Cabins</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">TigerFlex<sup>&reg;</sup> Configurator:</h6>
                    <ul class="d-flex flex-wrap links-black">
                        <li><a href="/tigerflex/configurator/">Create Your Own Shed<sup>&reg;</sup></a></li>
                    </ul>
                    
                    <a href="/tigerflex/configurator/">
                        <img src="https://assets.tigersheds.com/img/site/graphics/configurator/configurator-animation.gif" 
                             alt="TigerFlex Configurator" 
                             class="img-fluid"
                             loading="lazy" />
                    </a>
                </div>
            </div>

            <div class="col-12 col-lg-4 border-lg-right">
                <div>
                    <h6 class="color-orange">Popular Sheds By Size:</h6>
                    <ul class="d-flex flex-wrap links-black size-list">
                        <li><a href="/tigerflex-modular-buildings/?size=4x6">4x6</a></li>
                        <li><a href="/tigerflex-modular-buildings/?size=8x4">8x4</a></li>
                        <li><a href="/tigerflex-modular-buildings/?size=8x6">8x6</a></li>
                        <li><a href="/tigerflex-modular-buildings/?size=12x4">12x4</a></li>
                        <li><a href="/tigerflex-modular-buildings/?size=12x6">12x6</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">Roof Styles:</h6>
                    <ul class="links-black">
                        <li><a href="/tigerflex-modular-buildings/?roofstyle=14">Apex</a></li>
                        <li><a href="/tigerflex-modular-buildings/?roofstyle=15">Pent</a></li>
                    </ul>
                </div>

                <div class="mt-3">
                    <h6 class="color-orange">The TigerFlex<sup>&reg;</sup> Story:</h6>
                    <ul class="links-black">
                        <li><a href="/tigerflex-sheds/">The Original Modular Shed</a></li>
                        <li><a href="/tigerflex-summerhouses/">The Original Modular Summerhouse</a></li>
                        <li><a href="/tigerflex-log-cabins/">The Original Modular Log Cabin</a></li>
                    </ul>
                </div>
            </div>

            <div class="d-none d-lg-block col-12 mt-3 align-self-end">
    <a href="https://www.klarna.com/uk/terms-and-conditions/" target="_blank" rel="nofollow">
        <img class="img-fluid border" 
             src="https://assets.tigersheds.com/img/common/blank.gif"
             srcset="https://assets.tigersheds.com/img/common/blank.gif 1w, 
                     https://assets.tigersheds.com/img/site/nav/pay-smarter-with-klarna-short.jpg 650w"
             sizes="(max-width: 992px) 1px, 650px"
             alt="Pay Smarter With Klarna" 
             width="650"
             loading="lazy" />
    </a>
</div>
        </div>
    </div>
    
    <div class="col-auto d-none d-xl-block">
        <div>
            <h6 class="color-orange">Faster Delivery Buildings Virtual Showroom:</h6>
            <ul class="links-black">
                <li><a href="/showroom/?media-index=52&trigger-overlay-name=GARDENSHEDS">View Our Faster Delivery Buildings</a></li>
            </ul>

            <a href="/showroom/?media-index=52&trigger-overlay-name=GARDENSHEDS" class="d-none d-lg-block">
                <img src="https://assets.tigersheds.com/img/site/nav/garden-sheds-showroom.gif" alt="Faster Delivery Sheds Virtual Showroom" loading="lazy" />
            </a>
        </div>
    </div>
</div>
                        </div>
                    </li>
                                    <li class="nav-item border-bottom border-lg-0 links-grey">
                        <a id="navItem-4" href="/special-offers/" class="h-100 text-lg-center nav-parent-item">
                            PERFECT SPACE SALE
                        </a>
                    </li>
            </ul>
            <ul class="d-lg-none links-grey">
                <li class="border-bottom">
                    <a class="h-100 nav-parent-item" href="/brochure/">Request A Brochure</a>
                </li>
                <li class="border-bottom">
                    <a href="/discover-new-designs/" class="h-100 nav-parent-item">NEW Products & Designs</a>
                </li>
                <li class="border-bottom">
                    <a class="h-100 nav-parent-item" href="/showsite/">Showsites</a>
                </li>
                <li class="nav-item border-bottom links-grey">
                    <a id="navItem-help" class="h-100 text-lg-center link-append-plus nav-parent-item nav-parent-expandable" data-toggle="collapse" data-target="#navItemContainer-help" aria-expanded="false" href="/helpcentre/">
                        Help
                    </a>

                    <div id="navItemContainer-help" class="collapse p-3 link-append-plus-content background-white border-top w-100 nav-child-item" data-trigger="#navItem-help">
                        <ul>
                            <li>
                                <a href="https://help.tigersheds.com" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">support</span>
                                    Help Centre
                                </a>
                            </li>
                            <li>
                                <a href="https://help.tigersheds.com/hc/en-gb/categories/5178580185503" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">shopping_cart</span>
                                    Before You Buy
                                </a>
                            </li>
                            <li>
                                <a href="https://help.tigersheds.com/hc/en-gb/categories/5178556068639" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">info</span>
                                    Product Information
                                </a>
                            </li>
                            <li>
                                <a href="https://help.tigersheds.com/hc/en-gb/categories/5178587273631" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">local_shipping</span>
                                    Order & Delivery
                                </a>
                            </li>
                            <li>
                                <a href="https://help.tigersheds.com/hc/en-gb/categories/5178596972191" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">construction</span>
                                    Maintenance & Care
                                </a>
                            </li>
                            <li>
                                <a href="https://help.tigersheds.com/hc/en-gb/categories/5178555907743" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">change_circle</span>
                                    Returns & Replacements
                                </a>
                            </li>
                            <li>
                                <a href="https://help.tigersheds.com/hc/en-gb/categories/5178587877791" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">help</span>
                                    Troublshooting & FAQ's
                                </a>
                            </li>
                            <li>
                                <a href="https://help.tigersheds.com/hc/en-gb/categories/5178587435039" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">engineering</span>
                                    Assembly & Installation
                                </a>
                            </li>
                            <li>
                                <a href="https://help.tigersheds.com/hc/en-gb/categories/5178470834079" target="_blank" class="d-flex align-items-center my-1">
                                    <span class="material-symbols-outlined mr-2">play_circle</span>
                                    Video Guides
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="border-bottom">
                    <a class="h-100 nav-parent-item" href="/page/bespoke-sheds/">Bespoke Sheds</a>
                </li>
                <li class="border-bottom">
                    <a class="h-100 nav-parent-item" href="/blog/">Blog</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- Mobile Search & Quick Links -->


<div class="row d-lg-none no-gutters collapse position-absolute border-bottom w-100" id="search">
    <div class="col p-2">

        <div class="form-row align-items-center w-100">

            <div id="searchfield-container-mobile" class="w-100"></div>
        </div>


        <div class="pt-2">
            <h4 class="font-weight-bold color-orange text-center">Quick Links</h4>

            <div id="quickLinks" class="row">
                <div class="col-6 p-3">
                    <ul>
                        <li><a href="/garden-sheds/">Garden Sheds</a></li>
                        <li><a href="/garden-sheds/">Storage Sheds</a></li>
                        <li><a href="/garden-storage/bike-storage/">Bike Sheds</a></li>
                        <li><a href="/summer-houses/">Potting Sheds</a></li>
                    </ul>
                </div>
                <div class="col-6 p-3">
                    <ul>
                        <li><a href="/garden-sheds/wooden/apex/">Apex Sheds</a></li>
                        <li><a href="/garden-sheds/wooden/pent/">Pent Sheds</a></li>
                        <li><a href="/garden-sheds/wooden/corner/">Garden Corner Sheds</a></li>
                        <li><a href="/contact/">Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


                </div>
            </div>
        </div>
    </div>
</header>
        


 <link rel="stylesheet" href="/css/dist/pages/blog.min.css?v=UOHV2RQs2hFLJ3kNCoh1PBFgl8ux72-uDXDOdHVvP_I" />


<div class="container">
    
 

<script type="application/ld+json">
    {
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.tigersheds.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://www.tigersheds.com/blog/"
    }
  ]
}
</script>

<div class="row">
    <div class="col">
        <ul id="breadcrumbs" class="d-flex flex-wrap align-items-center list-unstyled mb-0">
            <li>
                <a href="/" class="text-decoration-none">Home</a>
            </li>

                <li class="mx-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24">
                        <path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9" />
                    </svg>
                </li>
                <li>
                    <a href="/blog/" class="text-decoration-none">
                        Blog
                    </a>
                </li>
        </ul>
    </div>
</div>


    <div id="blog-container" class="row">
        <div id="blog-logo" class="col-12 text-center border-lg-left">
            <a href="/blog/">
                <img class="mx-auto mb-3 img-fluid" alt="The Hip Horticulturist" width="700" height="75" src="https://assets.tigersheds.com/img/site/logos/blog-logo.svg">
            </a>
        </div>
        
        
<div id="blog-categories" class="col-12">
    <h2 class="font-heading text-uppercase color-orange text-center text-lg-left">Categories</h2>

    <select id="blog-category-list-mobile" class="d-lg-none w-100">
        <option>Select Category...</option>
            <option value="/blog/category/customer-spotlights/">Customer Spotlight</option>
            <option value="/blog/category/garden-room-guides-and-how-tos/">Garden Room Guides &amp; How To&#x27;s</option>
            <option value="/blog/category/garden-shed-guides-and-how-tos/">Garden Shed Guides &amp; How To&#x27;s</option>
            <option value="/blog/category/garden-storage-guides-and-how-tos/">Garden Storage Guides &amp; How To&#x27;s</option>
            <option value="/blog/category/greenhouse-guides-and-how-tos/">Greenhouse Guides &amp; How To&#x27;s</option>
            <option value="/blog/category/ideas-and-advice/">Ideas &amp; Inspiration</option>
            <option value="/blog/category/log-cabin-guides-and-how-tos/">Log Cabin Guides &amp; How To&#x27;s</option>
            <option value="/blog/category/meet-the-team/">Meet the Team</option>
            <option value="/blog/category/news-and-community/">News &amp; Community</option>
            <option value="/blog/category/pethouse-guides-and-how-tos/">Pethouse Guides &amp; How To&#x27;s</option>
            <option value="/blog/category/playhouse-guides-and-how-tos/">Playhouse Guides &amp; How To&#x27;s</option>
            <option value="/blog/category/summerhouse-guides-and-how-tos/">Summerhouse Guides &amp; How To&#x27;s</option>
    </select>

    <ul id="blog-category-list" class="d-none d-lg-block p-0 links-black">
            <li><a href="/blog/category/customer-spotlights/">Customer Spotlight</a></li>
            <li><a href="/blog/category/garden-room-guides-and-how-tos/">Garden Room Guides &amp; How To&#x27;s</a></li>
            <li><a href="/blog/category/garden-shed-guides-and-how-tos/">Garden Shed Guides &amp; How To&#x27;s</a></li>
            <li><a href="/blog/category/garden-storage-guides-and-how-tos/">Garden Storage Guides &amp; How To&#x27;s</a></li>
            <li><a href="/blog/category/greenhouse-guides-and-how-tos/">Greenhouse Guides &amp; How To&#x27;s</a></li>
            <li><a href="/blog/category/ideas-and-advice/">Ideas &amp; Inspiration</a></li>
            <li><a href="/blog/category/log-cabin-guides-and-how-tos/">Log Cabin Guides &amp; How To&#x27;s</a></li>
            <li><a href="/blog/category/meet-the-team/">Meet the Team</a></li>
            <li><a href="/blog/category/news-and-community/">News &amp; Community</a></li>
            <li><a href="/blog/category/pethouse-guides-and-how-tos/">Pethouse Guides &amp; How To&#x27;s</a></li>
            <li><a href="/blog/category/playhouse-guides-and-how-tos/">Playhouse Guides &amp; How To&#x27;s</a></li>
            <li><a href="/blog/category/summerhouse-guides-and-how-tos/">Summerhouse Guides &amp; How To&#x27;s</a></li>
    </ul>
</div>
        
        <div id="blog-search" class="col-12 mt-3 mt-lg-0">
            <h2 class="d-none d-lg-block font-heading text-uppercase color-orange text-center text-lg-left">Search</h2>

            <form method="GET" class="form-inline" action="/blog/search/">
                <div class="input-group w-100">
                    <input type="text" id="BlogSearchString" name="searchTerm" class="form-control w-75 p-2" placeholder="Search articles" autocomplete="off">
                    <button type="submit" class="btn btn-orange d-flex align-items-center">
                        <span class="material-symbols-outlined">
                        search
                        </span>
                    </button>
                </div>
            </form>
            <hr class="d-none d-lg-block"/>
        </div>
        
            <div id="blog-articles" class="col-12 border-lg-left mt-3 mt-lg-0">
                <h1 class="font-heading text-uppercase color-orange text-center">Latest Articles</h1>
                <p class="m-0 text-center">163 Articles</p>

                    <div class="row">
                                                    <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/transform-your-garden-building-in-winter/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2026-01-02-162506.png" 
                                             alt="A picture of a Tiger Modular insulated garden room in winter" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Transform Your Garden Building in Winter</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/transform-your-garden-building-in-winter/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/winter-garden-storage/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2025-12-11-151005.png" 
                                             alt="A wooden shed in a snowy garden" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Winter Garden Storage</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/winter-garden-storage/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/buying-guide-for-year-round-garden-buildings/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2025-12-10-154745.png" 
                                             alt="A picture of a Tiger Modular insulated garden room in autumn garden scene" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Buying Guide for Year Round Garden Buildings</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/buying-guide-for-year-round-garden-buildings/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/tiger-spotlight-victoria-justice-diy-home-interiors-blogger/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-11-11-132158.png" 
                                             alt="A picture containing a Tiger Sheds wooden log cabin with georgian style windows and doors" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Tiger Spotlight | Victoria Justice, DIY &amp; Home Interiors Blogger</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/tiger-spotlight-victoria-justice-diy-home-interiors-blogger/">Read More</a>
                            </div>
                                <div class="col-12 mt-5">
                                    <a href="/page/win-your-order/">
                                        <img src="https://assets.tigersheds.com/img/blog/win-your-order.jpg" alt="Win Your Order" class="img-fluid" loading="lazy" />
                                    </a>
                                </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/how-to-fit-guttering-on-a-shed/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-10-08-160831.png" 
                                             alt="A picture of two men installing shed guttering" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>How to Fit Guttering on a Shed</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/how-to-fit-guttering-on-a-shed/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/how-to-store-garden-tools/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-10-07-144822.png" 
                                             alt="A picture containing tool shed interior, storage shelves work bench and storage bench" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>How to Store Garden Tools</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/how-to-store-garden-tools/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/how-to-keep-your-shed-cool/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-07-25-174557.png" 
                                             alt="A garden shed with pent roof, window and door curtains" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>How to Keep your Shed Cool</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/how-to-keep-your-shed-cool/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/ultimate-shed-accessories-guide-tiger-sheds/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-06-27-135147.png" 
                                             alt="Tiger Sheds Workshop" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Ultimate Shed Accessories Guide </b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/ultimate-shed-accessories-guide-tiger-sheds/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/the-story-behind-merseyside-sheds/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/external-showsite.jfif" 
                                             alt="Merseyside Sheds, Tiger Sheds Show Site" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>The Story Behind Merseyside Sheds</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/the-story-behind-merseyside-sheds/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/how-to-build-a-garden-workshop-/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-03-08-123929.png" 
                                             alt="Tiger Sheds Wooden Workshop with tiered shelving" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>How to Build a Garden Workshop </b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/how-to-build-a-garden-workshop-/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/customer-spotlight-hayley-stuart-diy-interiors-blogger/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-01-29-122129.png" 
                                             alt="Tiger Sheds Persian Log Cabin with Georgian Windows, garden" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Tiger Spotlight | Hayley Stuart, DIY &amp; Interiors Blogger</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/customer-spotlight-hayley-stuart-diy-interiors-blogger/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/top-garden-trends-for-2024/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/hygee-home-landscape.png" 
                                             alt="Tiger Shed log cabin interior with chair and table" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Top Garden Trends for 2024</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/top-garden-trends-for-2024/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/meet-the-tiger-team-dave-hansell-warehouse-senior-operative/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-01-17-112845.png" 
                                             alt="Dave Hansell Tiger Sheds Warehouse Senior Operative" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Meet the Tiger Team | Dave Hansell, Warehouse Senior Operative</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/meet-the-tiger-team-dave-hansell-warehouse-senior-operative/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/ideas-to-create-the-ultimate-garden-workout-space/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2024-01-05-164122.png" 
                                             alt="Garden log cabin home gym with exercise equipment" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Ideas to Create the Ultimate Garden Workout Space</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/ideas-to-create-the-ultimate-garden-workout-space/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/meet-the-tiger-team-adam-deary-showsite-manager/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2023-12-04-140141.png" 
                                             alt="Adam Deary Tiger Sheds Showsite Manager Merseyside" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Meet the Tiger Team | Adam Deary, Showsite Manager</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/meet-the-tiger-team-adam-deary-showsite-manager/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/meet-the-tiger-team-paul-dixon-driver/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2023-11-02-111212.png" 
                                             alt="Tiger Sheds Delivery Driver" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Meet the Tiger Team | Paul Dixon, Driver</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/meet-the-tiger-team-paul-dixon-driver/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/how-to-felt-a-shed-roof/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/screenshot-2023-10-10-124237.png" 
                                             alt="A picture showing how to felt a pent shed roof" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>How to Felt a Shed Roof</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/how-to-felt-a-shed-roof/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/meet-the-tiger-team-eric-top-cat/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/crope.png" 
                                             alt="Tiger Sheds Eric in shed workshop" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Meet the Tiger Team | Eric, Brand Ambassador</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/meet-the-tiger-team-eric-top-cat/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/meet-the-tiger-team-stephen-hogg-product-designer/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/sh.png" 
                                             alt="A picture containing Stephen Hogg product designer Tiger Sheds, desk, computer" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Meet the Tiger Team | Stephen Hogg, Product Designer</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/meet-the-tiger-team-stephen-hogg-product-designer/">Read More</a>
                            </div>
                            <div class="col-12 col-md-6 mt-5">
                                <div class="d-block links-black">
                                    <a href="/blog/meet-the-tiger-team-agata-choma-head-of-operations/">
                                        <img src="https://assets.tigersheds.com/img/blog/featured/medium/img_3046.JPG" 
                                             alt="A picture containing Agata Choma, Head of Operations, Factory, Workshop, Tiger Sheds" 
                                             class="border img-fluid" 
                                             width="475"
                                             height="238"
                                             loading="lazy" />
                                        <b>Meet the Tiger Team | Agata Choma, Head of Operations</b>
                                    </a>
                                </div>
                                <a class="btn-orange d-inline-flex py-2 px-3 mt-3" href="/blog/meet-the-tiger-team-agata-choma-head-of-operations/">Read More</a>
                            </div>
                    </div>
<div class="pagination-container"><ul class="pagination"><li class="active"><span>1</span></li><li><a href="/blog/?page=2">2</a></li><li><a href="/blog/?page=3">3</a></li><li><a href="/blog/?page=4">4</a></li><li><a href="/blog/?page=5">5</a></li><li><a href="/blog/?page=6">6</a></li><li><a href="/blog/?page=7">7</a></li><li><a href="/blog/?page=8">8</a></li><li><a href="/blog/?page=9">9</a></li><li class="PagedList-skipToNext"><a href="/blog/?page=2" rel="next">></a></li></ul></div>            </div>

        
<div id="blog-must-read" class="col-12">
    <h2 class="font-heading text-uppercase color-orange text-center text-lg-left mt-3">Must Read</h2>

    <div class="border-top border-bottom links-black">
            <div class="row my-2">
                <div class="col-4 pr-0">
                    <a href="/blog/winter-garden-storage/">
                        <img src="https://assets.tigersheds.com/img/blog/featured/small/screenshot-2025-12-11-151005.png" 
                             class="border img-fluid" 
                             width="100"
                             height="50"
                             loading="lazy" />
                    </a>
                </div>
                <div class="col-8">
                    <a href="/blog/winter-garden-storage/">
                        Winter Garden Storage
                    </a>
                </div>
            </div>
            <div class="row my-2">
                <div class="col-4 pr-0">
                    <a href="/blog/transform-your-garden-building-in-winter/">
                        <img src="https://assets.tigersheds.com/img/blog/featured/small/screenshot-2026-01-02-162506.png" 
                             class="border img-fluid" 
                             width="100"
                             height="50"
                             loading="lazy" />
                    </a>
                </div>
                <div class="col-8">
                    <a href="/blog/transform-your-garden-building-in-winter/">
                        Transform Your Garden Building in Winter
                    </a>
                </div>
            </div>
            <div class="row my-2">
                <div class="col-4 pr-0">
                    <a href="/blog/buying-guide-for-year-round-garden-buildings/">
                        <img src="https://assets.tigersheds.com/img/blog/featured/small/screenshot-2025-12-10-154745.png" 
                             class="border img-fluid" 
                             width="100"
                             height="50"
                             loading="lazy" />
                    </a>
                </div>
                <div class="col-8">
                    <a href="/blog/buying-guide-for-year-round-garden-buildings/">
                        Buying Guide for Year Round Garden Buildings
                    </a>
                </div>
            </div>
    </div>
</div>

        <div id="blog-press" class="col-12 mt-3">
            <h2 class="font-heading text-uppercase color-orange text-center text-lg-left mt-3">Press Contacts</h2>

            <div class="border-top border-bottom">
                <p class="py-2 m-0">Imagery, information, ideas, influencers?
                    Please contact <a href="/cdn-cgi/l/email-protection#9bebe9dbeff2fcfee9e8f3feffe8b5f8f4f6"><span class="__cf_email__" data-cfemail="06767446726f616374756e6362752865696b">[email&#160;protected]</span></a>
                </p>
            </div>
        </div>

        <div id="blog-social" class="col-12 d-none d-lg-block mt-3">
            <h2 class="font-heading text-uppercase color-orange text-center text-lg-left mt-3">We Are A Social Bunch...</h2>

            <div class="border-top border-bottom">
                <p class="py-2 m-0">Follow us for up to date information and general goings on.</p>
                
                <ul id="blog-social-icons" class="d-flex p-0 links-grey">
                    <li class="mr-2">
                        <a href="https://www.instagram.com/tigersheds/" target="_blank">
                            <img src="https://assets.tigersheds.com/img/site/icons/svg/instagram.svg" width="32" alt="Instagram" loading="lazy" />
                        </a>
                    </li>
                    <li class="mr-2">
                        <a href="https://www.facebook.com/tiger.sheds/" target="_blank">
                            <img src="https://assets.tigersheds.com/img/site/icons/svg/facebook.svg" width="32" alt="Facebook" loading="lazy" />
                        </a>
                    </li>
                    <li class="mr-2">
                        <a href="https://www.youtube.com/channel/UCaeiPL-IADl97MpFg3fBepg" target="_blank">
                            <img src="https://assets.tigersheds.com/img/site/icons/svg/youtube.svg" width="32" alt="YouTube" loading="lazy" />
                        </a>
                    </li>
                    <li class="mr-2">
                        <a href="https://www.tiktok.com/@tiger_sheds" target="_blank">
                            <img src="https://assets.tigersheds.com/img/site/icons/svg/tiktok.svg" width="32" alt="TikTok" loading="lazy" />
                        </a>
                    </li>
                    <li class="mr-2">
                        <a href="https://www.pinterest.co.uk/TigerSheds/" target="_blank">
                            <img src="https://assets.tigersheds.com/img/site/icons/svg/pinterest.svg" width="32" alt="Pinterest" loading="lazy" />
                        </a>
                    </li>
                    <li class="mr-2">
                        <a href="https://x.com/TigerSheds" target="_blank">
                            <img src="https://assets.tigersheds.com/img/site/icons/svg/twitterx.svg" width="32" alt="X" loading="lazy" />
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="row background-grey color-white">
    <div class="container">
        <div class="col my-5">
            <h4 class="font-heading color-white text-uppercase text-center">Why not subscribe to our newsletter?</h4>

            <div class="row">
                <div class="col mt-4">
                    <form id="subscribe-form" name="subscribe-form" v-on:submit.prevent="validateBeforeSubmit" action="/home/signup/" method="post">
                        <div class="form-row">
                            <div class="col-12 col-lg-4">
                                <input type="text" name="name" class="form-control" :class="{'form-error': errors.has('name')}" 
                                       placeholder="Name" v-model="name" v-validate="'required'" />
                                <span class="font-weight-bold color-white" v-cloak v-show="errors.has('name')">{{ errors.first('name') }}</span>
                            </div>
                            <div class="col-12 my-3 col-lg-6 my-lg-0">
                                <input type="email" name="email" class="form-control" :class="{'form-error': errors.has('email')}" 
                                       placeholder="Email address" autocomplete="email" v-model="email" v-validate="'required|email'" />
                                <span class="font-weight-bold color-white" v-cloak v-show="errors.has('email')">{{ errors.first('email') }}</span>
                            </div>
                            <div class="col-12 col-lg-2">
                                <button type="submit" class="btn btn-orange w-100" :disabled="isWorking">Sign Up</button>
                            </div>
                        </div>

                        <small class="d-block links-white mt-3 text-center">
                            By entering your personal information and clicking sign up above, you agree and consent to receive marketing communications from us
                            and confirm that you have read and agree to our <a href="/page/terms/">Terms &amp; Conditions</a>,
                            <a href="/page/privacy-policy/">Privacy Policy</a> &
                            <a href="/page/cookies/">Cookies Policy</a>.
                            You can opt out at any time.
                        </small>

                        <div v-show="isComplete" class="mt-3">
                            <div class="alert alert-success" role="alert">
                                Thank you for signing up to our newsletter.<br />
                            </div>
                        </div>
                    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8O0iSsn4e9hCvJoYR7oDdShGFa_a32Gd7qX-32tGLMeazBrGZfdd5LnYBN9soChOXCeSblw9GNLnn1jP9QslPxMVhzSGckSZsG9T5LBFvq-INkH2PWaVN6A95Nw75SePOj3hrUJEPIRMuiDlYwwAx_Y" /></form>
                </div>
            </div>
        </div>
    </div>
</div>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/js/dist/components/signup-form.js?v=YXrOMTmM4LCva4JEU1xSzUOTK-A3_nZqBQWf452FW6s"></script>


        <!-- Socials -->
<div class="row text-center pt-3 pb-5 py-lg-2 background-lg-grey color-lg-white border-top border-top-lg-none">
    <div class="col d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-center">
        <h3 class="font-heading text-uppercase color-orange d-lg-none">Get Social</h3>
        <b><i>Follow Us On</i></b>

        <ul id="social-icons" class="d-flex justify-content-center p-0 mt-3 mt-lg-0 ml-lg-3">
            <li>
                <a href="https://www.instagram.com/tigersheds/" target="_blank">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/instagram-white.svg" class="d-none d-lg-block" width="24" height="24" alt="Instagram" loading="lazy" />
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/instagram.svg" class="d-lg-none" width="32" height="32" alt="Instagram" loading="lazy" />
                </a>
            </li>
            <li>
                <a href="https://www.facebook.com/tiger.sheds/" target="_blank">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/facebook-white.svg" class="d-none d-lg-block" width="24" height="24" alt="Facebook" loading="lazy" />
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/facebook.svg" class="d-lg-none" width="32" height="32" alt="Facebook" loading="lazy" />
                </a>
            </li>
            <li>
                <a href="https://www.youtube.com/channel/UCaeiPL-IADl97MpFg3fBepg" target="_blank">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/youtube-white.svg" class="d-none d-lg-block" width="24" height="24" alt="YouTube" loading="lazy" />
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/youtube.svg" class="d-lg-none" width="32" height="32" alt="YouTube" loading="lazy" />
                </a>
            </li>
            <li>
                <a href="https://www.tiktok.com/@tiger_sheds" target="_blank">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/tiktok-white.svg" class="d-none d-lg-block" width="24" height="24" alt="TikTok" loading="lazy" />
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/tiktok.svg" class="d-lg-none" width="32" height="32" alt="TikTok" loading="lazy" />
                </a>
            </li>
            <li>
                <a href="https://www.pinterest.co.uk/TigerSheds/" target="_blank">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/pinterest-white.svg" class="d-none d-lg-block" width="24" height="24" alt="Pinterest" loading="lazy" />
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/pinterest.svg" class="d-lg-none" width="32" height="32" alt="Pinterest" loading="lazy" />
                </a>
            </li>
            <li>
                <a href="https://www.x.com/TigerSheds" target="_blank">
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/twitterx-white.svg" class="d-none d-lg-block" width="24" height="24" alt="X" loading="lazy" />
                    <img src="https://assets.tigersheds.com/img/site/icons/svg/twitterx.svg" class="d-lg-none" width="32" height="32" alt="X" loading="lazy" />
                </a>
            </li>
        </ul>
    </div>
</div>

<div class="row background-white d-lg-none">
    <div class="col text-center">
        <h3 class="font-heading text-uppercase color-orange">Speak To An Expert</h3>
        <h4>Tel: <a href="tel:01132054189">0113 205 4189</a></h4>
        <p>Mon-Fri 9am-5pm</p>
    </div>
</div>

<div class="row d-lg-none">
    <div class="col text-center">
        <img src="https://assets.tigersheds.com/img/site/graphics/eric/eric.jpg" alt="Eric" class="img-fluid" width="700" loading="lazy" />
    </div>
</div>

<footer class="row background-black mt-0">
    <div class="col">
        <div class="container">
            <div class="row my-3">
                <div class="col-6 col-md-4 col-lg-2 links-white p-2">
                    <b class="color-orange">FIND YOUR PERFECT SPACE</b>
                    <ul>
                        <li><a href="/brochure/">Brochure Request</a></li>
                        <li><a href="/contact/?subject=2">Bespoke Enquiry</a></li>
                        <li><a href="/tigerflex/configurator/">TigerFlex<sup>&reg;</sup> Configurator</a></li>
                        <li><a href="/welcome/">Welcome Pack</a></li>
                        <li><a href="/tigerclub/">Tiger Club</a></li>
                        <li><a href="https://www.tigermodular.com/" target="_blank">Tiger Modular</a></li>
                    </ul>
                </div>

                <div class="col-6 col-md-4 col-lg-2 links-white p-2">
                    <b class="color-orange">HELP FOR YOU</b>
                    <ul>
                        <li><a href="/reviews/">Reviews</a></li>
                        <li><a href="https://help.tigersheds.com/hc/en-gb">Help Centre</a></li>
                        <li><a href="/helpcentre/easy-builder/">Instructions & Videos</a></li>
                        <li><a href="/find-your-space/">Inspiration</a></li>
                        <li><a href="/order/find/">Track Your Order</a></li>
                        <li><a href="/shed-of-the-year/">Shed Of The Year</a></li>
                        <li><a href="/charity-of-the-year/">Charity Of The Year</a><li>
                    </ul>
                </div>

                <div class="col-6 col-md-4 col-lg-2 links-white p-2">
                    <b class="color-orange">CONTACT US</b>
                    <ul>
                        <li><a href="/contact/">Contact Us</a></li>
                        <li><a href="/trade/">Trade &amp; Wholesale</a></li>
                        <li><a href="/franchise/">Franchises</a></li>
                        <li><a href="/recruitment/">Careers</a></li>
                    </ul>
                </div>

                <div class="col-6 col-md-4 col-lg-2 links-white p-2">
                    <b class="color-orange">SHOPPING WITH US</b>
                    <ul>
                        <li><a href="/page/terms/">Terms &amp; Conditions</a></li>
                        <li><a href="/page/privacy-policy/">Privacy Policy</a></li>
                        <li><a href="/page/cookies/">Cookies Policy</a></li>
                        <li><a href="/finance/">Klarna Finance</a></li>
                        <li><a href="/finance/novuna/">Novuna Finance</a></li>
                        <li><a href="/delivery/">Delivery</a></li>
                        <li><a href="/installation/">Installation</a></li>
                    </ul>
                </div>

                <div class="col-6 col-md-4 col-lg-2 links-white p-2">
                    <b class="color-orange">OUR STORY</b>
                    <ul>
                        <li><a href="/about/">About Us</a></li>
                        <li><a href="/esg/">Environmental, Social & Governance</a></li>
                        <li><a href="/sustainability/">Sustainability</a></li>
                        <li><a href="/sitemap/">Sitemap</a></li>
                    </ul>
                </div>

                <div class="col-6 col-md-4 col-lg-2 links-white p-2">
                    <b class="color-orange">SEE FOR YOURSELF</b>
                    <ul>
                        <li><a href="/showsite/">All Our Showsite Locations</a></li>
                        <li><a href="/modular/showroom/">Tiger Virtual Showroom</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col text-center">
                <img src="https://assets.tigersheds.com/img/site/logos/acid-logo-white.png" class="img-fluid" alt="A Member of Anti Copying In Design" width="160" height="75" loading="lazy" />
            </div>
        </div>

        <hr class="border-orange my-4" />

        <div class="row">
            <div class="col-12 text-center color-white mb-3">
                <small class="d-block mt-2 mt-lg-0">Copyright 2026 Tiger Sheds. All Rights Reserved.</small>
                <small class="d-block mt-2">Tiger Sheds is a trading name of Woodlands Home & Garden Group Limited. Registered address: Calverley Lane, Rodley, Leeds, West Yorkshire, LS13 1NP. Company Reg No. 132673 (England & Wales). VAT No. 886 5322 88</small>
              
                <small class="d-block">
                    Credit subject to status and affordability. Woodlands Home And Garden Group Limited (FCA FRN 914564) trading as Tiger Sheds are Authorised and Regulated by the Financial Conduct Authority. We are a credit broker, not a lender - credit is subject to status and affordability, and is provided by a panel of lenders with whom we have a commercial relationship, including Klarna Financial Services UK Limited (company number 14290857) and Mitsubishi HC Capital UK PLC (company number 1630491). Please note that Klarna’s Pay in 3 instalments and Pay in 30 days agreements are not regulated by the FCA. Finance is only available to permanent UK residents aged over 18, subject to status and affordability. Terms and conditions apply. The register can be accessed through <a href="https://www.fca.org.uk/">www.fca.org.uk</a>

                </small>
                <small class="d-block mt-2">
                    <a href="javascript:user_consent.reveal();">Update Cookie Consent</a>
                </small>
            </div>

            <div class="col-12 text-center d-lg-none">
                <div class="p-3 mx-auto links-white">
                    <a href="#" role="button">
                        <span class="material-symbols-outlined w-100">
                            arrow_circle_up
                        </span>
                        Back to top
                    </a>
                </div>
            </div>
        </div>
    </div>
</footer>

<div id="videoModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="embed-responsive embed-responsive-16by9">
                <iframe id="video" class="embed-responsive-item" src="" allowfullscreen></iframe>
            </div>
        </div>
    </div>
</div>
        
        <div id="finance-calculator-modal" class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Enjoy Now - Pay Later</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        

    <link rel="stylesheet" href="/css/dist/pages/finance-calculator.min.css?v=ISr0VFYX_CcvJjcYBwOzJUqjN-ZRt-Coe9R0yteGC0Q" />


<div id="finance-calculator" class="row mt-3">
    <div class="col">
        <div class="row">
            <div class="col-12 col-lg-9">
                <div class="border-bottom mb-3">
                    <h3 class="h4">Finance Calculator</h3>
                    <p>At Tiger Sheds we have a massive range of repayment options, we are sure there will be one to suit you.</p>
                    <p>Find out more about the repayment options using our handy finance calculator.</p>
                    <p> A 10% deposit will be required as standard (exc. Pay In Three).</p>
                </div>

                <h4 class="mb-0">Choose your budget</h4>
                <small>What is the total cost of your chosen product(s)?</small>

                <div class="input-group">
                    <div class="input-group-prepend">
                        <div class="input-group-text">£</div>
                    </div>
                    <input type="number" id="budget" class="calc-input w-50" value="1000" step="50" min="300" />
                    <small id="budget-message" class="d-none color-red"></small>
                </div>

                <div id="depositContainer">

                    <div class="input-group" style="display:none">
                        <input type="number" id="deposit" class="calc-input w-50" value="10" min="10" max="100"/>
                        <div class="input-group-append">
                            <div class="input-group-text">%</div>
                        </div>
                    </div>
                </div>
                <h4 class="mt-5 pt-2 mb-0">Choose a repayment term (months)</h4>
                <small>You may wish to reduce the time it takes to repay your finance</small>

                <div class="table-responsive">
                    <table class="table repayment-options">
                        <tr>
                            <td width="10%">
                                <button type="button" class="repayment-button repayment-button-text no-deposit" data-num-payments="3" data-interest="0">PAY IN THREE*</button>
                            </td>
                            <td width="5%" class="separator">OR</td>
                            <td width="10%">
                                <button type="button" class="repayment-button deposit" data-num-payments="6" data-interest="0">6</button>
                            </td>
                            <td width="10%">
                                <button type="button" class="repayment-button deposit" data-num-payments="12" data-interest="0">12</button>
                            </td>
                            <td width="5%" class="separator">OR</td>
                            <td width="10%">
                                <button type="button" class="repayment-button deposit" data-num-payments="24" data-interest="9.9">24</button>
                            </td>
                            <td width="10%">
                                <button type="button" class="repayment-button deposit" data-num-payments="36" data-interest="9.9">36</button>
                            </td>
                            <td width="10%">
                                <button type="button" class="repayment-button repayment-selected deposit" data-num-payments="48" data-interest="9.9">48</button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <small class="d-block background-pink text-center">3 Payments</small>
                            </td>
                            <td></td>
                            <td colspan="2">
                                <small class="d-block background-pink text-center">Interest Free 0% APR</small>
                            </td>
                            <td></td>
                            <td colspan="3">
                                <small class="d-block background-pink text-center">Classic 9.9% APR</small>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="col-12 col-lg-3 text-lg-right mt-3 mt-lg-0">
                
                <div class="row no-gutters border-left border-top border-right border-lg-0">
                    <div id="depositTotalLabel" class="col-6 col-lg-12 mt-lg-3 background-lightgrey background-lg-none p-2 p-lg-0">
                        <small>Deposit</small>
                    </div>
                    <div id="depositTotalValue" class="col-6 col-lg-12 text-center text-lg-right p-2 p-lg-0">
                        <span id="deposit-val" class="calc-value">&pound;0.00</span>
                    </div>
                </div>

                <div class="row no-gutters border-left border-top border-right border-lg-0">
                    <div class="col-6 col-lg-12 mt-lg-3 background-lightgrey background-lg-none p-2 p-lg-0">
                        <small>Amount of finance</small>
                    </div>
                    <div class="col-6 col-lg-12 text-center text-lg-right p-2 p-lg-0">
                        <span id="budget-val" class="calc-value">&pound;0.00</span>
                    </div>
                </div>

                <div class="row no-gutters border-left border-top border-right border-lg-0">
                    <div class="col-6 col-lg-12 mt-lg-3 background-lightgrey background-lg-none p-2 p-lg-0">
                        <small>Repayments</small>
                    </div>
                    <div class="col-6 col-lg-12 text-center text-lg-right p-2 p-lg-0">
                        <span id="repayments-val" class="calc-value">48</span>
                    </div>
                </div>

                <div class="row no-gutters border-left border-top border-right border-lg-0">
                    <div class="col-6 col-lg-12 mt-lg-3 background-lightgrey background-lg-none p-2 p-lg-0">
                        <small>APR</small>
                    </div>
                    <div class="col-6 col-lg-12 text-center text-lg-right p-2 p-lg-0">
                        <span id="interest-val" class="calc-value">9.9%</span>
                    </div>
                </div>

                <div class="row no-gutters border-left border-top border-right border-lg-0">
                    <div class="col-6 col-lg-12 mt-lg-3 background-lightgrey background-lg-none p-2 p-lg-0">
                        <small>Interest</small>
                    </div>
                    <div class="col-6 col-lg-12 text-center text-lg-right p-2 p-lg-0">
                        <span id="interest-amount-val" class="calc-value">&pound;0.00</span>
                    </div>
                </div>

                <div class="row no-gutters border-left border-top border-right border-lg-0 mt-lg-3">
                    <div class="col-6 col-lg-12 background-lightgrey background-lg-pink p-2 pb-lg-0">
                        <small>Monthly repayment</small>
                    </div>
                    <div class="col-6 col-lg-12 pb-lg-2 background-lg-pink text-center text-lg-right p-2 pt-lg-0">
                        <span id="monthly-val" class="calc-value">&pound;0.00</span>
                    </div>
                </div>

                <div class="row no-gutters border-left border-top border-right border-lg-0">
                    <div class="col-6 col-lg-12 background-lightgrey background-lg-pink p-2 pb-lg-0">
                        <small>Total to repay</small>
                    </div>
                    <div class="col-6 col-lg-12 pb-lg-2 background-lg-pink text-center text-lg-right p-2 pt-lg-0">
                        <span id="total-val" class="calc-value">&pound;0.00</span>
                    </div>
                </div>
                
                <div class="row no-gutters border border-lg-0">
                    <div class="col-6 col-lg-12 mt-lg-3 background-lightgrey background-lg-none p-2 p-lg-0">
                        <small>Total payable</small>
                    </div>
                    <div class="col-6 col-lg-12 text-center text-lg-right p-2 p-lg-0">
                        <span id="totalPayable-val" class="calc-value">&pound;0.00</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="row my-3">
            <div class="col text-center">
                <small id="payin3terms" class="d-none"><b>* Pay in 3 equal payments</b> – first when your order is confirmed, second 30 days later and third 60 days later. No interest, no fees.</small>
                <small id="payin3error" class="color-red d-none">Please note: Pay In 3 is only applicable to orders with a value of £1500 or less.</small>

                <p class="font-size-0_75">
                    Choose Klarna in checkout to apply for a finance option. 10% deposit required as standard (excluding Pay In Three). 
                    <b>Borrowing more than you can afford or paying late may negatively impact your financial status and ability to obtain credit.</b>
                </p>
                <p class="font-size-0_75">
                    <u>REPRESENTATIVE EXAMPLE</u><br />
                    Cash/purchase price: £1200. Deposit: £120. Total amount of credit: £1080.<br />
                    Rate of interest:  9.9% p.a. (fixed). Duration of the agreement: 24 months.<br />
                    Monthly repayments: £49.58. Interest: £109.91. Total amount payable: £1309.91.<br />
                    The Representative APR: 9.9% APR Representative.
                </p>
                <p class="font-size-0_75">
                    Tiger Sheds is a trading name of Woodlands Home And Garden Group Limited (reg. address: Calverley Lane, Leeds, LS13 1NP) 
                    which is authorised and regulated by the Financial Conduct Authority (FCA FRN 914564) and acts as a credit intermediary
                    and not a lender, offering credit products provided exclusively by Klarna Financial Services UK Limited. Please note 
                    that Pay in 3 instalments agreements are not regulated by the FCA. Finance is only available to permanent UK residents 
                    aged 18+, subject to status, T&Cs and late fees apply. 
                    <a href="https://www.klarna.com/uk/terms-and-conditions" target="_blank">Klarna.com/uk/terms-and-conditions</a>
                </p>

                <img src="https://assets.tigersheds.com/img/site/logos/klarna-pink.svg" class="d-block mx-auto mt-2" alt="Klarna" height="30" />
            </div>
        </div>
    </div>
</div>
                    </div>
                </div>
            </div>
        </div>

         <div id="finance-calculator-novuna-modal" class="modal" tabindex="-1" role="dialog">
         <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Enjoy Now - Pay Later</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                     
<style>

 /*    .amount_row #pbf_input_wrapper {
         display:none !important ; 

    } */
    #pbf_calculator {
     /*    max-width: 600px; */
        font-size: 14px;
    }

/*     .amount-section label {
        display: none !important;
    } */

        #pbf_calculator input {
         /*    font-size: 0.8em; */
            padding-left: 3px;
        }

    .pbf_button_list {
        display: flex;
        flex-wrap: wrap;
        width: 102%;
    }

        .pbf_button_list label.pbf_button {
            box-sizing: border-box;
            width: 100%;
            margin: 0;
        }

    .amount_row {
        margin: 5px auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .deposit_row {
        margin: 10px auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .pbf_button_wrapper {
        margin: 5px 2% 5px 0;
    }

    #results.pbf_results {
        padding: 5px 10px;
        display: flex;
        flex-wrap: wrap;
        border-width: 3px;
        border-style: solid;
        background-color: #fff;
        position: relative;
    }

        #results.pbf_results .result {
            display: block;
            font-size: 1.0em;
            font-weight: 600;
        }

        #results.pbf_results > div {
            padding: 10px;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }

    @media (min-width: 400px) {
        #results.pbf_results > div {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding: 0;
        }
    }

    @media (min-width: 768px) {
        #results.pbf_results > div {
            -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
            max-width: 33.3%;
        }
    }

    .pbf_error_message {
        color: red;
        width: 400px;
        display: inline-block;
        max-width: 100%;
    }

    span.minMax {
        display: block;
        font-size: 0.8em;
    }

    .broker-disclaimer-section,
    .rounding-warning-section {
        font-size: 0.8em;
    }

    label {
        margin-bottom: 0;
    }

    .sliderContainer > label {
        display: block;
        margin-bottom: 10px;
    }

    .pbf_form_group > label {
        display: block;
        margin-bottom: 5px;
    }

    .pbf_form_group.amount-section > .pbf_input_wrapper {
        margin-top: 10px;
    }

    .pbf_form_group .pbf_button {
        display: inline-block;
    }

    .pbf_form_group.amount-section input.pbf_input,
    .pbf_form_group.deposit-section input.pbf_input {
        margin-right: 5px;
       /*  width: 4em; */
    }

    .pbf_form_group.term-section label.pbf_button {
        display: inline-block;
    }

    label.pbf_input_wrapper {
        height: 32px;
        background: #fff;
        font-size: 1.2em;
        border: 2px solid #dddddd;
        border-radius: 5px;
        padding-left: 8px;
        display: inline-flex;
        align-items: center;
        margin-right: 1em;
        width: 8em; 
    }

        label.pbf_input_wrapper input {
            background: rgba(0, 0, 0, 0);
            border: none;
          /*   max-width: calc(100% - 0.6em); */
            font-size: inherit;
            width:80%;
        }

    form#pbf_calculator {
        border: 1px #a9a9a9 solid;
        border-radius: 3px;
        padding: 15px 15px 0 15px;
        margin: 5px 15px 15px 15px;
    }

        form#pbf_calculator > h2 {
            font-weight: bold;
            font-size: 1.6em;
            margin: 5px 0 5px 0px;
        }

        form#pbf_calculator h3 {
            font-size: 1.4em;
            margin: 0 0 10px 0;
            position:relative;
        }

       #pbf_calculator:after {
        background-image: url("https://assets.tigersheds.com/img/site/pages/finance/Novuna_Stacked_Logo_ConsumerFinance_PurpleandGrey.png");
        position:absolute;
        right:24px;
        top:24px;
        width: 180px;
        height: 90px;
        background-size: contain;
        background-repeat:no-repeat;
        content: "";
       }
    /*! CSS Used from: https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css */
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    @media (max-width: 520px) {
        #novuna-finance-calculator {
            display: block;
        }

        #pbf_calculator:after {
            right: 4px !important;
            top: 4px !important;
            width: 80px !important;
            height: 40px !important;
        }
    }

    @media (min-width: 521px) and (max-width: 768px) {
        #term .pbf_button_wrapper {
            -ms-flex: 0 0 48%;
            flex: 0 0 48%;
            max-width: 48%;
        }


        #pbf_calculator:after {
            right: 12px !important;
            top: 24px !important;
            width: 120px !important;
            height: 60px !important;
        }
    }
    .pbf_form_group {
        margin-bottom: 15px;
    }

    .pbf_button {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 0.25em 1em;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

        .pbf_button:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

    .errorMessage {
        -webkit-animation: fadeinout 4s linear 1 forwards;
        animation: fadeinout 4s linear 1 forwards;
    }

    .dark-border{
border-color:#7d3cff !important;
border-radius:5px !important;
    }
    @-webkit-keyframes fadeinout {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fadeinout {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    #pbf_calculator .rangeSlider,
    #pbf_calculator .rangeSlider__fill {
        display: block;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    #pbf_calculator .rangeSlider {
        position: relative;
        background: #7f8c8d;
    }

    #pbf_calculator .rangeSlider__horizontal {
        height: 12px;
        width: 100%;
    }

    #pbf_calculator .rangeSlider__vertical {
        height: 100%;
        width: 20px;
    }

    #pbf_calculator .rangeSlider--disabled {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        opacity: 0.4;
    }

    #pbf_calculator .rangeSlider__fill {
        background: #16a085;
        position: absolute;
    }

    #pbf_calculator .rangeSlider__fill__horizontal {
        height: 100%;
        top: 0;
        left: 0;
    }

    #pbf_calculator .rangeSlider__fill__vertical {
        width: 100%;
        bottom: 0;
        left: 0;
    }

    #pbf_calculator .rangeSlider__handle {
        border: 1px solid #ccc;
        cursor: pointer;
        display: inline-block;
        width: 25px;
        height: 25px;
        position: absolute;
        background: #fff linear-gradient(hsla(0, 0%, 100%, 0), rgba(0, 0, 0, 0.1));
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
        border-radius: 50%;
    }

    #pbf_calculator .rangeSlider__handle__horizontal {
        top: -6px;
    }

    #pbf_calculator .rangeSlider__handle__vertical {
        left: -10px;
        bottom: 0;
    }

    #pbf_calculator .rangeSlider__handle:after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(rgba(0, 0, 0, 0.13), hsla(0, 0%, 100%, 0));
        border-radius: 50%;
    }

    #pbf_calculator .rangeSlider__handle:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    }

    #pbf_calculator input[type="range"]:focus + .rangeSlider .rangeSlider__handle {
        box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
    }

    #pbf_calculator .rangeSlider__buffer {
        position: absolute;
        top: 3px;
        height: 14px;
        background: #2c3e50;
        border-radius: 10px;
    }

    #pbf_calculator .rangeLabels {
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
        height: 1em;
    }

    #amountSliderContainer {
        display:none;
    }
</style>

<script src="https://cdn.jsdelivr.net/npm/decimal.js/decimal.min.js"></script>
<script src="/js/dist/components/pbf-calculator.js"></script>


<div style="position:relative">
    <div id="novuna-finance-calculator" class="row mt-3"></div>
     
</div>

<input type="hidden" id="NovunaTermMonths" name="NovunaTermMonths" value="48">
<input type="hidden" id="NovunaLoanType" name="NovunaLoanType" value="IB">
<input type="hidden" id="Novunainstalment" name="Novunainstalment" value="0">



<script>
    // Configuration object with your settings
    const calculatorConfig = {
        target: "#novuna-finance-calculator",
        config: "/js/dist/components/pbf-calculator-config-tiger.json", // Ensure the path is correct
        colours: {
            primary: "#7D3CFF"
        },
        sliders: true,
        rep_example: {
            cash_price: 15000,
            deposit: 1500,
            loan_amount: 13500,
            apr: 11.9,
            interest_rate: 11.9,
            term: 60,
            instalment_amount: 295.49,
            total_term: 48,
            credit_charge: 4229.40,
            total_amount_payable: 19229.40
        }
    };

    let isInitialized = false;

    function initializeCalculator() {
        if (isInitialized) {
            return;
        }

        // Initialize the calculator
        financeCalculator(calculatorConfig);

        // Wait a moment to ensure the calculator has initialized
        setTimeout(() => {
            let calculator = document.getElementById('novuna-finance-calculator');
            if (!calculator) {
                console.error('Calculator element not found.');
                return;
            }

            let amountInput = calculator.querySelector('#amount');
            let depositInput = calculator.querySelector('#deposit');
            let amountSlider = calculator.querySelector('#amountSlider');
            let depositSlider = calculator.querySelector('#depositSlider');

            if (!amountInput || !depositInput || !amountSlider || !depositSlider) {
                console.error('One or more input elements not found.');
                return;
            }

            // Set initial values
            let totalCostInput = document.getElementById('NovunaTotalCost');
            if (!totalCostInput) {
                console.error('NovunaTotalCost input not found.');
                return;
            }

            let totalCost = parseFloat(totalCostInput.value);
            if (isNaN(totalCost)) {
                console.error('Invalid total cost value:', totalCostInput.value);
                return;
            }

            let initialDeposit = Math.round(totalCost * 0.1 * 100) / 100; // 10% of total cost

            amountInput.value = totalCost.toFixed(2);
            depositInput.value = initialDeposit.toFixed(2);

            // Update sliders
            amountSlider.rangeSlider.update({
                min: calculatorConfig.minLoan || totalCost, // Adjust minLoan as needed
                max: calculatorConfig.maxLoan || totalCost, // Adjust maxLoan as needed
                value: totalCost
            });

            depositSlider.rangeSlider.update({
                min: initialDeposit, // Minimum deposit
                max: totalCost * 0.5, // Assuming maximum deposit is 50%
                value: initialDeposit
            });

            // Trigger change events to update calculations
            amountInput.dispatchEvent(new Event('change'));
            depositInput.dispatchEvent(new Event('change'));

            // Add event listeners
            depositInput.addEventListener('input', function () {
                updateDepositFields(this.value);
            });

           // depositSlider.addEventListener('input', function () {
             //   depositInput.value = this.value;
           //     updateDepositFields(this.value);
          //  });

            depositInput.addEventListener('change', function () {
                let depositSlider = document.querySelector('#depositSlider');
                if (depositSlider && depositSlider.rangeSlider) {
                    depositSlider.rangeSlider.update({
                        value: this.value
                    });
                }
                updateDepositFields(this.value);
            });

            isInitialized = true;
        }, 500); // Adjust the delay as necessary
    }

    function updateDepositFields(depositValue) {
        let depositNovunaInput = document.getElementById('DepositNovuna');
        if (depositNovunaInput) {
            depositNovunaInput.value = parseFloat(depositValue).toFixed(2);
        }

        // Update other fields or calculations as needed
    }

    // Initialize the calculator when the modal is shown
    $(document).ready(function () {
        $('#finance-calculator-novuna-modal').on('shown.bs.modal', function () {
            initializeCalculator();
        });

        // Reset the initialization flag when the modal is hidden, if needed
        $('#finance-calculator-novuna-modal').on('hidden.bs.modal', function () {
            isInitialized = false;
        });
    });

    // Other event handlers and functions
    $(document).ready(function () {
        // Function to update the term months
        function updateNovunaTermMonths() {
            const activeValue = $('#term .pbf_button.active input[type="radio"]').val();
            if (activeValue !== undefined) {
                $('#NovunaTermMonths').val(activeValue);
            }
        }

        function updateNovunaInstalment() {
            const instalmentValue = $('#instalmentResults').text();
            if (instalmentValue !== undefined) {
                const instalmentNoPound = instalmentValue.replace('£', '');
                $('#Novunainstalment').val(instalmentNoPound);
            }
        }

        function updateSelectedService() {
            let activeButton = $('#services .pbf_button.active');
            let activeInput = activeButton.find('input[type="radio"]');
            let activeValue = activeInput.val();

            if (activeValue == 1) {
                $('#NovunaLoanType').val("BNPL");
            } else {
                $('#NovunaLoanType').val("IB");
            }
        }

        // Click handler for term buttons
        $(document).on('click', '#term .pbf_button', function () {
            $('#term .pbf_button').removeClass('active');
            $(this).addClass('active');
            updateNovunaTermMonths();
            updateNovunaInstalment();
        });

        // Click handler for service buttons
        $(document).on('click', '#services .pbf_button', function () {
            updateSelectedService();
        });

        // Initial updates
        updateNovunaTermMonths();
        updateSelectedService();
        updateNovunaInstalment();
    });
</script>

    
                    </div>
                </div>
            </div>
        </div>  

    </div>


    <script src="https://cdn.jsdelivr.net/npm/addsearch-js-client@0.8/dist/addsearch-js-client.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/addsearch-search-ui@0.7/dist/addsearch-search-ui.min.js"></script>
    <script src="/js/dist/bootstrap.min.js" defer></script>
    <script src="/js/dist/common.min.js?v=9vAOczwtMvkpm3cCw7Py4OZmP3UIFeCZdhfNUTYC614"></script>
    <script src="/js/dist/vue.min.js?v=4dZFM6zWcrSAx9aOrej0iai7cTtti9fgdLEKCMqltrE"></script>
    <script src="/js/dist/app.js?v=5n_pRtlp93474Mvfru-GvqxkY7oY4jwUm7JUQ1e1e3Y"></script>

    
    <script src="/js/dist/pages/blog.js?v=1xzmy8Q8qPhAH9DtyKMNbSjniA3_IyCekK4aVch1kYc"></script>

</body>
</html>