{"id":1400,"date":"2026-02-18T10:47:51","date_gmt":"2026-02-18T10:47:51","guid":{"rendered":"http:\/\/paralumi-creations.local\/?page_id=1400"},"modified":"2026-10-06T15:06:09","modified_gmt":"2026-10-06T15:06:09","slug":"guide","status":"publish","type":"page","link":"https:\/\/staging.paralumi-creations.com\/el\/guide\/","title":{"rendered":"\u039f\u03b4\u03b7\u03b3\u03cc\u03c2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1400_b428a4-2c, .wp-block-kadence-advancedheading.kt-adv-heading1400_b428a4-2c[data-kb-block=\"kb-adv-heading1400_b428a4-2c\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1400_b428a4-2c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1400_b428a4-2c[data-kb-block=\"kb-adv-heading1400_b428a4-2c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<h3 class=\"kt-adv-heading1400_b428a4-2c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1400_b428a4-2c\">Choosing the right lampshade can completely change the atmosphere of a room.<br>In this guide, we\u2019ve gathered everything you need to know before choosing size, shape, and fabric.<br>If you\u2019re unsure, simply send us a photo of your lamp \u2014 we\u2019ll help you choose the right size!<\/h3>\n\n\n\n    <div class=\"pc-size-finder\">\n\n        <div class=\"pc-sf-progress\">\n            <span class=\"active\"><\/span>\n            <span><\/span>\n            <span><\/span>\n        <\/div>\n\n        <!-- STEP 1 -->\n        <div class=\"pc-sf-step active\" data-step=\"1\">\n\n            <div class=\"pc-sf-kicker\">Lampshade Size Finder<\/div>\n\n            <h2>What type of lamp do you have?<\/h2>\n\n            <p class=\"pc-sf-intro\">\n                We\u2019ll help you find the lampshade size that works best for your lamp.\n            <\/p>\n\n            <div class=\"pc-sf-options pc-sf-lamp-options\">\n\n                <button type=\"button\" data-lamp=\"table\">\n                    <span class=\"pc-icon\">\u25d2<\/span>\n                    <strong>Table Lamp<\/strong>\n                    <small>For bedside tables, desks and consoles<\/small>\n                <\/button>\n\n                <button type=\"button\" data-lamp=\"floor\">\n                    <span class=\"pc-icon\">\u25d0<\/span>\n                    <strong>Floor Lamp<\/strong>\n                    <small>For tall standing lamp bases<\/small>\n                <\/button>\n\n                <button type=\"button\" data-lamp=\"pendant\">\n                    <span class=\"pc-icon\">\u25c9<\/span>\n                    <strong>Pendant<\/strong>\n                    <small>For ceiling lampshades<\/small>\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 2A: TABLE \/ FLOOR -->\n        <div class=\"pc-sf-step\" data-step=\"2-table\">\n\n            <button type=\"button\" class=\"pc-sf-back\">\u2190 Back<\/button>\n\n            <div class=\"pc-sf-kicker\">Step 2 of 3<\/div>\n\n            <h2>Tell us the dimensions<\/h2>\n\n            <p class=\"pc-sf-intro\">\n                Measure your lamp base.\n            <\/p>\n\n            <div class=\"pc-sf-fields\">\n\n                <label>\n                    <span>Base height<\/span>\n\n                    <div class=\"pc-field\">\n                        <input\n                            type=\"number\"\n                            id=\"pc-base-height\"\n                            min=\"10\"\n                            max=\"150\"\n                            inputmode=\"decimal\"\n                            placeholder=\"e.g. 42\"\n                        >\n                        <span>cm<\/span>\n                    <\/div>\n\n                    <small>\n                        Measure the lamp base without the lampshade.\n                    <\/small>\n                <\/label>\n\n                <label>\n                    <span>Widest part of the base<\/span>\n\n                    <div class=\"pc-field\">\n                        <input\n                            type=\"number\"\n                            id=\"pc-base-width\"\n                            min=\"5\"\n                            max=\"100\"\n                            inputmode=\"decimal\"\n                            placeholder=\"e.g. 18\"\n                        >\n                        <span>cm<\/span>\n                    <\/div>\n\n                    <small>\n                        Measure the widest point of your lamp base.\n                    <\/small>\n                <\/label>\n\n            <\/div>\n\n            <div class=\"pc-sf-error pc-table-error\"><\/div>\n\n            <button type=\"button\" class=\"pc-sf-next pc-table-next\">\n                Continue \u2192\n            <\/button>\n\n        <\/div>\n\n\n        <!-- STEP 2B: PENDANT PLACEMENT -->\n        <div class=\"pc-sf-step\" data-step=\"2-pendant\">\n\n            <button type=\"button\" class=\"pc-sf-back\">\u2190 Back<\/button>\n\n            <div class=\"pc-sf-kicker\">Step 2 of 3<\/div>\n\n            <h2>Where will the pendant be placed?<\/h2>\n\n            <p class=\"pc-sf-intro\">\n                Placement matters just as much as size when choosing a pendant lampshade.\n            <\/p>\n\n            <div class=\"pc-sf-options pc-pendant-options\">\n\n                <button type=\"button\" data-placement=\"dining\">\n                    <span class=\"pc-icon\">\u25eb<\/span>\n                    <strong>Dining Table<\/strong>\n                    <small>Above a dining table<\/small>\n                <\/button>\n\n                <button type=\"button\" data-placement=\"island\">\n                    <span class=\"pc-icon\">\u25ad<\/span>\n                    <strong>Kitchen Island<\/strong>\n                    <small>Above an island or counter<\/small>\n                <\/button>\n\n                <button type=\"button\" data-placement=\"room\">\n                    <span class=\"pc-icon\">\u2302<\/span>\n                    <strong>Centre of Room<\/strong>\n                    <small>Main ceiling light<\/small>\n                <\/button>\n\n                <button type=\"button\" data-placement=\"corner\">\n                    <span class=\"pc-icon\">\u25cc<\/span>\n                    <strong>Bedside \/ Corner<\/strong>\n                    <small>For a smaller, more focused area<\/small>\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 2C: PENDANT MEASUREMENT -->\n        <div class=\"pc-sf-step\" data-step=\"2-pendant-measure\">\n\n            <button type=\"button\" class=\"pc-sf-back pendant-measure-back\">\u2190 Back<\/button>\n\n            <div class=\"pc-sf-kicker\">Step 2 of 3<\/div>\n\n            <h2 id=\"pc-pendant-question\">Tell us the available width<\/h2>\n\n            <p class=\"pc-sf-intro\" id=\"pc-pendant-help\">\n                Enter the approximate width in centimetres.\n            <\/p>\n\n            <div class=\"pc-sf-fields pc-single-field\">\n\n                <label>\n                    <span id=\"pc-pendant-label\">Width<\/span>\n\n                    <div class=\"pc-field\">\n                        <input\n                            type=\"number\"\n                            id=\"pc-pendant-width\"\n                            min=\"20\"\n                            max=\"1000\"\n                            inputmode=\"decimal\"\n                            placeholder=\"e.g. 90\"\n                        >\n                        <span>cm<\/span>\n                    <\/div>\n\n                    <small id=\"pc-pendant-small\">\n                        An approximate measurement is enough.\n                    <\/small>\n                <\/label>\n\n            <\/div>\n\n            <div class=\"pc-sf-error pc-pendant-error\"><\/div>\n\n            <button type=\"button\" class=\"pc-sf-next pc-pendant-next\">\n                Continue \u2192\n            <\/button>\n\n        <\/div>\n\n\n        <!-- STEP 3 -->\n        <div class=\"pc-sf-step\" data-step=\"3\">\n\n            <button type=\"button\" class=\"pc-sf-back step3-back\">\u2190 Back<\/button>\n\n            <div class=\"pc-sf-kicker\">Step 3 of 3<\/div>\n\n            <h2>What kind of look do you prefer?<\/h2>\n\n            <p class=\"pc-sf-intro\">\n                There isn\u2019t just one correct lampshade size. Choose how subtle or bold you would like the final look to feel.\n            <\/p>\n\n            <div class=\"pc-sf-options pc-look-options\">\n\n                <button type=\"button\" data-look=\"compact\">\n                    <span class=\"pc-look-circle compact\"><\/span>\n                    <strong>Subtle<\/strong>\n                    <small>A more compact proportion<\/small>\n                <\/button>\n\n                <button type=\"button\" data-look=\"balanced\">\n                    <span class=\"pc-look-circle balanced\"><\/span>\n                    <strong>Balanced<\/strong>\n                    <small>The safest and most versatile choice<\/small>\n                <\/button>\n\n                <button type=\"button\" data-look=\"statement\">\n                    <span class=\"pc-look-circle statement\"><\/span>\n                    <strong>Statement<\/strong>\n                    <small>A bolder, more dramatic presence<\/small>\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- RESULT -->\n        <div class=\"pc-sf-step pc-sf-result\" data-step=\"4\">\n\n            <div class=\"pc-result-label\">\n                Our recommendation\n            <\/div>\n\n            <div class=\"pc-result-size\">\n                \u00d8<span id=\"pc-result-number\">30<\/span>\n                <small>cm<\/small>\n            <\/div>\n\n            <h2 id=\"pc-result-title\">\n                This is the most balanced proportion.\n            <\/h2>\n\n            <p id=\"pc-result-description\"><\/p>\n\n            <div class=\"pc-alternatives\">\n\n                <div>\n                    <span>More subtle<\/span>\n                    <strong id=\"pc-smaller\">\u00d825<\/strong>\n                <\/div>\n\n                <div class=\"recommended\">\n                    <span>Recommended<\/span>\n                    <strong id=\"pc-main\">\u00d830<\/strong>\n                <\/div>\n\n                <div>\n                    <span>More dramatic<\/span>\n                    <strong id=\"pc-larger\">\u00d835<\/strong>\n                <\/div>\n\n            <\/div>\n\n            <a href=\"\/shop\/\" class=\"pc-shop-size\" id=\"pc-shop-size\">\n                Shop \u00d830 cm lampshades \u2192\n            <\/a>\n\n            <button type=\"button\" class=\"pc-sf-restart\">\n                Start again\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n\n    <style>\n\n    .pc-size-finder {\n        --pc-blue: #0d5168;\n        --pc-orange: #eb7305;\n        --pc-bg: #f7f3ed;\n        --pc-text: #18343c;\n\n        max-width: 900px;\n        margin: 40px auto;\n        padding: clamp(28px, 5vw, 60px);\n        background: var(--pc-bg);\n        border-radius: 28px;\n        color: var(--pc-text);\n        box-sizing: border-box;\n        font-family: inherit;\n    }\n\n    .pc-sf-step {\n        display: none;\n        animation: pcFade .35s ease;\n    }\n\n    .pc-sf-step.active {\n        display: block;\n    }\n\n    @keyframes pcFade {\n        from {\n            opacity: 0;\n            transform: translateY(8px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .pc-sf-progress {\n        display: flex;\n        gap: 8px;\n        margin-bottom: 35px;\n    }\n\n    .pc-sf-progress span {\n        height: 4px;\n        flex: 1;\n        background: rgba(13,81,104,.15);\n        border-radius: 999px;\n        transition: .3s ease;\n    }\n\n    .pc-sf-progress span.active {\n        background: var(--pc-orange);\n    }\n\n    .pc-sf-kicker,\n    .pc-result-label {\n        color: var(--pc-orange);\n        font-size: 13px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: .12em;\n        margin-bottom: 10px;\n    }\n\n    .pc-size-finder h2 {\n        margin: 0 0 10px;\n        color: var(--pc-blue);\n        font-size: clamp(27px, 4vw, 40px);\n        line-height: 1.1;\n    }\n\n    .pc-sf-intro {\n        max-width: 630px;\n        margin: 0 0 32px;\n        opacity: .75;\n        font-size: 16px;\n        line-height: 1.6;\n    }\n\n    .pc-sf-options {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 14px;\n    }\n\n    .pc-pendant-options {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .pc-sf-options button {\n        appearance: none;\n        border: 1px solid rgba(13,81,104,.18);\n        background: #fff;\n        color: var(--pc-blue);\n        padding: 25px 15px;\n        min-height: 150px;\n        border-radius: 18px;\n        cursor: pointer;\n        font-family: inherit;\n        transition: .2s ease;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n    }\n\n    .pc-sf-options button:hover {\n        transform: translateY(-3px);\n        border-color: var(--pc-orange);\n        box-shadow: 0 10px 28px rgba(13,81,104,.09);\n    }\n\n    .pc-sf-options button strong {\n        font-size: 18px;\n    }\n\n    .pc-sf-options button small {\n        opacity: .55;\n        font-size: 13px;\n    }\n\n    .pc-icon {\n        display: block;\n        font-size: 38px;\n        margin-bottom: 10px;\n        color: var(--pc-orange);\n    }\n\n    .pc-sf-fields {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n        margin-bottom: 15px;\n    }\n\n    .pc-sf-fields.pc-single-field {\n        grid-template-columns: 1fr;\n        max-width: 430px;\n    }\n\n    .pc-sf-fields label > span {\n        display: block;\n        font-weight: 700;\n        margin-bottom: 8px;\n        color: var(--pc-blue);\n    }\n\n    .pc-sf-fields small {\n        display: block;\n        opacity: .6;\n        margin-top: 7px;\n    }\n\n    .pc-field {\n        background: #fff;\n        border: 1px solid rgba(13,81,104,.22);\n        border-radius: 13px;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n    }\n\n    .pc-field:focus-within {\n        border-color: var(--pc-orange);\n        box-shadow: 0 0 0 3px rgba(235,115,5,.12);\n    }\n\n    .pc-field input {\n        width: 100%;\n        border: 0 !important;\n        outline: 0 !important;\n        box-shadow: none !important;\n        background: transparent !important;\n        padding: 17px 18px !important;\n        font-size: 18px;\n    }\n\n    .pc-field > span {\n        padding-right: 18px;\n        opacity: .55;\n    }\n\n    .pc-sf-next,\n    .pc-shop-size {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background: var(--pc-orange);\n        color: #fff !important;\n        border: 0;\n        border-radius: 999px;\n        padding: 15px 27px;\n        font-size: 16px;\n        font-weight: 700;\n        text-decoration: none !important;\n        cursor: pointer;\n        margin-top: 20px;\n        transition: .2s ease;\n    }\n\n    .pc-sf-next:hover,\n    .pc-shop-size:hover {\n        transform: translateY(-2px);\n        filter: brightness(.96);\n    }\n\n    .pc-sf-back,\n    .pc-sf-restart {\n        border: 0;\n        background: transparent;\n        color: var(--pc-blue);\n        padding: 0;\n        cursor: pointer;\n        font-family: inherit;\n        font-weight: 600;\n        margin-bottom: 25px;\n    }\n\n    .pc-sf-restart {\n        display: block;\n        margin: 22px auto 0;\n        opacity: .7;\n    }\n\n    .pc-sf-error {\n        color: #a32929;\n        font-size: 14px;\n        min-height: 20px;\n        margin-top: 8px;\n    }\n\n    .pc-look-circle {\n        display: block;\n        border-radius: 50%;\n        background: var(--pc-orange);\n        margin-bottom: 12px;\n        opacity: .82;\n    }\n\n    .pc-look-circle.compact {\n        width: 44px;\n        height: 44px;\n    }\n\n    .pc-look-circle.balanced {\n        width: 58px;\n        height: 58px;\n    }\n\n    .pc-look-circle.statement {\n        width: 72px;\n        height: 72px;\n    }\n\n    .pc-sf-result {\n        text-align: center;\n    }\n\n    .pc-result-size {\n        color: var(--pc-blue);\n        font-size: clamp(70px, 13vw, 120px);\n        font-weight: 800;\n        line-height: 1;\n        margin: 15px 0;\n    }\n\n    .pc-result-size small {\n        font-size: .22em;\n        font-weight: 600;\n    }\n\n    .pc-sf-result > p {\n        max-width: 610px;\n        margin: 0 auto 30px;\n        opacity: .75;\n        line-height: 1.6;\n    }\n\n    .pc-alternatives {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        max-width: 650px;\n        margin: 30px auto;\n        gap: 10px;\n    }\n\n    .pc-alternatives > div {\n        padding: 18px 10px;\n        border: 1px solid rgba(13,81,104,.14);\n        background: rgba(255,255,255,.55);\n        border-radius: 14px;\n    }\n\n    .pc-alternatives .recommended {\n        border: 2px solid var(--pc-orange);\n        background: #fff;\n        transform: scale(1.04);\n    }\n\n    .pc-alternatives span {\n        display: block;\n        font-size: 11px;\n        text-transform: uppercase;\n        letter-spacing: .05em;\n        opacity: .6;\n        margin-bottom: 5px;\n    }\n\n    .pc-alternatives strong {\n        color: var(--pc-blue);\n        font-size: 24px;\n    }\n\n    @media (max-width: 650px) {\n\n        .pc-size-finder {\n            margin: 20px 0;\n            padding: 28px 18px;\n            border-radius: 20px;\n        }\n\n        .pc-sf-options,\n        .pc-pendant-options {\n            grid-template-columns: 1fr;\n        }\n\n        .pc-sf-options button {\n            min-height: 100px;\n            flex-direction: row;\n            justify-content: flex-start;\n            text-align: left;\n            padding: 18px 22px;\n            flex-wrap: wrap;\n        }\n\n        .pc-sf-options button strong,\n        .pc-sf-options button small {\n            width: calc(100% - 60px);\n        }\n\n        .pc-sf-options button small {\n            margin-left: 60px;\n            margin-top: -22px;\n        }\n\n        .pc-icon {\n            width: 45px;\n            margin: 0 15px 0 0;\n        }\n\n        .pc-sf-fields {\n            grid-template-columns: 1fr;\n        }\n\n        .pc-alternatives {\n            gap: 6px;\n        }\n\n        .pc-alternatives > div {\n            padding: 14px 4px;\n        }\n\n        .pc-alternatives span {\n            font-size: 9px;\n        }\n\n        .pc-alternatives strong {\n            font-size: 20px;\n        }\n\n    }\n\n    <\/style>\n\n\n    <script>\n\n    document.addEventListener('DOMContentLoaded', function () {\n\n        const finder = document.querySelector('.pc-size-finder');\n\n        if (!finder) return;\n\n        let lampType = '';\n        let selectedLook = 'balanced';\n        let pendantPlacement = '';\n\n        const availableSizes = [20, 25, 30, 35, 40];\n\n        const steps = finder.querySelectorAll('.pc-sf-step');\n        const progress = finder.querySelectorAll('.pc-sf-progress span');\n\n        const heightInput = finder.querySelector('#pc-base-height');\n        const widthInput = finder.querySelector('#pc-base-width');\n        const pendantWidthInput = finder.querySelector('#pc-pendant-width');\n\n        const tableError = finder.querySelector('.pc-table-error');\n        const pendantError = finder.querySelector('.pc-pendant-error');\n\n\n        function hideAllSteps() {\n            steps.forEach(step => step.classList.remove('active'));\n        }\n\n\n        function setProgress(stepNumber) {\n\n            progress.forEach((bar, index) => {\n                bar.classList.toggle('active', index < stepNumber);\n            });\n\n        }\n\n\n        function showStep(stepName, progressNumber) {\n\n            hideAllSteps();\n\n            const target = finder.querySelector('[data-step=\"' + stepName + '\"]');\n\n            if (target) {\n                target.classList.add('active');\n            }\n\n            setProgress(progressNumber);\n\n            finder.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center'\n            });\n\n        }\n\n\n        function nearestSize(value) {\n\n            return availableSizes.reduce((prev, curr) => {\n                return Math.abs(curr - value) < Math.abs(prev - value)\n                    ? curr\n                    : prev;\n            });\n\n        }\n\n\n        function shiftSize(size, stepsToMove) {\n\n            const index = availableSizes.indexOf(size);\n\n            const newIndex = Math.max(\n                0,\n                Math.min(\n                    availableSizes.length - 1,\n                    index + stepsToMove\n                )\n            );\n\n            return availableSizes[newIndex];\n\n        }\n\n\n        function getAlternativeSize(size, direction) {\n\n            return shiftSize(\n                size,\n                direction === 'down' ? -1 : 1\n            );\n\n        }\n\n\n        function getPendantBaseSize() {\n\n            const measurement = parseFloat(pendantWidthInput.value);\n\n            let size = 30;\n\n\n            \/* DINING TABLE *\/\n            if (pendantPlacement === 'dining') {\n\n                if (measurement < 75) {\n                    size = 25;\n                } else if (measurement < 100) {\n                    size = 30;\n                } else if (measurement < 140) {\n                    size = 35;\n                } else {\n                    size = 40;\n                }\n\n            }\n\n\n            \/* KITCHEN ISLAND *\/\n            if (pendantPlacement === 'island') {\n\n                if (measurement < 60) {\n                    size = 20;\n                } else if (measurement < 90) {\n                    size = 25;\n                } else if (measurement < 130) {\n                    size = 30;\n                } else {\n                    size = 35;\n                }\n\n            }\n\n\n            \/* CENTRE OF ROOM *\/\n            if (pendantPlacement === 'room') {\n\n                if (measurement < 250) {\n                    size = 25;\n                } else if (measurement < 350) {\n                    size = 30;\n                } else if (measurement < 450) {\n                    size = 35;\n                } else {\n                    size = 40;\n                }\n\n            }\n\n\n            \/* BEDSIDE \/ CORNER *\/\n            if (pendantPlacement === 'corner') {\n\n                if (measurement < 50) {\n                    size = 20;\n                } else if (measurement < 80) {\n                    size = 25;\n                } else {\n                    size = 30;\n                }\n\n            }\n\n\n            return size;\n\n        }\n\n\n        function calculateRecommendation() {\n\n            let recommended;\n\n\n            \/* TABLE \/ FLOOR *\/\n\n            if (lampType === 'table' || lampType === 'floor') {\n\n                const height = parseFloat(heightInput.value);\n                const width = parseFloat(widthInput.value);\n\n                let multiplier = 1.6;\n\n                if (selectedLook === 'compact') {\n                    multiplier = 1.4;\n                }\n\n                if (selectedLook === 'statement') {\n                    multiplier = 1.8;\n                }\n\n                let target = width * multiplier;\n\n                if (lampType === 'floor') {\n                    target *= 1.12;\n                }\n\n                if (height >= 50 && target < 30) {\n                    target = 30;\n                }\n\n                recommended = nearestSize(target);\n\n            }\n\n\n            \/* PENDANT *\/\n\n            if (lampType === 'pendant') {\n\n                recommended = getPendantBaseSize();\n\n                if (selectedLook === 'compact') {\n                    recommended = shiftSize(recommended, -1);\n                }\n\n                if (selectedLook === 'statement') {\n                    recommended = shiftSize(recommended, 1);\n                }\n\n            }\n\n\n            const smaller = getAlternativeSize(recommended, 'down');\n            const larger = getAlternativeSize(recommended, 'up');\n\n\n            finder.querySelector('#pc-result-number').textContent = recommended;\n            finder.querySelector('#pc-main').textContent = '\u00d8' + recommended;\n            finder.querySelector('#pc-smaller').textContent = '\u00d8' + smaller;\n            finder.querySelector('#pc-larger').textContent = '\u00d8' + larger;\n\n\n            let title = 'This is the most balanced proportion.';\n\n            if (selectedLook === 'compact') {\n                title = 'A more subtle and compact proportion.';\n            }\n\n            if (selectedLook === 'statement') {\n                title = 'A bolder lampshade with stronger visual presence.';\n            }\n\n            finder.querySelector('#pc-result-title').textContent = title;\n\n\n            let description;\n\n            if (lampType === 'pendant') {\n\n                description =\n                    'Based on the placement and measurements you entered, we recommend a \u00d8' +\n                    recommended +\n                    ' cm pendant lampshade. \u00d8' +\n                    smaller +\n                    ' cm will feel more subtle, while \u00d8' +\n                    larger +\n                    ' cm will create a stronger visual statement.';\n\n            } else {\n\n                description =\n                    'Based on your lamp base dimensions, we recommend a \u00d8' +\n                    recommended +\n                    ' cm lampshade. \u00d8' +\n                    smaller +\n                    ' cm will create a more subtle look, while \u00d8' +\n                    larger +\n                    ' cm will give your lamp a stronger presence.';\n\n            }\n\n            finder.querySelector('#pc-result-description').textContent =\n                description;\n\n\n            const shopButton = finder.querySelector('#pc-shop-size');\n\n            shopButton.textContent =\n                'Shop \u00d8' + recommended + ' cm lampshades \u2192';\n\n            shopButton.href = '\/shop\/';\n\n\n            showStep('4', 3);\n\n        }\n\n\n        \/* STEP 1 *\/\n\n        finder\n            .querySelectorAll('[data-lamp]')\n            .forEach(button => {\n\n                button.addEventListener('click', function () {\n\n                    lampType = this.dataset.lamp;\n\n                    if (lampType === 'pendant') {\n                        showStep('2-pendant', 2);\n                    } else {\n                        showStep('2-table', 2);\n                    }\n\n                });\n\n            });\n\n\n        \/* TABLE \/ FLOOR CONTINUE *\/\n\n        finder\n            .querySelector('.pc-table-next')\n            .addEventListener('click', function () {\n\n                const height = parseFloat(heightInput.value);\n                const width = parseFloat(widthInput.value);\n\n                if (!height || !width || height < 5 || width < 5) {\n\n                    tableError.textContent =\n                        'Please enter both measurements in centimetres.';\n\n                    return;\n\n                }\n\n                tableError.textContent = '';\n\n                showStep('3', 3);\n\n            });\n\n\n        \/* PENDANT PLACEMENT *\/\n\n        finder\n            .querySelectorAll('[data-placement]')\n            .forEach(button => {\n\n                button.addEventListener('click', function () {\n\n                    pendantPlacement = this.dataset.placement;\n\n                    const question =\n                        finder.querySelector('#pc-pendant-question');\n\n                    const label =\n                        finder.querySelector('#pc-pendant-label');\n\n                    const help =\n                        finder.querySelector('#pc-pendant-help');\n\n                    const small =\n                        finder.querySelector('#pc-pendant-small');\n\n\n                    if (pendantPlacement === 'dining') {\n\n                        question.textContent =\n                            'How wide is your dining table?';\n\n                        label.textContent =\n                            'Table width';\n\n                        help.textContent =\n                            'Measure the width of the table beneath the pendant.';\n\n                        small.textContent =\n                            'An approximate measurement is perfectly fine.';\n\n                    }\n\n\n                    if (pendantPlacement === 'island') {\n\n                        question.textContent =\n                            'How wide is your kitchen island?';\n\n                        label.textContent =\n                            'Island width';\n\n                        help.textContent =\n                            'Measure the width of the island or counter below the pendant.';\n\n                        small.textContent =\n                            'If several pendants will be used, enter the width available for one pendant.';\n\n                    }\n\n\n                    if (pendantPlacement === 'room') {\n\n                        question.textContent =\n                            'How wide is the room?';\n\n                        label.textContent =\n                            'Approximate room width';\n\n                        help.textContent =\n                            'Enter the approximate width of the room at its widest point.';\n\n                        small.textContent =\n                            'You do not need an exact architectural measurement.';\n\n                    }\n\n\n                    if (pendantPlacement === 'corner') {\n\n                        question.textContent =\n                            'How much space is available around the pendant?';\n\n                        label.textContent =\n                            'Available width';\n\n                        help.textContent =\n                            'Measure the approximate width of the area where the pendant will hang.';\n\n                        small.textContent =\n                            'For example, the width of a bedside table or reading corner.';\n\n                    }\n\n\n                    showStep('2-pendant-measure', 2);\n\n                });\n\n            });\n\n\n        \/* PENDANT CONTINUE *\/\n\n        finder\n            .querySelector('.pc-pendant-next')\n            .addEventListener('click', function () {\n\n                const measurement =\n                    parseFloat(pendantWidthInput.value);\n\n                if (!measurement || measurement < 20) {\n\n                    pendantError.textContent =\n                        'Please enter the approximate width in centimetres.';\n\n                    return;\n\n                }\n\n                pendantError.textContent = '';\n\n                showStep('3', 3);\n\n            });\n\n\n        \/* LOOK *\/\n\n        finder\n            .querySelectorAll('[data-look]')\n            .forEach(button => {\n\n                button.addEventListener('click', function () {\n\n                    selectedLook = this.dataset.look;\n\n                    calculateRecommendation();\n\n                });\n\n            });\n\n\n        \/* BACK BUTTONS *\/\n\n        finder\n            .querySelectorAll('.pc-sf-back')\n            .forEach(button => {\n\n                button.addEventListener('click', function () {\n\n                    const active =\n                        finder.querySelector('.pc-sf-step.active');\n\n                    const current =\n                        active.dataset.step;\n\n\n                    if (current === '2-table' || current === '2-pendant') {\n\n                        showStep('1', 1);\n                        return;\n\n                    }\n\n\n                    if (current === '2-pendant-measure') {\n\n                        showStep('2-pendant', 2);\n                        return;\n\n                    }\n\n\n                    if (current === '3') {\n\n                        if (lampType === 'pendant') {\n                            showStep('2-pendant-measure', 2);\n                        } else {\n                            showStep('2-table', 2);\n                        }\n\n                    }\n\n                });\n\n            });\n\n\n        \/* RESTART *\/\n\n        finder\n            .querySelector('.pc-sf-restart')\n            .addEventListener('click', function () {\n\n                lampType = '';\n                selectedLook = 'balanced';\n                pendantPlacement = '';\n\n                heightInput.value = '';\n                widthInput.value = '';\n                pendantWidthInput.value = '';\n\n                tableError.textContent = '';\n                pendantError.textContent = '';\n\n                showStep('1', 1);\n\n            });\n\n    });\n\n    <\/script>\n\n    \n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Let&#8217;s start with the basics&#8230;<\/h2>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-1400_1f4e19-b1 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-1400_1f4e19-b1 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-1400_1f4e19-b1\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box1400_5fa04f-bc .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box1400_5fa04f-bc .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box1400_5fa04f-bc.wp-block-kadence-infobox{max-width:100%;}.kt-info-box1400_5fa04f-bc .kadence-info-box-image-inner-intrisic-container{max-width:320px;}.kt-info-box1400_5fa04f-bc .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic{padding-bottom:133.33%;width:1780px;height:0px;max-width:100%;}.kt-info-box1400_5fa04f-bc .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box1400_5fa04f-bc .kt-info-svg-icon-flip, .kt-info-box1400_5fa04f-bc .kt-blocks-info-box-number{font-size:50px;}.kt-info-box1400_5fa04f-bc .kt-blocks-info-box-media{border-radius:11px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box1400_5fa04f-bc .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:11px;}.kt-info-box1400_5fa04f-bc .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.wp-block-kadence-infobox.kt-info-box1400_5fa04f-bc .kt-blocks-info-box-text{font-size:var(--global-kb-font-size-md, 1.25rem);}.kt-info-box1400_5fa04f-bc .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box1400_5fa04f-bc .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box1400_5fa04f-bc .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);text-align:center;display:block;}.kt-info-box1400_5fa04f-bc .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media{display:inline-block;max-width:100%;}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box1400_5fa04f-bc\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-center kb-info-mobile-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic-container\"><div class=\"kadence-info-box-image-intrisic kt-info-animate-none kb-info-box-image-ratio kb-info-box-image-ratio-port34\"><div class=\"kadence-info-box-image-inner-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0875-Edit_e44e04f0-ab85-4ef0-8626-cbc49f8463f7-scaled-e1764577638140.jpg\" alt=\"\" width=\"1780\" height=\"1707\" class=\"kt-info-box-image wp-image-544\" srcset=\"https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0875-Edit_e44e04f0-ab85-4ef0-8626-cbc49f8463f7-scaled-e1764577638140.jpg 1780w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0875-Edit_e44e04f0-ab85-4ef0-8626-cbc49f8463f7-scaled-e1764577638140-600x575.jpg 600w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0875-Edit_e44e04f0-ab85-4ef0-8626-cbc49f8463f7-scaled-e1764577638140-300x288.jpg 300w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0875-Edit_e44e04f0-ab85-4ef0-8626-cbc49f8463f7-scaled-e1764577638140-1024x982.jpg 1024w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0875-Edit_e44e04f0-ab85-4ef0-8626-cbc49f8463f7-scaled-e1764577638140-768x737.jpg 768w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0875-Edit_e44e04f0-ab85-4ef0-8626-cbc49f8463f7-scaled-e1764577638140-1536x1473.jpg 1536w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0875-Edit_e44e04f0-ab85-4ef0-8626-cbc49f8463f7-scaled-e1764577638140-1320x1266.jpg 1320w\" sizes=\"auto, (max-width: 1780px) 100vw, 1780px\" \/><\/div><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\"><br><strong><strong>Empire or Drum Lampshade?<\/strong><\/strong><br><\/h2><p class=\"kt-blocks-info-box-text\"><strong>Empire for:<br><\/strong>\u2022 Classic lamp bases<br>\u2022 Bedside lamps<br>\u2022 Vintage or traditional style<br><br><strong>Drum for:<\/strong><br>\u2022 Modern lamps<br>\u2022 Minimal interiors<br>\u2022 Geometrical patterns<br><br><strong>There\u2019s no right or wrong \u2014 it depends on your lamp and your space<\/strong>!<br><\/p><\/div><\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">How about the fixing?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box1400_9a8d97-7f .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box1400_9a8d97-7f.wp-block-kadence-infobox{max-width:100%;}.kt-info-box1400_9a8d97-7f .kadence-info-box-image-inner-intrisic-container{max-width:320px;}.kt-info-box1400_9a8d97-7f .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic{padding-bottom:149.9707%;width:1707px;height:0px;max-width:100%;}.kt-info-box1400_9a8d97-7f .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box1400_9a8d97-7f .kt-info-svg-icon-flip, .kt-info-box1400_9a8d97-7f .kt-blocks-info-box-number{font-size:50px;}.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-media{border-radius:12px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:20px;}.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:12px;}.kt-info-box1400_9a8d97-7f .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.wp-block-kadence-infobox.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-text{font-size:var(--global-kb-font-size-md, 1.25rem);}.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);display:flex;align-items:center;justify-content:flex-end;}}@media all and (max-width: 1024px){.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media{display:block;}}@media all and (max-width: 767px){.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);display:block;}.kt-info-box1400_9a8d97-7f .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media{display:inline-block;max-width:100%;}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box1400_9a8d97-7f\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-right kt-info-halign-center kb-info-box-vertical-media-align-top\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic-container\"><div class=\"kadence-info-box-image-intrisic kt-info-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-scaled.jpg\" alt=\"\" width=\"1707\" height=\"2560\" class=\"kt-info-box-image wp-image-951\" srcset=\"https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-scaled.jpg 1707w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-200x300.jpg 200w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-683x1024.jpg 683w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-768x1152.jpg 768w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-1024x1536.jpg 1024w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-1365x2048.jpg 1365w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-1320x1980.jpg 1320w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_0856-600x900.jpg 600w\" sizes=\"auto, (max-width: 1707px) 100vw, 1707px\" \/><\/div><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\"><strong>Pendant<\/strong><\/h2><p class=\"kt-blocks-info-box-text\"><strong><br>For dining tables:<br> \u2022 Shade diameter \u2248 \u00bd to \u2154 of table width<\/strong><br><strong><br>Examples:<br>\u2022 <\/strong>120 cm table<strong> \u2192 40\u201345 cm shade<br>\u2022 <\/strong>180 cm table<strong> \u2192 two 30\u201340 cm shades<br>\u2022 <\/strong>Height above table:<strong> 70\u201380 cm<\/strong><br><br>\u2022<strong> For ceilings, generally 40 cm diameter works well<br>\u2022 For higher ceilings \u2192 larger shades &#8211; custom sizes<\/strong><\/p><\/div><\/span><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box1400_2f012b-87 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box1400_2f012b-87 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box1400_2f012b-87.wp-block-kadence-infobox{max-width:100%;}.kt-info-box1400_2f012b-87 .kadence-info-box-image-inner-intrisic-container{max-width:320px;}.kt-info-box1400_2f012b-87 .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic{padding-bottom:149.9268%;width:1366px;height:0px;max-width:100%;}.kt-info-box1400_2f012b-87 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box1400_2f012b-87 .kt-info-svg-icon-flip, .kt-info-box1400_2f012b-87 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box1400_2f012b-87 .kt-blocks-info-box-media{border-radius:11px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box1400_2f012b-87 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:11px;}.kt-info-box1400_2f012b-87 .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.wp-block-kadence-infobox.kt-info-box1400_2f012b-87 .kt-blocks-info-box-text{font-size:var(--global-kb-font-size-md, 1.25rem);}.kt-info-box1400_2f012b-87 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box1400_2f012b-87 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box1400_2f012b-87 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);display:block;}.kt-info-box1400_2f012b-87 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media{display:inline-block;max-width:100%;}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box1400_2f012b-87\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic-container\"><div class=\"kadence-info-box-image-intrisic kt-info-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_1535-Edit.jpg\" alt=\"\" width=\"1366\" height=\"2048\" class=\"kt-info-box-image wp-image-647\" srcset=\"https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_1535-Edit.jpg 1366w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_1535-Edit-600x900.jpg 600w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_1535-Edit-200x300.jpg 200w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_1535-Edit-683x1024.jpg 683w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_1535-Edit-768x1151.jpg 768w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_1535-Edit-1025x1536.jpg 1025w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2025\/11\/IMG_1535-Edit-1320x1979.jpg 1320w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/div><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\"><strong>Lamp Base<\/strong><\/h2><p class=\"kt-blocks-info-box-text\"><strong><br>General rule:<br>\ud83d\udc49 Lampshade diameter \u2248 2\/3 of lamp base height<\/strong><br><strong><br>Examples:<br>\u2022 <\/strong>30 cm base<strong> \u2192 20\u201325 cm shade<br>\u2022 <\/strong>40 cm base<strong> \u2192 25\u201330 cm shade<br>\u2022 <\/strong>Large living-room base<strong> \u2192 30\u201340 cm shade<\/strong><br><strong><br>\u2022 <\/strong>Bedside lamps<strong> \u2192 smaller shades<br>\u2022 <\/strong>Living room lamps<strong> \u2192 larger shades for softer light<br>\u2022 <\/strong>Thin classic base<strong> \u2192 empire shade<br>\u2022 <\/strong>Modern geometric base<strong> \u2192 drum shade<\/strong><\/p><\/div><\/span><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box1400_a1bb7c-30.wp-block-kadence-infobox{max-width:100%;}.kt-info-box1400_a1bb7c-30 .kadence-info-box-image-inner-intrisic-container{max-width:320px;}.kt-info-box1400_a1bb7c-30 .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic{padding-bottom:133.33%;width:1920px;height:0px;max-width:100%;}.kt-info-box1400_a1bb7c-30 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box1400_a1bb7c-30 .kt-info-svg-icon-flip, .kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-media{border-radius:11px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:20px;}.kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:11px;}.kt-info-box1400_a1bb7c-30 .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.wp-block-kadence-infobox.kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-text{font-size:var(--global-kb-font-size-md, 1.25rem);}.kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);display:block;}.kt-info-box1400_a1bb7c-30 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media{display:inline-block;max-width:100%;}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box1400_a1bb7c-30\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-right kt-info-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic-container\"><div class=\"kadence-info-box-image-intrisic kt-info-animate-none kb-info-box-image-ratio kb-info-box-image-ratio-port34\"><div class=\"kadence-info-box-image-inner-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-scaled.jpg\" alt=\"\" width=\"1920\" height=\"2560\" class=\"kt-info-box-image wp-image-1438\" srcset=\"https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-scaled.jpg 1920w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-225x300.jpg 225w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-768x1024.jpg 768w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-1152x1536.jpg 1152w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-1536x2048.jpg 1536w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-9x12.jpg 9w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-1320x1760.jpg 1320w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-600x800.jpg 600w, https:\/\/staging.paralumi-creations.com\/wp-content\/uploads\/2026\/02\/IMG_1559-64x85.jpg 64w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/div><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\">Before you order&#8230;<\/h2><p class=\"kt-blocks-info-box-text\">\u2022 <strong>Measure <\/strong>the diameter and the height that you need<br>\u2022 Make sure you know what <strong>fixing <\/strong>you need<br>\u2022 Think about the <strong>fabrics <\/strong>and the <strong>style <\/strong>that you need<br><br>*Lampshades that have patterns on the inside as well,<br>tend to let less light to pass through!*<\/p><\/div><\/span><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-1400_716ecb-a5 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-1400_716ecb-a5 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-1400_716ecb-a5\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns1400_df74c4-ad{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns1400_df74c4-ad .kt-button{font-weight:normal;font-style:normal;}.kt-btns1400_df74c4-ad .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns1400_df74c4-ad .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns1400_df74c4-ad .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns1400_df74c4-ad .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns1400_df74c4-ad .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns1400_df74c4-ad .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns1400_df74c4-ad .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns1400_df74c4-ad\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn1400_b34f46-4d.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn1400_b34f46-4d.kb-button{box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);}<\/style><a class=\"kb-button kt-button button kb-btn1400_b34f46-4d kt-btn-size-large kt-btn-width-type-auto kb-btn-global-fill kt-btn-has-text-true kt-btn-has-svg-true icon-reveal wp-block-kadence-singlebtn\" href=\"https:\/\/wa.me\/306987734495?text=Hi%20Paralumi!%20I%20need%20help%20choosing%20a%20lampshade.%20Here%20are%20my%20lamp%20dimensions:\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"kt-btn-inner-text\">Text us on Whatsapp for help!<\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_mail kt-btn-icon-side-right\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/span><\/a><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1400_5e2a58-b0, .wp-block-kadence-advancedheading.kt-adv-heading1400_5e2a58-b0[data-kb-block=\"kb-adv-heading1400_5e2a58-b0\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1400_5e2a58-b0 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1400_5e2a58-b0[data-kb-block=\"kb-adv-heading1400_5e2a58-b0\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<h2 class=\"kt-adv-heading1400_5e2a58-b0 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1400_5e2a58-b0\">or&#8230;<\/h2>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-1400_efb900-1d .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-1400_efb900-1d .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-1400_efb900-1d\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n    <div class=\"pc-shade-visualizer\">\n\n        <div class=\"pc-sv-header\">\n            <div class=\"pc-sv-kicker\">Lampshade Visualizer<\/div>\n            <h2>Visualise your lampshade<\/h2>\n            <p>\n                Enter your measurements to see the proportions of your lampshade before ordering.\n            <\/p>\n        <\/div>\n\n\n        <div class=\"pc-sv-layout\">\n\n            <!-- CONTROLS -->\n            <div class=\"pc-sv-controls\">\n\n                <div class=\"pc-sv-shape\">\n                    <span class=\"pc-control-title\">Shape<\/span>\n\n                    <div class=\"pc-shape-buttons\">\n\n                        <button\n                            type=\"button\"\n                            class=\"pc-shape-btn active\"\n                            data-shape=\"empire\"\n                        >\n                            Empire\n                        <\/button>\n\n                        <button\n                            type=\"button\"\n                            class=\"pc-shape-btn\"\n                            data-shape=\"drum\"\n                        >\n                            Drum\n                        <\/button>\n\n                    <\/div>\n                <\/div>\n\n\n                <label class=\"pc-sv-field pc-top-field\">\n\n                    <span>Top diameter<\/span>\n\n                    <div class=\"pc-number-field\">\n                        <input\n                            type=\"number\"\n                            id=\"pc-top-diameter\"\n                            value=\"20\"\n                            min=\"5\"\n                            max=\"100\"\n                            step=\"1\"\n                            inputmode=\"decimal\"\n                        >\n                        <span>cm<\/span>\n                    <\/div>\n\n                <\/label>\n\n\n                <label class=\"pc-sv-field\">\n\n                    <span>Bottom diameter<\/span>\n\n                    <div class=\"pc-number-field\">\n                        <input\n                            type=\"number\"\n                            id=\"pc-bottom-diameter\"\n                            value=\"30\"\n                            min=\"5\"\n                            max=\"100\"\n                            step=\"1\"\n                            inputmode=\"decimal\"\n                        >\n                        <span>cm<\/span>\n                    <\/div>\n\n                <\/label>\n\n\n                <label class=\"pc-sv-field\">\n\n                    <span>Height<\/span>\n\n                    <div class=\"pc-number-field\">\n                        <input\n                            type=\"number\"\n                            id=\"pc-shade-height\"\n                            value=\"25\"\n                            min=\"5\"\n                            max=\"100\"\n                            step=\"1\"\n                            inputmode=\"decimal\"\n                        >\n                        <span>cm<\/span>\n                    <\/div>\n\n                <\/label>\n\n\n                <div class=\"pc-sv-presets\">\n\n                    <span class=\"pc-control-title\">Quick proportions<\/span>\n\n                    <div class=\"pc-preset-buttons\">\n\n                        <button\n                            type=\"button\"\n                            data-top=\"30\"\n                            data-bottom=\"30\"\n                            data-height=\"21\"\n                            data-shape-preset=\"drum\"\n                        >\n                            Classic Drum\n                        <\/button>\n\n                        <button\n                            type=\"button\"\n                            data-top=\"20\"\n                            data-bottom=\"30\"\n                            data-height=\"25\"\n                            data-shape-preset=\"empire\"\n                        >\n                            Soft Empire\n                        <\/button>\n\n                        <button\n                            type=\"button\"\n                            data-top=\"15\"\n                            data-bottom=\"35\"\n                            data-height=\"25\"\n                            data-shape-preset=\"empire\"\n                        >\n                            Wide Empire\n                        <\/button>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <button type=\"button\" class=\"pc-sv-reset\">\n                    Reset dimensions\n                <\/button>\n\n            <\/div>\n\n\n            <!-- VISUAL -->\n            <div class=\"pc-sv-preview\">\n\n                <div class=\"pc-preview-label\">\n                    Live preview\n                <\/div>\n\n                <div class=\"pc-svg-container\">\n\n                    <svg\n                        id=\"pc-shade-svg\"\n                        viewBox=\"0 0 500 430\"\n                        role=\"img\"\n                        aria-labelledby=\"pc-svg-title pc-svg-desc\"\n                    >\n\n                        <title id=\"pc-svg-title\">\n                            Lampshade proportions\n                        <\/title>\n\n                        <desc id=\"pc-svg-desc\">\n                            A proportional drawing of the lampshade based on the dimensions entered.\n                        <\/desc>\n\n\n                        <!-- SHADE -->\n                        <defs>\n\n                            <linearGradient\n                                id=\"pcShadeGradient\"\n                                x1=\"0\"\n                                y1=\"0\"\n                                x2=\"0\"\n                                y2=\"1\"\n                            >\n                                <stop offset=\"0%\" stop-color=\"#fffdf8\"\/>\n                                <stop offset=\"100%\" stop-color=\"#eee7dc\"\/>\n                            <\/linearGradient>\n\n                        <\/defs>\n\n\n                        <path\n                            id=\"pc-shade-shape\"\n                            d=\"\"\n                            fill=\"url(#pcShadeGradient)\"\n                            stroke=\"#0d5168\"\n                            stroke-width=\"3\"\n                            stroke-linejoin=\"round\"\n                        \/>\n\n\n                        <!-- subtle centre line -->\n                        <line\n                            id=\"pc-centre-line\"\n                            x1=\"250\"\n                            y1=\"80\"\n                            x2=\"250\"\n                            y2=\"330\"\n                            stroke=\"#0d5168\"\n                            stroke-width=\"1\"\n                            stroke-dasharray=\"5 7\"\n                            opacity=\".16\"\n                        \/>\n\n\n                        <!-- TOP DIMENSION -->\n                        <line\n                            id=\"pc-top-dim-line\"\n                            x1=\"180\"\n                            y1=\"55\"\n                            x2=\"320\"\n                            y2=\"55\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <line\n                            id=\"pc-top-tick-left\"\n                            x1=\"180\"\n                            y1=\"47\"\n                            x2=\"180\"\n                            y2=\"63\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <line\n                            id=\"pc-top-tick-right\"\n                            x1=\"320\"\n                            y1=\"47\"\n                            x2=\"320\"\n                            y2=\"63\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <text\n                            id=\"pc-top-text\"\n                            x=\"250\"\n                            y=\"40\"\n                            text-anchor=\"middle\"\n                            fill=\"#eb7305\"\n                            font-size=\"18\"\n                            font-weight=\"700\"\n                        >\n                            \u00d820 cm\n                        <\/text>\n\n\n                        <!-- BOTTOM DIMENSION -->\n                        <line\n                            id=\"pc-bottom-dim-line\"\n                            x1=\"140\"\n                            y1=\"365\"\n                            x2=\"360\"\n                            y2=\"365\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <line\n                            id=\"pc-bottom-tick-left\"\n                            x1=\"140\"\n                            y1=\"357\"\n                            x2=\"140\"\n                            y2=\"373\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <line\n                            id=\"pc-bottom-tick-right\"\n                            x1=\"360\"\n                            y1=\"357\"\n                            x2=\"360\"\n                            y2=\"373\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <text\n                            id=\"pc-bottom-text\"\n                            x=\"250\"\n                            y=\"397\"\n                            text-anchor=\"middle\"\n                            fill=\"#eb7305\"\n                            font-size=\"18\"\n                            font-weight=\"700\"\n                        >\n                            \u00d830 cm\n                        <\/text>\n\n\n                        <!-- HEIGHT DIMENSION -->\n                        <line\n                            id=\"pc-height-line\"\n                            x1=\"415\"\n                            y1=\"80\"\n                            x2=\"415\"\n                            y2=\"330\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <line\n                            id=\"pc-height-tick-top\"\n                            x1=\"407\"\n                            y1=\"80\"\n                            x2=\"423\"\n                            y2=\"80\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <line\n                            id=\"pc-height-tick-bottom\"\n                            x1=\"407\"\n                            y1=\"330\"\n                            x2=\"423\"\n                            y2=\"330\"\n                            stroke=\"#eb7305\"\n                            stroke-width=\"2\"\n                        \/>\n\n                        <text\n                            id=\"pc-height-text\"\n                            x=\"442\"\n                            y=\"205\"\n                            text-anchor=\"middle\"\n                            dominant-baseline=\"middle\"\n                            fill=\"#eb7305\"\n                            font-size=\"18\"\n                            font-weight=\"700\"\n                            transform=\"rotate(90 442 205)\"\n                        >\n                            H25 cm\n                        <\/text>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"pc-sv-result\">\n\n                    <span id=\"pc-result-shape\">\n                        Empire lampshade\n                    <\/span>\n\n                    <strong id=\"pc-result-dimensions\">\n                        Top \u00d820 \u00b7 Bottom \u00d830 \u00b7 H25 cm\n                    <\/strong>\n\n                <\/div>\n\n\n                <div\n                    id=\"pc-sv-message\"\n                    class=\"pc-sv-message\"\n                    aria-live=\"polite\"\n                ><\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <style>\n\n    .pc-shade-visualizer {\n        --pc-blue: #0d5168;\n        --pc-orange: #eb7305;\n        --pc-bg: #f7f3ed;\n        --pc-white: #ffffff;\n        --pc-text: #18343c;\n\n        max-width: 1050px;\n        margin: 40px auto;\n        padding: clamp(28px, 5vw, 58px);\n        background: var(--pc-bg);\n        color: var(--pc-text);\n        border-radius: 28px;\n        box-sizing: border-box;\n        font-family: inherit;\n    }\n\n\n    .pc-sv-header {\n        max-width: 700px;\n        margin-bottom: 38px;\n    }\n\n\n    .pc-sv-kicker,\n    .pc-preview-label {\n        color: var(--pc-orange);\n        text-transform: uppercase;\n        letter-spacing: .12em;\n        font-size: 12px;\n        font-weight: 700;\n        margin-bottom: 9px;\n    }\n\n\n    .pc-sv-header h2 {\n        margin: 0 0 10px;\n        color: var(--pc-blue);\n        font-size: clamp(28px, 4vw, 42px);\n        line-height: 1.1;\n    }\n\n\n    .pc-sv-header p {\n        margin: 0;\n        max-width: 650px;\n        line-height: 1.65;\n        opacity: .72;\n    }\n\n\n    .pc-sv-layout {\n        display: grid;\n        grid-template-columns: minmax(270px, .8fr) minmax(380px, 1.2fr);\n        gap: clamp(30px, 6vw, 70px);\n        align-items: start;\n    }\n\n\n    .pc-sv-controls {\n        display: flex;\n        flex-direction: column;\n        gap: 22px;\n    }\n\n\n    .pc-control-title,\n    .pc-sv-field > span {\n        display: block;\n        margin-bottom: 8px;\n        color: var(--pc-blue);\n        font-size: 14px;\n        font-weight: 700;\n    }\n\n\n    .pc-shape-buttons {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 8px;\n    }\n\n\n    .pc-shape-btn,\n    .pc-preset-buttons button {\n        min-height: 48px;\n        border: 1px solid rgba(13,81,104,.18);\n        background: var(--pc-white);\n        color: var(--pc-blue);\n        border-radius: 12px;\n        padding: 10px 14px;\n        cursor: pointer;\n        font-family: inherit;\n        font-weight: 600;\n        transition: .2s ease;\n    }\n\n\n    .pc-shape-btn:hover,\n    .pc-preset-buttons button:hover {\n        border-color: var(--pc-orange);\n    }\n\n\n    .pc-shape-btn.active {\n        background: var(--pc-blue);\n        border-color: var(--pc-blue);\n        color: #fff;\n    }\n\n\n    .pc-number-field {\n        display: flex;\n        align-items: center;\n        background: #fff;\n        border: 1px solid rgba(13,81,104,.18);\n        border-radius: 13px;\n        overflow: hidden;\n        transition: .2s ease;\n    }\n\n\n    .pc-number-field:focus-within {\n        border-color: var(--pc-orange);\n        box-shadow: 0 0 0 3px rgba(235,115,5,.10);\n    }\n\n\n    .pc-number-field input {\n        width: 100%;\n        min-width: 0;\n        padding: 15px 17px !important;\n        border: 0 !important;\n        outline: 0 !important;\n        box-shadow: none !important;\n        background: transparent !important;\n        color: var(--pc-text);\n        font-family: inherit;\n        font-size: 18px;\n        font-weight: 600;\n    }\n\n\n    .pc-number-field > span {\n        padding-right: 17px;\n        opacity: .55;\n        font-size: 14px;\n    }\n\n\n    .pc-preset-buttons {\n        display: grid;\n        gap: 7px;\n    }\n\n\n    .pc-sv-reset {\n        align-self: flex-start;\n        border: 0;\n        background: transparent;\n        color: var(--pc-blue);\n        padding: 2px 0;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: 13px;\n        font-weight: 600;\n        opacity: .7;\n    }\n\n\n    .pc-sv-reset:hover {\n        opacity: 1;\n    }\n\n\n    .pc-sv-preview {\n        min-width: 0;\n        text-align: center;\n    }\n\n\n    .pc-svg-container {\n        width: 100%;\n        background: rgba(255,255,255,.55);\n        border: 1px solid rgba(13,81,104,.10);\n        border-radius: 22px;\n        padding: 15px;\n        box-sizing: border-box;\n    }\n\n\n    #pc-shade-svg {\n        display: block;\n        width: 100%;\n        height: auto;\n        max-height: 470px;\n        overflow: visible;\n    }\n\n\n    #pc-shade-shape,\n    #pc-top-dim-line,\n    #pc-top-tick-left,\n    #pc-top-tick-right,\n    #pc-bottom-dim-line,\n    #pc-bottom-tick-left,\n    #pc-bottom-tick-right,\n    #pc-height-line,\n    #pc-height-tick-top,\n    #pc-height-tick-bottom,\n    #pc-centre-line {\n        transition:\n            x1 .25s ease,\n            x2 .25s ease,\n            y1 .25s ease,\n            y2 .25s ease;\n    }\n\n\n    #pc-shade-shape {\n        transition: d .25s ease;\n    }\n\n\n    .pc-sv-result {\n        margin-top: 22px;\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n    }\n\n\n    .pc-sv-result span {\n        color: var(--pc-orange);\n        font-size: 13px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: .08em;\n    }\n\n\n    .pc-sv-result strong {\n        color: var(--pc-blue);\n        font-size: clamp(18px, 3vw, 24px);\n    }\n\n\n    .pc-sv-message {\n        min-height: 20px;\n        margin-top: 8px;\n        font-size: 13px;\n        opacity: .65;\n    }\n\n\n    .pc-top-field.pc-hidden {\n        display: none;\n    }\n\n\n    @media (max-width: 760px) {\n\n        .pc-shade-visualizer {\n            margin: 20px 0;\n            padding: 28px 18px;\n            border-radius: 20px;\n        }\n\n\n        .pc-sv-layout {\n            grid-template-columns: 1fr;\n            gap: 35px;\n        }\n\n\n        .pc-sv-preview {\n            order: -1;\n        }\n\n\n        .pc-svg-container {\n            padding: 5px;\n        }\n\n\n        .pc-sv-controls {\n            gap: 18px;\n        }\n\n    }\n\n    <\/style>\n\n\n    <script>\n\n    document.addEventListener('DOMContentLoaded', function () {\n\n        const visualizer =\n            document.querySelector('.pc-shade-visualizer');\n\n        if (!visualizer) return;\n\n\n        const topInput =\n            visualizer.querySelector('#pc-top-diameter');\n\n        const bottomInput =\n            visualizer.querySelector('#pc-bottom-diameter');\n\n        const heightInput =\n            visualizer.querySelector('#pc-shade-height');\n\n\n        const shapePath =\n            visualizer.querySelector('#pc-shade-shape');\n\n        const centreLine =\n            visualizer.querySelector('#pc-centre-line');\n\n\n        const topLine =\n            visualizer.querySelector('#pc-top-dim-line');\n\n        const topTickLeft =\n            visualizer.querySelector('#pc-top-tick-left');\n\n        const topTickRight =\n            visualizer.querySelector('#pc-top-tick-right');\n\n        const topText =\n            visualizer.querySelector('#pc-top-text');\n\n\n        const bottomLine =\n            visualizer.querySelector('#pc-bottom-dim-line');\n\n        const bottomTickLeft =\n            visualizer.querySelector('#pc-bottom-tick-left');\n\n        const bottomTickRight =\n            visualizer.querySelector('#pc-bottom-tick-right');\n\n        const bottomText =\n            visualizer.querySelector('#pc-bottom-text');\n\n\n        const heightLine =\n            visualizer.querySelector('#pc-height-line');\n\n        const heightTickTop =\n            visualizer.querySelector('#pc-height-tick-top');\n\n        const heightTickBottom =\n            visualizer.querySelector('#pc-height-tick-bottom');\n\n        const heightText =\n            visualizer.querySelector('#pc-height-text');\n\n\n        const resultShape =\n            visualizer.querySelector('#pc-result-shape');\n\n        const resultDimensions =\n            visualizer.querySelector('#pc-result-dimensions');\n\n        const message =\n            visualizer.querySelector('#pc-sv-message');\n\n        const topField =\n            visualizer.querySelector('.pc-top-field');\n\n        const shapeButtons =\n            visualizer.querySelectorAll('.pc-shape-btn');\n\n\n        let currentShape = 'empire';\n\n\n        function clamp(value, min, max) {\n\n            value = parseFloat(value);\n\n            if (isNaN(value)) return min;\n\n            return Math.min(max, Math.max(min, value));\n\n        }\n\n\n        function setLineX(line, x1, x2) {\n\n            line.setAttribute('x1', x1);\n            line.setAttribute('x2', x2);\n\n        }\n\n\n        function setLineY(line, y1, y2) {\n\n            line.setAttribute('y1', y1);\n            line.setAttribute('y2', y2);\n\n        }\n\n\n        function updateVisualizer() {\n\n            let top =\n                clamp(topInput.value, 5, 100);\n\n            let bottom =\n                clamp(bottomInput.value, 5, 100);\n\n            let height =\n                clamp(heightInput.value, 5, 100);\n\n\n            if (currentShape === 'drum') {\n\n                top = bottom;\n\n                topInput.value = bottom;\n\n            }\n\n\n            \/*\n             * SVG drawing area.\n             *\n             * We calculate one shared scale factor so width\n             * and height remain visually proportional.\n             *\/\n\n            const centreX = 240;\n\n            const maxDrawingWidth = 260;\n            const maxDrawingHeight = 240;\n\n            const largestWidth =\n                Math.max(top, bottom);\n\n            const scale =\n                Math.min(\n                    maxDrawingWidth \/ largestWidth,\n                    maxDrawingHeight \/ height\n                );\n\n\n            const drawnTopWidth =\n                top * scale;\n\n            const drawnBottomWidth =\n                bottom * scale;\n\n            const drawnHeight =\n                height * scale;\n\n\n            const topY =\n                205 - (drawnHeight \/ 2);\n\n            const bottomY =\n                205 + (drawnHeight \/ 2);\n\n\n            const topLeft =\n                centreX - (drawnTopWidth \/ 2);\n\n            const topRight =\n                centreX + (drawnTopWidth \/ 2);\n\n            const bottomLeft =\n                centreX - (drawnBottomWidth \/ 2);\n\n            const bottomRight =\n                centreX + (drawnBottomWidth \/ 2);\n\n\n            \/*\n             * DRAW SHADE\n             *\/\n\n            const path =\n                'M ' + topLeft + ' ' + topY +\n                ' L ' + topRight + ' ' + topY +\n                ' L ' + bottomRight + ' ' + bottomY +\n                ' L ' + bottomLeft + ' ' + bottomY +\n                ' Z';\n\n            shapePath.setAttribute('d', path);\n\n\n            \/*\n             * CENTRE LINE\n             *\/\n\n            centreLine.setAttribute('x1', centreX);\n            centreLine.setAttribute('x2', centreX);\n\n            setLineY(\n                centreLine,\n                topY,\n                bottomY\n            );\n\n\n            \/*\n             * TOP DIMENSION\n             *\/\n\n            const topDimensionY =\n                Math.max(35, topY - 35);\n\n            setLineX(\n                topLine,\n                topLeft,\n                topRight\n            );\n\n            setLineY(\n                topLine,\n                topDimensionY,\n                topDimensionY\n            );\n\n\n            topTickLeft.setAttribute('x1', topLeft);\n            topTickLeft.setAttribute('x2', topLeft);\n            topTickLeft.setAttribute('y1', topDimensionY - 7);\n            topTickLeft.setAttribute('y2', topDimensionY + 7);\n\n            topTickRight.setAttribute('x1', topRight);\n            topTickRight.setAttribute('x2', topRight);\n            topTickRight.setAttribute('y1', topDimensionY - 7);\n            topTickRight.setAttribute('y2', topDimensionY + 7);\n\n\n            topText.setAttribute('x', centreX);\n            topText.setAttribute('y', topDimensionY - 12);\n\n            topText.textContent =\n                '\u00d8' + top + ' cm';\n\n\n            \/*\n             * BOTTOM DIMENSION\n             *\/\n\n            const bottomDimensionY =\n                Math.min(385, bottomY + 35);\n\n            setLineX(\n                bottomLine,\n                bottomLeft,\n                bottomRight\n            );\n\n            setLineY(\n                bottomLine,\n                bottomDimensionY,\n                bottomDimensionY\n            );\n\n\n            bottomTickLeft.setAttribute('x1', bottomLeft);\n            bottomTickLeft.setAttribute('x2', bottomLeft);\n            bottomTickLeft.setAttribute('y1', bottomDimensionY - 7);\n            bottomTickLeft.setAttribute('y2', bottomDimensionY + 7);\n\n            bottomTickRight.setAttribute('x1', bottomRight);\n            bottomTickRight.setAttribute('x2', bottomRight);\n            bottomTickRight.setAttribute('y1', bottomDimensionY - 7);\n            bottomTickRight.setAttribute('y2', bottomDimensionY + 7);\n\n\n            bottomText.setAttribute('x', centreX);\n            bottomText.setAttribute(\n                'y',\n                bottomDimensionY + 27\n            );\n\n            bottomText.textContent =\n                '\u00d8' + bottom + ' cm';\n\n\n            \/*\n             * HEIGHT DIMENSION\n             *\/\n\n            const heightX =\n                Math.min(\n                    420,\n                    Math.max(topRight, bottomRight) + 45\n                );\n\n\n            heightLine.setAttribute('x1', heightX);\n            heightLine.setAttribute('x2', heightX);\n\n            setLineY(\n                heightLine,\n                topY,\n                bottomY\n            );\n\n\n            heightTickTop.setAttribute(\n                'x1',\n                heightX - 7\n            );\n\n            heightTickTop.setAttribute(\n                'x2',\n                heightX + 7\n            );\n\n            heightTickTop.setAttribute('y1', topY);\n            heightTickTop.setAttribute('y2', topY);\n\n\n            heightTickBottom.setAttribute(\n                'x1',\n                heightX - 7\n            );\n\n            heightTickBottom.setAttribute(\n                'x2',\n                heightX + 7\n            );\n\n            heightTickBottom.setAttribute(\n                'y1',\n                bottomY\n            );\n\n            heightTickBottom.setAttribute(\n                'y2',\n                bottomY\n            );\n\n\n            const heightTextX =\n                heightX + 27;\n\n            const heightTextY =\n                (topY + bottomY) \/ 2;\n\n\n            heightText.setAttribute(\n                'x',\n                heightTextX\n            );\n\n            heightText.setAttribute(\n                'y',\n                heightTextY\n            );\n\n            heightText.setAttribute(\n                'transform',\n                'rotate(90 ' +\n                heightTextX +\n                ' ' +\n                heightTextY +\n                ')'\n            );\n\n            heightText.textContent =\n                'H' + height + ' cm';\n\n\n            \/*\n             * RESULT TEXT\n             *\/\n\n            if (currentShape === 'drum') {\n\n                resultShape.textContent =\n                    'Drum lampshade';\n\n                resultDimensions.textContent =\n                    '\u00d8' +\n                    bottom +\n                    ' \u00b7 H' +\n                    height +\n                    ' cm';\n\n            } else {\n\n                resultShape.textContent =\n                    'Empire lampshade';\n\n                resultDimensions.textContent =\n                    'Top \u00d8' +\n                    top +\n                    ' \u00b7 Bottom \u00d8' +\n                    bottom +\n                    ' \u00b7 H' +\n                    height +\n                    ' cm';\n\n            }\n\n\n            \/*\n             * FRIENDLY WARNINGS\n             *\/\n\n            message.textContent = '';\n\n            if (\n                currentShape === 'empire' &&\n                top > bottom\n            ) {\n\n                message.textContent =\n                    'The top diameter is larger than the bottom diameter, creating a reversed tapered shape.';\n\n            }\n\n            else if (\n                currentShape === 'empire' &&\n                Math.abs(top - bottom) < 2\n            ) {\n\n                message.textContent =\n                    'These dimensions are very close to a drum shape.';\n\n            }\n\n            else if (\n                height > largestWidth * 1.5\n            ) {\n\n                message.textContent =\n                    'This will create a particularly tall and narrow lampshade.';\n\n            }\n\n            else if (\n                height < largestWidth * 0.35\n            ) {\n\n                message.textContent =\n                    'This will create a particularly wide and shallow lampshade.';\n\n            }\n\n        }\n\n\n        \/*\n         * INPUT LISTENERS\n         *\/\n\n        [\n            topInput,\n            bottomInput,\n            heightInput\n\n        ].forEach(input => {\n\n            input.addEventListener(\n                'input',\n                updateVisualizer\n            );\n\n            input.addEventListener(\n                'change',\n                updateVisualizer\n            );\n\n        });\n\n\n        \/*\n         * SHAPE BUTTONS\n         *\/\n\n        shapeButtons.forEach(button => {\n\n            button.addEventListener(\n                'click',\n                function () {\n\n                    currentShape =\n                        this.dataset.shape;\n\n                    shapeButtons.forEach(btn => {\n                        btn.classList.remove('active');\n                    });\n\n                    this.classList.add('active');\n\n\n                    if (currentShape === 'drum') {\n\n                        topInput.value =\n                            bottomInput.value;\n\n                        topField.classList.add(\n                            'pc-hidden'\n                        );\n\n                    } else {\n\n                        topField.classList.remove(\n                            'pc-hidden'\n                        );\n\n                    }\n\n                    updateVisualizer();\n\n                }\n            );\n\n        });\n\n\n        \/*\n         * PRESETS\n         *\/\n\n        visualizer\n            .querySelectorAll('[data-shape-preset]')\n            .forEach(button => {\n\n                button.addEventListener(\n                    'click',\n                    function () {\n\n                        currentShape =\n                            this.dataset.shapePreset;\n\n                        topInput.value =\n                            this.dataset.top;\n\n                        bottomInput.value =\n                            this.dataset.bottom;\n\n                        heightInput.value =\n                            this.dataset.height;\n\n\n                        shapeButtons.forEach(btn => {\n\n                            btn.classList.toggle(\n                                'active',\n                                btn.dataset.shape === currentShape\n                            );\n\n                        });\n\n\n                        topField.classList.toggle(\n                            'pc-hidden',\n                            currentShape === 'drum'\n                        );\n\n\n                        updateVisualizer();\n\n                    }\n                );\n\n            });\n\n\n        \/*\n         * RESET\n         *\/\n\n        visualizer\n            .querySelector('.pc-sv-reset')\n            .addEventListener(\n                'click',\n                function () {\n\n                    currentShape = 'empire';\n\n                    topInput.value = 20;\n                    bottomInput.value = 30;\n                    heightInput.value = 25;\n\n                    topField.classList.remove(\n                        'pc-hidden'\n                    );\n\n\n                    shapeButtons.forEach(btn => {\n\n                        btn.classList.toggle(\n                            'active',\n                            btn.dataset.shape === 'empire'\n                        );\n\n                    });\n\n\n                    updateVisualizer();\n\n                }\n            );\n\n\n        \/*\n         * INITIAL DRAW\n         *\/\n\n        updateVisualizer();\n\n    });\n\n    <\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"<p>Choosing the right lampshade can completely change the atmosphere of a room.In this guide, we\u2019ve gathered everything you need to know before choosing size, shape, and fabric.If you\u2019re unsure, simply send us a photo of your lamp \u2014 we\u2019ll help you choose the right size! Let&#8217;s start with the basics&#8230; How about the fixing? or&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1400","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/staging.paralumi-creations.com\/el\/wp-json\/wp\/v2\/pages\/1400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.paralumi-creations.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.paralumi-creations.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.paralumi-creations.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.paralumi-creations.com\/el\/wp-json\/wp\/v2\/comments?post=1400"}],"version-history":[{"count":57,"href":"https:\/\/staging.paralumi-creations.com\/el\/wp-json\/wp\/v2\/pages\/1400\/revisions"}],"predecessor-version":[{"id":1772,"href":"https:\/\/staging.paralumi-creations.com\/el\/wp-json\/wp\/v2\/pages\/1400\/revisions\/1772"}],"wp:attachment":[{"href":"https:\/\/staging.paralumi-creations.com\/el\/wp-json\/wp\/v2\/media?parent=1400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}