{"id":2342,"date":"2026-10-05T16:50:50","date_gmt":"2026-10-05T16:50:50","guid":{"rendered":"https:\/\/wallpanelfactory.com\/?page_id=2342"},"modified":"2026-10-05T16:55:16","modified_gmt":"2026-10-05T16:55:16","slug":"installation","status":"publish","type":"page","link":"https:\/\/wallpanelfactory.com\/es\/installation\/","title":{"rendered":"Installation"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   INSTALLATION GUIDE\n   SECTION 01 \u2014 HERO\n===================================================== *\/\n\n.xuran-guide-hero {\n    --bg: #f2f0eb;\n    --text: #171717;\n    --soft: #686761;\n    --taupe: #898271;\n    --red: #b51f27;\n    --line: #cbc8c0;\n    --dark: #19191b;\n\n    width: 100%;\n    padding: 55px 6vw 0;\n\n    background: var(--bg);\n    color: var(--text);\n\n    overflow: hidden;\n}\n\n\n.xuran-guide-hero *,\n.xuran-guide-hero *::before,\n.xuran-guide-hero *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-guide-hero__inner {\n    width: 100%;\n    max-width: 1600px;\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.xuran-guide-hero__top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding-bottom: 20px;\n\n    border-bottom: 1px solid var(--line);\n\n    color: #77736d;\n\n    font-size: 7px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-hero__top span:first-child {\n    color: var(--red);\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.xuran-guide-hero__intro {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.4fr)\n        minmax(320px, .6fr);\n\n    align-items: end;\n\n    gap: clamp(65px, 9vw, 150px);\n\n    padding: 75px 0 65px;\n}\n\n\n\/* =====================================================\n   HEADING\n===================================================== *\/\n\n.xuran-guide-hero__eyebrow {\n    display: block;\n\n    margin-bottom: 22px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n    letter-spacing: 2.2px;\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-hero__heading h1 {\n    max-width: 1050px;\n\n    margin: 0;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: clamp(62px, 6.5vw, 104px);\n\n    font-weight: 400;\n\n    line-height: .9;\n    letter-spacing: -.06em;\n}\n\n\n.xuran-guide-hero__heading h1 em {\n    color: var(--taupe);\n\n    font-weight: 400;\n    font-style: italic;\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n===================================================== *\/\n\n.xuran-guide-hero__description {\n    max-width: 440px;\n\n    padding-left: 24px;\n\n    border-left: 2px solid var(--red);\n}\n\n\n.xuran-guide-hero__description > span {\n    display: block;\n\n    margin-bottom: 17px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-hero__description p {\n    margin: 0;\n\n    color: var(--soft);\n\n    font-size: 13px;\n    line-height: 1.8;\n}\n\n\n.xuran-guide-hero__description p + p {\n    margin-top: 14px;\n}\n\n\n\/* GUIDE LINK *\/\n\n.xuran-guide-hero__description a {\n    position: relative;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-top: 27px;\n    padding-bottom: 5px;\n\n    color: var(--text);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n\n    transition: color .3s ease;\n}\n\n\n.xuran-guide-hero__description a::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: var(--text);\n\n    transition:\n        width .35s ease,\n        background .35s ease;\n}\n\n\n.xuran-guide-hero__description a:hover {\n    color: var(--red);\n}\n\n\n.xuran-guide-hero__description a:hover::after {\n    width: 55%;\n    background: var(--red);\n}\n\n\n.xuran-guide-hero__description a span {\n    font-size: 14px;\n\n    transition: transform .3s ease;\n}\n\n\n.xuran-guide-hero__description a:hover span {\n    transform: translateY(4px);\n}\n\n\n\/* =====================================================\n   HERO IMAGE\n===================================================== *\/\n\n.xuran-guide-hero__visual {\n    position: relative;\n\n    width: 100%;\n    height: clamp(500px, 58vw, 790px);\n\n    background: #d2cec5;\n\n    overflow: hidden;\n}\n\n\n.xuran-guide-hero__visual img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n        transform 1.1s cubic-bezier(.2,.7,.2,1);\n}\n\n\n.xuran-guide-hero__visual:hover img {\n    transform: scale(1.02);\n}\n\n\n.xuran-guide-hero__overlay {\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,.01) 45%,\n            rgba(0,0,0,.52) 100%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =====================================================\n   IMAGE INFO\n===================================================== *\/\n\n.xuran-guide-hero__image-info {\n    position: absolute;\n\n    left: 31px;\n    bottom: 30px;\n\n    display: flex;\n    align-items: flex-start;\n\n    gap: 18px;\n\n    color: #fff;\n}\n\n\n.xuran-guide-hero__image-info > span {\n    margin-top: 4px;\n\n    color: rgba(255,255,255,.65);\n\n    font-size: 8px;\n    font-weight: 700;\n}\n\n\n.xuran-guide-hero__image-info small {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: rgba(255,255,255,.65);\n\n    font-size: 6px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n}\n\n\n.xuran-guide-hero__image-info strong {\n    display: block;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: clamp(19px, 2vw, 27px);\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   SCROLL BUTTON\n===================================================== *\/\n\n.xuran-guide-hero__scroll {\n    position: absolute;\n\n    right: 30px;\n    bottom: 29px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 60px;\n    height: 60px;\n\n    border: 1px solid rgba(255,255,255,.7);\n    border-radius: 50%;\n\n    color: #fff;\n\n    font-size: 18px;\n\n    text-decoration: none;\n\n    transition:\n        background .35s ease,\n        border-color .35s ease,\n        transform .35s ease;\n}\n\n\n.xuran-guide-hero__scroll:hover {\n    background: var(--red);\n    border-color: var(--red);\n\n    transform: translateY(4px);\n}\n\n\n\/* =====================================================\n   GUIDE STEPS\n===================================================== *\/\n\n.xuran-guide-hero__steps {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    border-bottom: 1px solid var(--line);\n}\n\n\n.xuran-guide-hero__step {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    gap: 15px;\n\n    min-height: 100px;\n\n    padding: 20px 25px;\n\n    border-left: 1px solid var(--line);\n\n    transition:\n        background .35s ease,\n        padding-left .35s ease;\n}\n\n\n.xuran-guide-hero__step:first-child {\n    border-left: 0;\n}\n\n\n.xuran-guide-hero__step::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    left: 0;\n\n    width: 0;\n    height: 2px;\n\n    background: var(--red);\n\n    transition: width .35s ease;\n}\n\n\n.xuran-guide-hero__step:hover {\n    padding-left: 31px;\n\n    background: rgba(255,255,255,.28);\n}\n\n\n.xuran-guide-hero__step:hover::before {\n    width: 55px;\n}\n\n\n.xuran-guide-hero__step > span {\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n}\n\n\n.xuran-guide-hero__step strong {\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 20px;\n\n    font-weight: 400;\n\n    transition: color .3s ease;\n}\n\n\n.xuran-guide-hero__step:hover strong {\n    color: var(--red);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1050px) {\n\n    .xuran-guide-hero {\n        padding-left: 5vw;\n        padding-right: 5vw;\n    }\n\n\n    .xuran-guide-hero__intro {\n        grid-template-columns:\n            minmax(0, 1.1fr)\n            minmax(280px, .9fr);\n\n        gap: 50px;\n    }\n\n\n    .xuran-guide-hero__heading h1 {\n        font-size:\n            clamp(56px, 7vw, 78px);\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-guide-hero {\n        padding:\n            35px 0\n            0;\n    }\n\n\n    .xuran-guide-hero__top {\n        margin:\n            0 24px;\n\n        align-items: flex-start;\n\n        gap: 15px;\n    }\n\n\n    .xuran-guide-hero__top span:last-child {\n        text-align: right;\n    }\n\n\n    \/* INTRO *\/\n\n    .xuran-guide-hero__intro {\n        display: block;\n\n        padding:\n            55px 24px\n            45px;\n    }\n\n\n    .xuran-guide-hero__heading h1 {\n        font-size:\n            clamp(49px, 13.5vw, 68px);\n\n        line-height: .92;\n    }\n\n\n    .xuran-guide-hero__description {\n        max-width: 100%;\n\n        margin-top: 37px;\n\n        padding-left: 18px;\n    }\n\n\n    \/* IMAGE \u2014 NATURAL RATIO *\/\n\n    .xuran-guide-hero__visual {\n        height: auto;\n    }\n\n\n    .xuran-guide-hero__visual img {\n        width: 100%;\n        height: auto;\n\n        object-fit: contain;\n    }\n\n\n    .xuran-guide-hero__image-info {\n        left: 20px;\n        bottom: 20px;\n    }\n\n\n    .xuran-guide-hero__scroll {\n        right: 18px;\n        bottom: 18px;\n\n        width: 48px;\n        height: 48px;\n\n        background: rgba(25,25,27,.25);\n\n        backdrop-filter: blur(5px);\n        -webkit-backdrop-filter: blur(5px);\n    }\n\n\n    \/* STEPS *\/\n\n    .xuran-guide-hero__steps {\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n\n        margin:\n            35px 24px 0;\n\n        border-top: 1px solid var(--line);\n    }\n\n\n    .xuran-guide-hero__step {\n        min-height: 75px;\n\n        padding:\n            17px 12px;\n    }\n\n\n    .xuran-guide-hero__step:nth-child(odd) {\n        border-left: 0;\n    }\n\n\n    .xuran-guide-hero__step:nth-child(n+3) {\n        border-top: 1px solid var(--line);\n    }\n\n\n    .xuran-guide-hero__step:hover {\n        padding-left: 12px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-guide-hero__top,\n    .xuran-guide-hero__steps {\n        margin-left: 20px;\n        margin-right: 20px;\n    }\n\n\n    .xuran-guide-hero__intro {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .xuran-guide-hero__visual img,\n    .xuran-guide-hero__scroll,\n    .xuran-guide-hero__step,\n    .xuran-guide-hero__step::before,\n    .xuran-guide-hero__step strong,\n    .xuran-guide-hero__description a,\n    .xuran-guide-hero__description a::after,\n    .xuran-guide-hero__description a span {\n        transition: none;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     WALL PANEL INSTALLATION GUIDE\n     SECTION 01 \u2014 HERO\n====================================================== -->\n\n<section class=\"xuran-guide-hero\" id=\"top\">\n\n    <div class=\"xuran-guide-hero__inner\">\n\n        <!-- TOP META -->\n        <div class=\"xuran-guide-hero__top\">\n\n            <span>\n                WALL PANEL INSTALLATION GUIDE\n            <\/span>\n\n            <span>\n                PREPARE \u00b7 INSTALL \u00b7 FINISH\n            <\/span>\n\n        <\/div>\n\n\n        <!-- INTRO -->\n        <div class=\"xuran-guide-hero__intro\">\n\n            <!-- LEFT -->\n            <div class=\"xuran-guide-hero__heading\">\n\n                <span class=\"xuran-guide-hero__eyebrow\">\n                    INSTALLATION \u00b7 STEP BY STEP\n                <\/span>\n\n                <h1>\n                    A better finish<br>\n                    <em>starts with the right installation.<\/em>\n                <\/h1>\n\n            <\/div>\n\n\n            <!-- RIGHT -->\n            <div class=\"xuran-guide-hero__description\">\n\n                <span>\n                    BEFORE YOU BEGIN\n                <\/span>\n\n                <p>\n                    Follow this guide for a clear overview of wall\n                    preparation, panel positioning, installation\n                    and finishing details.\n                <\/p>\n\n                <p>\n                    Installation requirements can vary by panel type,\n                    substrate and project conditions. Always confirm\n                    the appropriate method for the product being installed.\n                <\/p>\n\n                <a href=\"https:\/\/web.whatsapp.com\/send?phone=008615215857355u0026text=Hello%2C%20I%20need%20to%20know%20more%20about%3Au0026app_absent=0\">\n                    Start the Guide\n                    <span>\u2193<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- HERO IMAGE -->\n        <div class=\"xuran-guide-hero__visual\">\n\n            <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Marble-Panel-Installation-in-Modern-Interior.png\" alt=\"Decorative wall panel installation process\">\n\n            <div class=\"xuran-guide-hero__overlay\"><\/div>\n\n\n            <!-- IMAGE INFO -->\n            <div class=\"xuran-guide-hero__image-info\">\n\n                <span>01<\/span>\n\n                <div>\n                    <small>\n                        INSTALLATION GUIDE\n                    <\/small>\n\n                    <strong>\n                        From preparation to finishing.\n                    <\/strong>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- SCROLL -->\n            <a href=\"#before-you-begin\" class=\"xuran-guide-hero__scroll\" aria-label=\"Start installation guide\">\n                \u2193\n            <\/a>\n\n        <\/div>\n\n\n        <!-- GUIDE STEPS -->\n        <div class=\"xuran-guide-hero__steps\">\n\n            <div class=\"xuran-guide-hero__step\">\n                <span>01<\/span>\n                <strong>Prepare<\/strong>\n            <\/div>\n\n            <div class=\"xuran-guide-hero__step\">\n                <span>02<\/span>\n                <strong>Measure<\/strong>\n            <\/div>\n\n            <div class=\"xuran-guide-hero__step\">\n                <span>03<\/span>\n                <strong>Install<\/strong>\n            <\/div>\n\n            <div class=\"xuran-guide-hero__step\">\n                <span>04<\/span>\n                <strong>Finish<\/strong>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   INSTALLATION GUIDE\n   SECTION 02 \u2014 BEFORE YOU BEGIN\n===================================================== *\/\n\n.xuran-guide-prepare {\n    --bg: #e8e5de;\n    --text: #171717;\n    --soft: #686761;\n    --taupe: #898271;\n    --red: #b51f27;\n    --line: #c8c4bc;\n    --dark: #19191b;\n\n    width: 100%;\n\n    padding:\n        105px 6vw\n        90px;\n\n    background: var(--bg);\n\n    color: var(--text);\n\n    overflow: hidden;\n}\n\n\n.xuran-guide-prepare *,\n.xuran-guide-prepare *::before,\n.xuran-guide-prepare *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-guide-prepare__inner {\n    width: 100%;\n    max-width: 1600px;\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.xuran-guide-prepare__top {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n\n    gap: 30px;\n\n    padding-bottom: 22px;\n\n    border-bottom:\n        1px solid var(--line);\n\n    color: #77736d;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-prepare__top span:first-child {\n    color: var(--red);\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.xuran-guide-prepare__header {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.35fr)\n        minmax(300px, .65fr);\n\n    align-items: end;\n\n    gap:\n        clamp(60px, 9vw, 150px);\n\n    padding:\n        70px 0\n        70px;\n}\n\n\n\/* EYEBROW *\/\n\n.xuran-guide-prepare__eyebrow {\n    display: block;\n\n    margin-bottom: 20px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2.2px;\n\n    text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.xuran-guide-prepare__heading h2 {\n    margin: 0;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(58px, 5.8vw, 94px);\n\n    font-weight: 400;\n\n    line-height: .92;\n\n    letter-spacing: -.055em;\n}\n\n\n.xuran-guide-prepare__heading h2 em {\n    color: var(--taupe);\n\n    font-weight: 400;\n    font-style: italic;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.xuran-guide-prepare__intro {\n    max-width: 430px;\n\n    padding-left: 24px;\n\n    border-left:\n        2px solid var(--red);\n}\n\n\n.xuran-guide-prepare__intro > span {\n    display: block;\n\n    margin-bottom: 16px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-prepare__intro p {\n    margin: 0;\n\n    color: var(--soft);\n\n    font-size: 14px;\n\n    line-height: 1.8;\n}\n\n\n\/* =====================================================\n   MAIN CONTENT\n===================================================== *\/\n\n.xuran-guide-prepare__content {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.05fr)\n        minmax(430px, .95fr);\n\n    align-items: stretch;\n\n    gap:\n        clamp(50px, 7vw, 110px);\n}\n\n\n\/* =====================================================\n   IMAGE\n===================================================== *\/\n\n.xuran-guide-prepare__visual {\n    margin: 0;\n}\n\n\n.xuran-guide-prepare__image {\n    width: 100%;\n\n    height:\n        clamp(620px, 63vw, 900px);\n\n    background: #d1cdc4;\n\n    overflow: hidden;\n}\n\n\n.xuran-guide-prepare__image img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n        transform 1s\n        cubic-bezier(.2,.7,.2,1);\n}\n\n\n.xuran-guide-prepare__visual:hover\n.xuran-guide-prepare__image img {\n    transform: scale(1.025);\n}\n\n\n\/* IMAGE CAPTION *\/\n\n.xuran-guide-prepare__visual figcaption {\n    display: grid;\n\n    grid-template-columns:\n        120px\n        minmax(0, 1fr);\n\n    gap: 25px;\n\n    padding-top: 20px;\n}\n\n\n.xuran-guide-prepare__visual figcaption span {\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-prepare__visual figcaption p {\n    max-width: 440px;\n\n    margin: 0;\n\n    color: var(--soft);\n\n    font-size: 11px;\n\n    line-height: 1.65;\n}\n\n\n\/* =====================================================\n   CHECKLIST\n===================================================== *\/\n\n.xuran-guide-prepare__checklist {\n    border-top:\n        1px solid var(--line);\n}\n\n\n\/* ITEM *\/\n\n.xuran-guide-prepare__item {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        40px\n        minmax(0, 1fr)\n        42px;\n\n    gap: 22px;\n\n    min-height: 195px;\n\n    padding:\n        31px 5px;\n\n    border-bottom:\n        1px solid var(--line);\n\n    transition:\n        padding-left .35s ease,\n        background .35s ease;\n}\n\n\n.xuran-guide-prepare__item::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    left: 0;\n\n    width: 0;\n    height: 2px;\n\n    background: var(--red);\n\n    transition:\n        width .4s ease;\n}\n\n\n.xuran-guide-prepare__item:hover {\n    padding-left: 15px;\n\n    background:\n        rgba(255,255,255,.2);\n}\n\n\n.xuran-guide-prepare__item:hover::before {\n    width: 70px;\n}\n\n\n\/* NUMBER *\/\n\n.xuran-guide-prepare__number {\n    padding-top: 4px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 1px;\n}\n\n\n\/* LABEL *\/\n\n.xuran-guide-prepare__label {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--taupe);\n\n    font-size: 6px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n\/* ITEM TITLE *\/\n\n.xuran-guide-prepare__item h3 {\n    margin: 0;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(25px, 2.3vw, 34px);\n\n    font-weight: 400;\n\n    line-height: 1;\n\n    transition:\n        color .3s ease;\n}\n\n\n.xuran-guide-prepare__item:hover h3 {\n    color: var(--red);\n}\n\n\n\/* ITEM TEXT *\/\n\n.xuran-guide-prepare__item p {\n    max-width: 480px;\n\n    margin:\n        14px 0 0;\n\n    color: var(--soft);\n\n    font-size: 12px;\n\n    line-height: 1.7;\n}\n\n\n\/* CHECK ICON *\/\n\n.xuran-guide-prepare__icon {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 36px;\n    height: 36px;\n\n    border:\n        1px solid var(--line);\n\n    border-radius: 50%;\n\n    color: var(--red);\n\n    font-size: 12px;\n\n    transition:\n        background .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        transform .3s ease;\n}\n\n\n.xuran-guide-prepare__item:hover\n.xuran-guide-prepare__icon {\n    background: var(--red);\n\n    border-color: var(--red);\n\n    color: #fff;\n\n    transform: rotate(-8deg);\n}\n\n\n\/* =====================================================\n   IMPORTANT NOTE\n===================================================== *\/\n\n.xuran-guide-prepare__note {\n    display: grid;\n\n    grid-template-columns:\n        minmax(240px, .8fr)\n        minmax(350px, 1.5fr)\n        auto;\n\n    align-items: center;\n\n    gap: 50px;\n\n    margin-top: 80px;\n\n    padding:\n        35px 0;\n\n    border-top:\n        1px solid var(--line);\n\n    border-bottom:\n        1px solid var(--line);\n}\n\n\n\/* NOTE TITLE *\/\n\n.xuran-guide-prepare__note-title {\n    display: flex;\n\n    align-items: center;\n\n    gap: 17px;\n}\n\n\n.xuran-guide-prepare__note-title > span {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    flex: 0 0 42px;\n\n    width: 42px;\n    height: 42px;\n\n    border:\n        1px solid var(--red);\n\n    border-radius: 50%;\n\n    color: var(--red);\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 20px;\n}\n\n\n.xuran-guide-prepare__note-title small {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--red);\n\n    font-size: 6px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n}\n\n\n.xuran-guide-prepare__note-title strong {\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 20px;\n\n    font-weight: 400;\n}\n\n\n\/* NOTE TEXT *\/\n\n.xuran-guide-prepare__note > p {\n    max-width: 650px;\n\n    margin: 0;\n\n    color: var(--soft);\n\n    font-size: 11px;\n\n    line-height: 1.7;\n}\n\n\n\/* NOTE LINK *\/\n\n.xuran-guide-prepare__note > a {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding:\n        15px 18px;\n\n    border:\n        1px solid var(--dark);\n\n    color: var(--text);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n\n    white-space: nowrap;\n\n    transition:\n        background .35s ease,\n        color .35s ease,\n        border-color .35s ease;\n}\n\n\n.xuran-guide-prepare__note > a span {\n    font-size: 14px;\n\n    transition:\n        transform .3s ease;\n}\n\n\n.xuran-guide-prepare__note > a:hover {\n    background: var(--dark);\n\n    color: #fff;\n}\n\n\n.xuran-guide-prepare__note > a:hover span {\n    transform:\n        translate(3px,-3px);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1050px) {\n\n    .xuran-guide-prepare {\n        padding-left: 5vw;\n        padding-right: 5vw;\n    }\n\n\n    .xuran-guide-prepare__header {\n        grid-template-columns:\n            minmax(0,1.1fr)\n            minmax(280px,.9fr);\n\n        gap: 50px;\n    }\n\n\n    .xuran-guide-prepare__content {\n        grid-template-columns:\n            .9fr 1.1fr;\n\n        gap: 45px;\n    }\n\n\n    .xuran-guide-prepare__image {\n        height: 720px;\n    }\n\n\n    .xuran-guide-prepare__note {\n        grid-template-columns:\n            1fr 1.5fr;\n    }\n\n\n    .xuran-guide-prepare__note > a {\n        grid-column: 2;\n\n        justify-self: start;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-guide-prepare {\n        padding:\n            75px 0\n            70px;\n    }\n\n\n    \/* TOP *\/\n\n    .xuran-guide-prepare__top {\n        margin:\n            0 24px;\n\n        align-items: flex-start;\n\n        gap: 15px;\n    }\n\n\n    .xuran-guide-prepare__top span:last-child {\n        text-align: right;\n    }\n\n\n    \/* HEADER *\/\n\n    .xuran-guide-prepare__header {\n        display: block;\n\n        padding:\n            50px 24px\n            45px;\n    }\n\n\n    .xuran-guide-prepare__heading h2 {\n        font-size:\n            clamp(48px, 13vw, 66px);\n\n        line-height: .94;\n    }\n\n\n    .xuran-guide-prepare__intro {\n        max-width: 100%;\n\n        margin-top: 32px;\n\n        padding-left: 18px;\n    }\n\n\n    \/* CONTENT *\/\n\n    .xuran-guide-prepare__content {\n        display: block;\n    }\n\n\n    \/* IMAGE \u2014 NATURAL RATIO *\/\n\n    .xuran-guide-prepare__image {\n        height: auto;\n    }\n\n\n    .xuran-guide-prepare__image img {\n        width: 100%;\n        height: auto;\n\n        object-fit: contain;\n    }\n\n\n    .xuran-guide-prepare__visual figcaption {\n        grid-template-columns: 1fr;\n\n        gap: 9px;\n\n        margin:\n            0 24px;\n\n        padding-top: 17px;\n    }\n\n\n    \/* CHECKLIST *\/\n\n    .xuran-guide-prepare__checklist {\n        margin:\n            55px 24px 0;\n    }\n\n\n    .xuran-guide-prepare__item {\n        grid-template-columns:\n            30px\n            minmax(0,1fr)\n            36px;\n\n        gap: 12px;\n\n        min-height: 0;\n\n        padding:\n            25px 0;\n    }\n\n\n    .xuran-guide-prepare__item:hover {\n        padding-left: 0;\n    }\n\n\n    .xuran-guide-prepare__item h3 {\n        font-size: 26px;\n    }\n\n\n    .xuran-guide-prepare__item p {\n        font-size: 11px;\n    }\n\n\n    .xuran-guide-prepare__icon {\n        width: 32px;\n        height: 32px;\n    }\n\n\n    \/* NOTE *\/\n\n    .xuran-guide-prepare__note {\n        display: flex;\n\n        flex-direction: column;\n        align-items: flex-start;\n\n        gap: 23px;\n\n        margin:\n            55px 24px 0;\n\n        padding:\n            30px 0;\n    }\n\n\n    .xuran-guide-prepare__note > a {\n        width: 100%;\n\n        justify-content: space-between;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-guide-prepare__top,\n    .xuran-guide-prepare__checklist,\n    .xuran-guide-prepare__note,\n    .xuran-guide-prepare__visual figcaption {\n        margin-left: 20px;\n        margin-right: 20px;\n    }\n\n\n    .xuran-guide-prepare__header {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .xuran-guide-prepare__image img,\n    .xuran-guide-prepare__item,\n    .xuran-guide-prepare__item::before,\n    .xuran-guide-prepare__item h3,\n    .xuran-guide-prepare__icon,\n    .xuran-guide-prepare__note > a,\n    .xuran-guide-prepare__note > a span {\n        transition: none;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     WALL PANEL INSTALLATION GUIDE\n     SECTION 02 \u2014 BEFORE YOU BEGIN\n====================================================== -->\n\n<section class=\"xuran-guide-prepare\" id=\"before-you-begin\">\n\n    <div class=\"xuran-guide-prepare__inner\">\n\n        <!-- TOP -->\n        <div class=\"xuran-guide-prepare__top\">\n\n            <span>02 \u00b7 BEFORE YOU BEGIN<\/span>\n\n            <span>\n                CHECK \u00b7 PREPARE \u00b7 MEASURE \u00b7 PLAN\n            <\/span>\n\n        <\/div>\n\n\n        <!-- HEADER -->\n        <div class=\"xuran-guide-prepare__header\">\n\n            <div class=\"xuran-guide-prepare__heading\">\n\n                <span class=\"xuran-guide-prepare__eyebrow\">\n                    PREPARATION\n                <\/span>\n\n                <h2>\n                    Prepare first.<br>\n                    <em>Install with confidence.<\/em>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"xuran-guide-prepare__intro\">\n\n                <span>\n                    BEFORE INSTALLATION\n                <\/span>\n\n                <p>\n                    Take time to inspect the panels, review the wall\n                    surface and plan the layout before installation\n                    begins. Good preparation helps create a cleaner,\n                    more consistent finished surface.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             MAIN CONTENT\n        ================================================== -->\n\n        <div class=\"xuran-guide-prepare__content\">\n\n\n            <!-- =============================================\n                 LEFT IMAGE\n            ============================================== -->\n\n            <figure class=\"xuran-guide-prepare__visual\">\n\n                <div class=\"xuran-guide-prepare__image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Marble-Panel-Installation-Preparation.png\" alt=\"Preparing and measuring a wall before decorative wall panel installation\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <figcaption>\n\n                    <span>PREPARATION<\/span>\n\n                    <p>\n                        Check the installation area and plan the\n                        panel position before beginning.\n                    <\/p>\n\n                <\/figcaption>\n\n            <\/figure>\n\n\n            <!-- =============================================\n                 RIGHT \u2014 CHECKLIST\n            ============================================== -->\n\n            <div class=\"xuran-guide-prepare__checklist\">\n\n\n                <!-- 01 -->\n                <article class=\"xuran-guide-prepare__item\">\n\n                    <span class=\"xuran-guide-prepare__number\">\n                        01\n                    <\/span>\n\n                    <div class=\"xuran-guide-prepare__item-content\">\n\n                        <span class=\"xuran-guide-prepare__label\">\n                            INSPECT\n                        <\/span>\n\n                        <h3>\n                            Check the Panels\n                        <\/h3>\n\n                        <p>\n                            Review the panels before installation.\n                            Check the visible surfaces and make sure\n                            the pieces selected for the installation\n                            are suitable for the planned layout.\n                        <\/p>\n\n                    <\/div>\n\n                    <span class=\"xuran-guide-prepare__icon\">\n                        \u2713\n                    <\/span>\n\n                <\/article>\n\n\n                <!-- 02 -->\n                <article class=\"xuran-guide-prepare__item\">\n\n                    <span class=\"xuran-guide-prepare__number\">\n                        02\n                    <\/span>\n\n                    <div class=\"xuran-guide-prepare__item-content\">\n\n                        <span class=\"xuran-guide-prepare__label\">\n                            SURFACE\n                        <\/span>\n\n                        <h3>\n                            Check the Wall\n                        <\/h3>\n\n                        <p>\n                            Examine the installation surface before\n                            fitting the panels. The wall should be\n                            suitable for the installation method\n                            being used.\n                        <\/p>\n\n                    <\/div>\n\n                    <span class=\"xuran-guide-prepare__icon\">\n                        \u2713\n                    <\/span>\n\n                <\/article>\n\n\n                <!-- 03 -->\n                <article class=\"xuran-guide-prepare__item\">\n\n                    <span class=\"xuran-guide-prepare__number\">\n                        03\n                    <\/span>\n\n                    <div class=\"xuran-guide-prepare__item-content\">\n\n                        <span class=\"xuran-guide-prepare__label\">\n                            MEASURE\n                        <\/span>\n\n                        <h3>\n                            Measure the Space\n                        <\/h3>\n\n                        <p>\n                            Measure the installation area carefully\n                            and identify important edges, corners,\n                            openings and other details before\n                            positioning the panels.\n                        <\/p>\n\n                    <\/div>\n\n                    <span class=\"xuran-guide-prepare__icon\">\n                        \u2713\n                    <\/span>\n\n                <\/article>\n\n\n                <!-- 04 -->\n                <article class=\"xuran-guide-prepare__item\">\n\n                    <span class=\"xuran-guide-prepare__number\">\n                        04\n                    <\/span>\n\n                    <div class=\"xuran-guide-prepare__item-content\">\n\n                        <span class=\"xuran-guide-prepare__label\">\n                            PLAN\n                        <\/span>\n\n                        <h3>\n                            Plan the Layout\n                        <\/h3>\n\n                        <p>\n                            Consider panel direction, joints,\n                            pattern placement and finishing details\n                            before installation starts.\n                        <\/p>\n\n                    <\/div>\n\n                    <span class=\"xuran-guide-prepare__icon\">\n                        \u2713\n                    <\/span>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             IMPORTANT NOTE\n        ================================================== -->\n\n        <div class=\"xuran-guide-prepare__note\">\n\n            <div class=\"xuran-guide-prepare__note-title\">\n\n                <span>!<\/span>\n\n                <div>\n                    <small>IMPORTANT<\/small>\n                    <strong>Installation conditions matter.<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n            <p>\n                The appropriate preparation and installation method\n                can vary depending on the wall panel, substrate,\n                installation environment and project requirements.\n                Confirm the method suitable for your specific product\n                before installation.\n            <\/p>\n\n\n            <a href=\"\/es\/https:\/\/web.whatsapp.com\/send\/?phone=008615215857355u0026text=Hello%2C I need to know more about%3Au0026app_absent=0\">\n                Ask Xuran\n                <span>\u2197<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   INSTALLATION GUIDE\n   SECTION 04 \u2014 STEP-BY-STEP INSTALLATION\n===================================================== *\/\n\n.xuran-guide-install {\n    --bg: #f2f0eb;\n    --text: #171717;\n    --soft: #686761;\n    --taupe: #898271;\n    --red: #b51f27;\n    --line: #cbc8c0;\n    --dark: #19191b;\n\n    width: 100%;\n\n    padding:\n        110px 6vw\n        100px;\n\n    background: var(--bg);\n    color: var(--text);\n\n    overflow: hidden;\n}\n\n\n.xuran-guide-install *,\n.xuran-guide-install *::before,\n.xuran-guide-install *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-guide-install__inner {\n    width: 100%;\n    max-width: 1600px;\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.xuran-guide-install__top {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding-bottom: 22px;\n\n    border-bottom:\n        1px solid var(--line);\n\n    color: #77736d;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-install__top span:first-child {\n    color: var(--red);\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.xuran-guide-install__header {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.35fr)\n        minmax(300px,.65fr);\n\n    align-items: end;\n\n    gap:\n        clamp(60px,9vw,150px);\n\n    padding:\n        72px 0\n        95px;\n}\n\n\n.xuran-guide-install__eyebrow {\n    display: block;\n\n    margin-bottom: 20px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2.2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-install__heading h2 {\n    margin: 0;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(58px,5.8vw,94px);\n\n    font-weight: 400;\n\n    line-height: .92;\n\n    letter-spacing: -.055em;\n}\n\n\n.xuran-guide-install__heading h2 em {\n    color: var(--taupe);\n\n    font-weight: 400;\n    font-style: italic;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.xuran-guide-install__intro {\n    max-width: 430px;\n\n    padding-left: 24px;\n\n    border-left:\n        2px solid var(--red);\n}\n\n\n.xuran-guide-install__intro > span {\n    display: block;\n\n    margin-bottom: 16px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-install__intro p {\n    margin: 0;\n\n    color: var(--soft);\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n.xuran-guide-install__intro p + p {\n    margin-top: 14px;\n}\n\n\n\/* =====================================================\n   INSTALLATION STEP\n===================================================== *\/\n\n.xuran-guide-install__step {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.25fr)\n        minmax(360px,.75fr);\n\n    align-items: center;\n\n    gap:\n        clamp(55px,8vw,135px);\n\n    padding:\n        85px 0;\n\n    border-top:\n        1px solid var(--line);\n}\n\n\n\/* REVERSE *\/\n\n.xuran-guide-install__step--reverse {\n    grid-template-columns:\n        minmax(360px,.75fr)\n        minmax(0,1.25fr);\n}\n\n\n.xuran-guide-install__step--reverse\n.xuran-guide-install__visual {\n    grid-column: 2;\n    grid-row: 1;\n}\n\n\n.xuran-guide-install__step--reverse\n.xuran-guide-install__content {\n    grid-column: 1;\n    grid-row: 1;\n}\n\n\n\/* =====================================================\n   IMAGE\n===================================================== *\/\n\n.xuran-guide-install__visual {\n    position: relative;\n\n    height:\n        clamp(500px,48vw,720px);\n\n    background: #d5d1c8;\n\n    overflow: hidden;\n}\n\n\n.xuran-guide-install__visual img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n        transform 1s\n        cubic-bezier(.2,.7,.2,1);\n}\n\n\n.xuran-guide-install__step:hover\n.xuran-guide-install__visual img {\n    transform: scale(1.025);\n}\n\n\n\/* IMAGE NUMBER *\/\n\n.xuran-guide-install__image-number {\n    position: absolute;\n\n    top: 24px;\n    left: 25px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 48px;\n    height: 48px;\n\n    background:\n        rgba(25,25,27,.88);\n\n    border-radius: 50%;\n\n    color: #fff;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n    backdrop-filter:\n        blur(6px);\n\n    -webkit-backdrop-filter:\n        blur(6px);\n\n    transition:\n        background .35s ease,\n        transform .35s ease;\n}\n\n\n.xuran-guide-install__step:hover\n.xuran-guide-install__image-number {\n    background: var(--red);\n\n    transform: rotate(-7deg);\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.xuran-guide-install__content {\n    max-width: 500px;\n}\n\n\n\/* META *\/\n\n.xuran-guide-install__meta {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 25px;\n\n    margin-bottom: 30px;\n    padding-bottom: 15px;\n\n    border-bottom:\n        1px solid var(--line);\n\n    color: var(--taupe);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-install__meta span:first-child {\n    color: var(--red);\n}\n\n\n\/* TITLE *\/\n\n.xuran-guide-install__content h3 {\n    margin: 0;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(42px,4.3vw,67px);\n\n    font-weight: 400;\n\n    line-height: .94;\n\n    letter-spacing: -.045em;\n}\n\n\n.xuran-guide-install__content h3 em {\n    color: var(--taupe);\n\n    font-weight: 400;\n    font-style: italic;\n}\n\n\n\/* DESCRIPTION *\/\n\n.xuran-guide-install__content > p {\n    max-width: 430px;\n\n    margin:\n        30px 0 0;\n\n    color: var(--soft);\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n\/* =====================================================\n   TIP\n===================================================== *\/\n\n.xuran-guide-install__tip {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        38px\n        minmax(0,1fr);\n\n    gap: 18px;\n\n    margin-top: 40px;\n\n    padding:\n        22px 0;\n\n    border-top:\n        1px solid var(--line);\n\n    border-bottom:\n        1px solid var(--line);\n}\n\n\n.xuran-guide-install__tip::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    left: 0;\n\n    width: 45px;\n    height: 2px;\n\n    background: var(--red);\n\n    transition:\n        width .4s ease;\n}\n\n\n.xuran-guide-install__step:hover\n.xuran-guide-install__tip::before {\n    width: 90px;\n}\n\n\n.xuran-guide-install__tip > span {\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    padding-top: 3px;\n}\n\n\n.xuran-guide-install__tip p {\n    margin: 0;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 18px;\n\n    line-height: 1.35;\n}\n\n\n\/* =====================================================\n   BOTTOM PROGRESS\n===================================================== *\/\n\n.xuran-guide-install__progress {\n    padding-top: 70px;\n\n    border-top:\n        1px solid var(--line);\n}\n\n\n.xuran-guide-install__progress-label {\n    display: block;\n\n    margin-bottom: 25px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-install__progress-steps {\n    display: grid;\n\n    grid-template-columns:\n        repeat(6,minmax(0,1fr));\n\n    border-top:\n        1px solid var(--line);\n\n    border-bottom:\n        1px solid var(--line);\n}\n\n\n.xuran-guide-install__progress-steps > div {\n    position: relative;\n\n    min-height: 100px;\n\n    padding:\n        23px 18px;\n\n    border-left:\n        1px solid var(--line);\n\n    transition:\n        background .35s ease;\n}\n\n\n.xuran-guide-install__progress-steps > div:first-child {\n    border-left: 0;\n}\n\n\n.xuran-guide-install__progress-steps > div::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    left: 0;\n\n    width: 0;\n    height: 2px;\n\n    background: var(--red);\n\n    transition:\n        width .35s ease;\n}\n\n\n.xuran-guide-install__progress-steps > div:hover {\n    background:\n        rgba(255,255,255,.35);\n}\n\n\n.xuran-guide-install__progress-steps > div:hover::before {\n    width: 55px;\n}\n\n\n.xuran-guide-install__progress-steps span {\n    display: block;\n\n    margin-bottom: 12px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n}\n\n\n.xuran-guide-install__progress-steps strong {\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 18px;\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1050px) {\n\n    .xuran-guide-install {\n        padding-left: 5vw;\n        padding-right: 5vw;\n    }\n\n\n    .xuran-guide-install__header {\n        grid-template-columns:\n            minmax(0,1.1fr)\n            minmax(280px,.9fr);\n\n        gap: 50px;\n    }\n\n\n    .xuran-guide-install__step,\n    .xuran-guide-install__step--reverse {\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n        gap: 45px;\n    }\n\n\n    .xuran-guide-install__visual {\n        height: 560px;\n    }\n\n\n    .xuran-guide-install__progress-steps {\n        grid-template-columns:\n            repeat(3,minmax(0,1fr));\n    }\n\n\n    .xuran-guide-install__progress-steps > div:nth-child(n+4) {\n        border-top:\n            1px solid var(--line);\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-guide-install {\n        padding:\n            75px 0\n            80px;\n    }\n\n\n    \/* TOP *\/\n\n    .xuran-guide-install__top {\n        margin:\n            0 24px;\n\n        align-items: flex-start;\n\n        gap: 15px;\n    }\n\n\n    .xuran-guide-install__top span:last-child {\n        max-width: 180px;\n\n        text-align: right;\n    }\n\n\n    \/* HEADER *\/\n\n    .xuran-guide-install__header {\n        display: block;\n\n        padding:\n            50px 24px\n            65px;\n    }\n\n\n    .xuran-guide-install__heading h2 {\n        font-size:\n            clamp(48px,13vw,66px);\n\n        line-height: .94;\n    }\n\n\n    .xuran-guide-install__intro {\n        max-width: 100%;\n\n        margin-top: 34px;\n\n        padding-left: 18px;\n    }\n\n\n    \/* ===============================================\n       STEPS\n    ================================================ *\/\n\n    .xuran-guide-install__step,\n    .xuran-guide-install__step--reverse {\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        gap: 0;\n\n        padding:\n            0 0\n            75px;\n\n        border-top: 0;\n    }\n\n\n    .xuran-guide-install__step + \n    .xuran-guide-install__step {\n        padding-top: 0;\n    }\n\n\n    \/* ALWAYS IMAGE FIRST *\/\n\n    .xuran-guide-install__step--reverse\n    .xuran-guide-install__visual,\n    .xuran-guide-install__step--reverse\n    .xuran-guide-install__content {\n        grid-column: auto;\n        grid-row: auto;\n    }\n\n\n    .xuran-guide-install__visual {\n        order: 1;\n\n        width: 100%;\n        height: auto;\n    }\n\n\n    \/*\n       Natural image ratio on mobile.\n       Prevents installation details being cropped.\n    *\/\n\n    .xuran-guide-install__visual img {\n        width: 100%;\n        height: auto;\n\n        object-fit: contain;\n    }\n\n\n    .xuran-guide-install__image-number {\n        top: 18px;\n        left: 20px;\n\n        width: 44px;\n        height: 44px;\n    }\n\n\n    .xuran-guide-install__content {\n        order: 2;\n\n        max-width: none;\n\n        margin:\n            0 24px;\n\n        padding-top: 33px;\n    }\n\n\n    .xuran-guide-install__meta {\n        margin-bottom: 24px;\n    }\n\n\n    .xuran-guide-install__content h3 {\n        font-size:\n            clamp(40px,11vw,55px);\n    }\n\n\n    .xuran-guide-install__content > p {\n        margin-top: 23px;\n    }\n\n\n    .xuran-guide-install__tip {\n        margin-top: 30px;\n    }\n\n\n    \/* PROGRESS *\/\n\n    .xuran-guide-install__progress {\n        margin:\n            0 24px;\n\n        padding-top: 45px;\n    }\n\n\n    .xuran-guide-install__progress-steps {\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n    }\n\n\n    .xuran-guide-install__progress-steps > div {\n        min-height: 82px;\n\n        padding:\n            18px 12px;\n    }\n\n\n    .xuran-guide-install__progress-steps > div:nth-child(odd) {\n        border-left: 0;\n    }\n\n\n    .xuran-guide-install__progress-steps > div:nth-child(n+3) {\n        border-top:\n            1px solid var(--line);\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-guide-install__top,\n    .xuran-guide-install__progress,\n    .xuran-guide-install__content {\n        margin-left: 20px;\n        margin-right: 20px;\n    }\n\n\n    .xuran-guide-install__header {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .xuran-guide-install__visual img,\n    .xuran-guide-install__image-number,\n    .xuran-guide-install__tip::before,\n    .xuran-guide-install__progress-steps > div,\n    .xuran-guide-install__progress-steps > div::before {\n        transition: none;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     INSTALLATION GUIDE\n     SECTION 04 \u2014 STEP-BY-STEP INSTALLATION\n====================================================== -->\n\n<section class=\"xuran-guide-install\" id=\"installation-steps\">\n\n    <div class=\"xuran-guide-install__inner\">\n\n        <!-- TOP -->\n        <div class=\"xuran-guide-install__top\">\n            <span>04 \u00b7 INSTALLATION<\/span>\n            <span>MEASURE \u00b7 CUT \u00b7 POSITION \u00b7 FIX \u00b7 JOIN \u00b7 FINISH<\/span>\n        <\/div>\n\n\n        <!-- HEADER -->\n        <div class=\"xuran-guide-install__header\">\n\n            <div class=\"xuran-guide-install__heading\">\n                <span class=\"xuran-guide-install__eyebrow\">\n                    STEP-BY-STEP\n                <\/span>\n\n                <h2>\n                    From the first panel<br>\n                    <em>to the finished wall.<\/em>\n                <\/h2>\n            <\/div>\n\n            <div class=\"xuran-guide-install__intro\">\n                <span>INSTALLATION PROCESS<\/span>\n\n                <p>\n                    Work carefully through each stage of the installation,\n                    checking position, alignment and finishing details as\n                    the wall develops.\n                <\/p>\n\n                <p>\n                    The exact installation method may vary depending on\n                    the panel type, wall condition and project requirements.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             STEP 01\n        ================================================== -->\n\n        <article class=\"xuran-guide-install__step\">\n\n            <div class=\"xuran-guide-install__visual\">\n                <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Precision-Marble-Panel-Installation.png\" alt=\"Measuring a wall panel before installation\" loading=\"lazy\">\n\n                <span class=\"xuran-guide-install__image-number\">\n                    01\n                <\/span>\n            <\/div>\n\n            <div class=\"xuran-guide-install__content\">\n\n                <div class=\"xuran-guide-install__meta\">\n                    <span>STEP 01<\/span>\n                    <span>MEASURE<\/span>\n                <\/div>\n\n                <h3>\n                    Measure and<br>\n                    <em>mark the panel.<\/em>\n                <\/h3>\n\n                <p>\n                    Measure the installation area and transfer the\n                    required dimensions to the panel. Consider edges,\n                    corners, openings and the planned panel layout\n                    before making any cuts.\n                <\/p>\n\n                <div class=\"xuran-guide-install__tip\">\n                    <span>01<\/span>\n                    <p>\n                        Check measurements again before cutting.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =================================================\n             STEP 02\n        ================================================== -->\n\n        <article class=\"xuran-guide-install__step xuran-guide-install__step--reverse\">\n\n            <div class=\"xuran-guide-install__visual\">\n                <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Worker-Cutting-Marble-Panel-with-Track-Saw.png\" alt=\"Cutting a decorative wall panel to the required size\" loading=\"lazy\">\n\n                <span class=\"xuran-guide-install__image-number\">\n                    02\n                <\/span>\n            <\/div>\n\n            <div class=\"xuran-guide-install__content\">\n\n                <div class=\"xuran-guide-install__meta\">\n                    <span>STEP 02<\/span>\n                    <span>CUT<\/span>\n                <\/div>\n\n                <h3>\n                    Cut to the<br>\n                    <em>required size.<\/em>\n                <\/h3>\n\n                <p>\n                    Cut the panel according to the measured layout using\n                    tools appropriate for the panel being installed.\n                    Support the panel properly while working and keep\n                    visible edges as clean as possible.\n                <\/p>\n\n                <div class=\"xuran-guide-install__tip\">\n                    <span>02<\/span>\n                    <p>\n                        Use the cutting method recommended for your panel type.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =================================================\n             STEP 03\n        ================================================== -->\n\n        <article class=\"xuran-guide-install__step\">\n\n            <div class=\"xuran-guide-install__visual\">\n                <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Installing-a-Marble-Wall-Panel.png\" alt=\"Positioning a decorative wall panel before fixing\" loading=\"lazy\">\n\n                <span class=\"xuran-guide-install__image-number\">\n                    03\n                <\/span>\n            <\/div>\n\n            <div class=\"xuran-guide-install__content\">\n\n                <div class=\"xuran-guide-install__meta\">\n                    <span>STEP 03<\/span>\n                    <span>POSITION<\/span>\n                <\/div>\n\n                <h3>\n                    Position the<br>\n                    <em>first panel.<\/em>\n                <\/h3>\n\n                <p>\n                    Place the panel in its planned position and check\n                    its relationship with the starting edge, floor,\n                    ceiling and surrounding architectural details.\n                <\/p>\n\n                <div class=\"xuran-guide-install__tip\">\n                    <span>03<\/span>\n                    <p>\n                        The first panel helps establish the direction of the wall.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =================================================\n             STEP 04\n        ================================================== -->\n\n        <article class=\"xuran-guide-install__step xuran-guide-install__step--reverse\">\n\n            <div class=\"xuran-guide-install__visual\">\n                <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Precision-Marble-Panel-Installation-1.png\" alt=\"Fixing a decorative wall panel to a prepared wall\" loading=\"lazy\">\n\n                <span class=\"xuran-guide-install__image-number\">\n                    04\n                <\/span>\n            <\/div>\n\n            <div class=\"xuran-guide-install__content\">\n\n                <div class=\"xuran-guide-install__meta\">\n                    <span>STEP 04<\/span>\n                    <span>INSTALL<\/span>\n                <\/div>\n\n                <h3>\n                    Secure the<br>\n                    <em>panel in place.<\/em>\n                <\/h3>\n\n                <p>\n                    Install the panel using the method appropriate for\n                    the selected product and substrate. Keep the panel\n                    correctly positioned while it is being secured.\n                <\/p>\n\n                <div class=\"xuran-guide-install__tip\">\n                    <span>04<\/span>\n                    <p>\n                        Follow the installation method specified for the product.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =================================================\n             STEP 05\n        ================================================== -->\n\n        <article class=\"xuran-guide-install__step\">\n\n            <div class=\"xuran-guide-install__visual\">\n                <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Marble-Panel-Installation-in-Progress.png\" alt=\"Aligning adjoining decorative wall panels\" loading=\"lazy\">\n\n                <span class=\"xuran-guide-install__image-number\">\n                    05\n                <\/span>\n            <\/div>\n\n            <div class=\"xuran-guide-install__content\">\n\n                <div class=\"xuran-guide-install__meta\">\n                    <span>STEP 05<\/span>\n                    <span>CONTINUE<\/span>\n                <\/div>\n\n                <h3>\n                    Align and install<br>\n                    <em>the next panels.<\/em>\n                <\/h3>\n\n                <p>\n                    Continue across the installation area while checking\n                    the relationship between adjoining panels. Pay\n                    attention to alignment, joints and the visual\n                    continuity of the surface.\n                <\/p>\n\n                <div class=\"xuran-guide-install__tip\">\n                    <span>05<\/span>\n                    <p>\n                        Check the developing wall regularly as installation continues.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =================================================\n             STEP 06\n        ================================================== -->\n\n        <article class=\"xuran-guide-install__step xuran-guide-install__step--reverse\">\n\n            <div class=\"xuran-guide-install__visual\">\n                <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Precision-Marble-Panel-Installation-2.png\" alt=\"Finishing decorative wall panel edges and installation details\" loading=\"lazy\">\n\n                <span class=\"xuran-guide-install__image-number\">\n                    06\n                <\/span>\n            <\/div>\n\n            <div class=\"xuran-guide-install__content\">\n\n                <div class=\"xuran-guide-install__meta\">\n                    <span>STEP 06<\/span>\n                    <span>FINISH<\/span>\n                <\/div>\n\n                <h3>\n                    Complete the<br>\n                    <em>finishing details.<\/em>\n                <\/h3>\n\n                <p>\n                    Complete the visible edges, corners, transitions\n                    and other finishing details required by the\n                    installation. Inspect the completed surface and\n                    clean it appropriately.\n                <\/p>\n\n                <div class=\"xuran-guide-install__tip\">\n                    <span>06<\/span>\n                    <p>\n                        Review the complete wall, not only individual panels.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =================================================\n             BOTTOM PROGRESS\n        ================================================== -->\n\n        <div class=\"xuran-guide-install__progress\">\n\n            <span class=\"xuran-guide-install__progress-label\">\n                INSTALLATION PROCESS\n            <\/span>\n\n            <div class=\"xuran-guide-install__progress-steps\">\n\n                <div>\n                    <span>01<\/span>\n                    <strong>Measure<\/strong>\n                <\/div>\n\n                <div>\n                    <span>02<\/span>\n                    <strong>Cut<\/strong>\n                <\/div>\n\n                <div>\n                    <span>03<\/span>\n                    <strong>Position<\/strong>\n                <\/div>\n\n                <div>\n                    <span>04<\/span>\n                    <strong>Install<\/strong>\n                <\/div>\n\n                <div>\n                    <span>05<\/span>\n                    <strong>Align<\/strong>\n                <\/div>\n\n                <div>\n                    <span>06<\/span>\n                    <strong>Finish<\/strong>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   INSTALLATION GUIDE\n   FINAL CTA \u2014 INSTALLATION SUPPORT\n===================================================== *\/\n\n.xuran-guide-cta {\n\n    --bg: #e8e5de;\n    --text: #171717;\n    --soft: #686761;\n    --taupe: #898271;\n    --red: #b51f27;\n    --line: #c8c4bc;\n    --dark: #19191b;\n\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        90px 6vw\n        65px;\n\n    background: var(--bg);\n\n    color: var(--text);\n\n    overflow: hidden;\n}\n\n\n.xuran-guide-cta *,\n.xuran-guide-cta *::before,\n.xuran-guide-cta *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-guide-cta__inner {\n\n    position: relative;\n\n    z-index: 1;\n\n    width: 100%;\n\n    max-width: 1600px;\n\n    margin: 0 auto;\n}\n\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.xuran-guide-cta__top {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding-bottom: 20px;\n\n    border-bottom:\n        1px solid var(--line);\n\n    color: var(--soft);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-cta__top span:first-child {\n    color: var(--red);\n}\n\n\n\n\/* =====================================================\n   MAIN\n===================================================== *\/\n\n.xuran-guide-cta__main {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.35fr)\n        minmax(330px, .65fr);\n\n    align-items: end;\n\n    gap:\n        clamp(65px, 9vw, 150px);\n\n    padding:\n        80px 0\n        100px;\n}\n\n\n\n\/* =====================================================\n   HEADING\n===================================================== *\/\n\n.xuran-guide-cta__eyebrow {\n\n    display: block;\n\n    margin-bottom: 23px;\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2.2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-guide-cta__heading h2 {\n\n    max-width: 1000px;\n\n    margin: 0;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(65px, 7vw, 112px);\n\n    font-weight: 400;\n\n    line-height: .89;\n\n    letter-spacing: -.065em;\n}\n\n\n.xuran-guide-cta__heading h2 em {\n\n    color: var(--taupe);\n\n    font-weight: 400;\n    font-style: italic;\n}\n\n\n\n\/* =====================================================\n   RIGHT CONTENT\n===================================================== *\/\n\n.xuran-guide-cta__content {\n\n    max-width: 440px;\n\n    padding-left: 24px;\n\n    border-left:\n        2px solid var(--red);\n}\n\n\n.xuran-guide-cta__content > p {\n\n    margin: 0;\n\n    color: var(--soft);\n\n    font-size: 14px;\n\n    line-height: 1.8;\n}\n\n\n\n\/* =====================================================\n   ACTIONS\n===================================================== *\/\n\n.xuran-guide-cta__actions {\n    margin-top: 35px;\n}\n\n\n\n\/* =====================================================\n   PRIMARY BUTTON\n===================================================== *\/\n\n.xuran-guide-cta__button {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 35px;\n\n    width: 100%;\n\n    padding:\n        20px 21px;\n\n    background: var(--dark);\n\n    border:\n        1px solid var(--dark);\n\n    color: #fff;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 1.6px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n\n    transition:\n        background .35s ease,\n        color .35s ease,\n        border-color .35s ease;\n}\n\n\n.xuran-guide-cta__arrow {\n\n    font-size: 17px;\n\n    transition:\n        transform .35s ease;\n}\n\n\n.xuran-guide-cta__button:hover {\n\n    background: var(--red);\n\n    border-color: var(--red);\n}\n\n\n.xuran-guide-cta__button:hover\n.xuran-guide-cta__arrow {\n\n    transform:\n        translate(4px, -4px);\n}\n\n\n\n\/* =====================================================\n   EMAIL\n===================================================== *\/\n\n.xuran-guide-cta__email {\n\n    position: relative;\n\n    display: block;\n\n    margin-top: 30px;\n\n    padding-bottom: 17px;\n\n    border-bottom:\n        1px solid var(--line);\n\n    color: var(--text);\n\n    text-decoration: none;\n}\n\n\n.xuran-guide-cta__email::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: -1px;\n\n    width: 0;\n    height: 1px;\n\n    background: var(--red);\n\n    transition:\n        width .4s ease;\n}\n\n\n.xuran-guide-cta__email:hover::after {\n    width: 100%;\n}\n\n\n.xuran-guide-cta__email small {\n\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--red);\n\n    font-size: 6px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n}\n\n\n.xuran-guide-cta__email > span {\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(17px, 1.5vw, 22px);\n\n    overflow-wrap: anywhere;\n\n    transition:\n        color .3s ease;\n}\n\n\n.xuran-guide-cta__email:hover > span {\n    color: var(--red);\n}\n\n\n\n\/* =====================================================\n   BOTTOM PROCESS\n===================================================== *\/\n\n.xuran-guide-cta__bottom {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr)\n        auto;\n\n    align-items: stretch;\n\n    border-top:\n        1px solid var(--line);\n\n    border-bottom:\n        1px solid var(--line);\n}\n\n\n.xuran-guide-cta__bottom > div {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 16px;\n\n    min-height: 95px;\n\n    padding:\n        20px 24px;\n\n    border-right:\n        1px solid var(--line);\n\n    transition:\n        background .35s ease,\n        padding-left .35s ease;\n}\n\n\n.xuran-guide-cta__bottom > div::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    left: 0;\n\n    width: 0;\n    height: 2px;\n\n    background: var(--red);\n\n    transition:\n        width .35s ease;\n}\n\n\n.xuran-guide-cta__bottom > div:hover {\n\n    padding-left: 30px;\n\n    background:\n        rgba(255, 255, 255, .28);\n}\n\n\n.xuran-guide-cta__bottom > div:hover::before {\n    width: 55px;\n}\n\n\n.xuran-guide-cta__bottom > div span {\n\n    color: var(--red);\n\n    font-size: 7px;\n    font-weight: 700;\n}\n\n\n.xuran-guide-cta__bottom > div strong {\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 18px;\n\n    font-weight: 400;\n}\n\n\n\n\/* =====================================================\n   BACK TO TOP\n===================================================== *\/\n\n.xuran-guide-cta__bottom > a {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    min-width: 160px;\n\n    padding: 20px;\n\n    color: var(--text);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-decoration: none;\n\n    transition:\n        background .35s ease,\n        color .35s ease;\n}\n\n\n.xuran-guide-cta__bottom > a span {\n\n    font-size: 15px;\n\n    transition:\n        transform .3s ease;\n}\n\n\n.xuran-guide-cta__bottom > a:hover {\n\n    background: var(--dark);\n\n    color: #fff;\n}\n\n\n.xuran-guide-cta__bottom > a:hover span {\n\n    transform:\n        translateY(-4px);\n}\n\n\n\n\/* =====================================================\n   DECORATIVE CLOSING\n   REDUCED SIZE\n===================================================== *\/\n\n.xuran-guide-cta__statement {\n\n    display: flex;\n\n    align-items: baseline;\n    justify-content: space-between;\n\n    gap: 40px;\n\n    padding-top: 60px;\n\n    white-space: nowrap;\n\n    pointer-events: none;\n}\n\n\n.xuran-guide-cta__statement span,\n.xuran-guide-cta__statement em {\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    \/*\n       Reduced from the previous large size.\n    *\/\n    font-size:\n        clamp(48px, 5.8vw, 92px);\n\n    font-weight: 400;\n\n    line-height: .88;\n\n    letter-spacing: -.055em;\n}\n\n\n.xuran-guide-cta__statement span {\n    color: var(--text);\n}\n\n\n.xuran-guide-cta__statement em {\n\n    color: var(--taupe);\n\n    font-style: italic;\n}\n\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1050px) {\n\n    .xuran-guide-cta {\n\n        padding-left: 5vw;\n        padding-right: 5vw;\n\n    }\n\n\n    .xuran-guide-cta__main {\n\n        grid-template-columns:\n            minmax(0, 1.1fr)\n            minmax(300px, .9fr);\n\n        gap: 50px;\n\n    }\n\n\n    .xuran-guide-cta__heading h2 {\n\n        font-size:\n            clamp(58px, 7vw, 82px);\n\n    }\n\n\n    .xuran-guide-cta__bottom {\n\n        grid-template-columns:\n            repeat(3, 1fr);\n\n    }\n\n\n    .xuran-guide-cta__bottom > a {\n\n        grid-column:\n            1 \/ -1;\n\n        min-height: 65px;\n\n        border-top:\n            1px solid var(--line);\n\n    }\n\n\n    \/*\n       Smaller closing typography on tablet\n    *\/\n\n    .xuran-guide-cta__statement {\n\n        padding-top: 55px;\n\n    }\n\n\n    .xuran-guide-cta__statement span,\n    .xuran-guide-cta__statement em {\n\n        font-size:\n            clamp(44px, 5.8vw, 68px);\n\n    }\n\n}\n\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-guide-cta {\n\n        padding:\n            75px 24px\n            120px;\n\n    }\n\n\n    \/* TOP *\/\n\n    .xuran-guide-cta__top {\n\n        align-items: flex-start;\n\n    }\n\n\n    .xuran-guide-cta__top span:last-child {\n\n        text-align: right;\n\n    }\n\n\n    \/* MAIN *\/\n\n    .xuran-guide-cta__main {\n\n        display: block;\n\n        padding:\n            55px 0\n            70px;\n\n    }\n\n\n    .xuran-guide-cta__heading h2 {\n\n        font-size:\n            clamp(50px, 13vw, 68px);\n\n        line-height: .91;\n\n    }\n\n\n    .xuran-guide-cta__content {\n\n        max-width: none;\n\n        margin-top: 40px;\n\n        padding-left: 18px;\n\n    }\n\n\n    .xuran-guide-cta__button {\n\n        padding:\n            19px 18px;\n\n    }\n\n\n    \/* BOTTOM *\/\n\n    .xuran-guide-cta__bottom {\n\n        display: block;\n\n    }\n\n\n    .xuran-guide-cta__bottom > div {\n\n        min-height: 75px;\n\n        padding:\n            17px 5px;\n\n        border-right: 0;\n\n        border-bottom:\n            1px solid var(--line);\n\n    }\n\n\n    .xuran-guide-cta__bottom > div:hover {\n\n        padding-left: 5px;\n\n    }\n\n\n    .xuran-guide-cta__bottom > a {\n\n        min-height: 65px;\n\n        justify-content: space-between;\n\n        padding:\n            17px 5px;\n\n    }\n\n\n    \/* ===============================================\n       SMALLER INSTALL \/ WITH CARE\n    ================================================ *\/\n\n    .xuran-guide-cta__statement {\n\n        display: block;\n\n        padding-top: 52px;\n\n        white-space: normal;\n\n    }\n\n\n    .xuran-guide-cta__statement span,\n    .xuran-guide-cta__statement em {\n\n        display: block;\n\n        font-size:\n            clamp(38px, 10.5vw, 52px);\n\n        line-height: .92;\n\n        letter-spacing: -.045em;\n\n    }\n\n\n    .xuran-guide-cta__statement em {\n\n        margin-top: 7px;\n\n        text-align: right;\n\n    }\n\n}\n\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-guide-cta {\n\n        padding-left: 20px;\n        padding-right: 20px;\n\n    }\n\n\n    .xuran-guide-cta__email > span {\n\n        font-size: 16px;\n\n    }\n\n\n    .xuran-guide-cta__statement span,\n    .xuran-guide-cta__statement em {\n\n        font-size:\n            clamp(34px, 10vw, 44px);\n\n    }\n\n}\n\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .xuran-guide-cta__button,\n    .xuran-guide-cta__arrow,\n    .xuran-guide-cta__email::after,\n    .xuran-guide-cta__email > span,\n    .xuran-guide-cta__bottom > div,\n    .xuran-guide-cta__bottom > div::before,\n    .xuran-guide-cta__bottom > a,\n    .xuran-guide-cta__bottom > a span {\n\n        transition: none;\n\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     INSTALLATION GUIDE\n     FINAL CTA \u2014 INSTALLATION SUPPORT\n====================================================== -->\n\n<section class=\"xuran-guide-cta\" id=\"installation-support\">\n\n    <div class=\"xuran-guide-cta__inner\">\n\n        <!-- TOP -->\n        <div class=\"xuran-guide-cta__top\">\n            <span>INSTALLATION SUPPORT<\/span>\n            <span>XURAN WALL PANEL<\/span>\n        <\/div>\n\n\n        <!-- MAIN -->\n        <div class=\"xuran-guide-cta__main\">\n\n            <!-- LEFT TITLE -->\n            <div class=\"xuran-guide-cta__heading\">\n\n                <span class=\"xuran-guide-cta__eyebrow\">\n                    NEED MORE GUIDANCE?\n                <\/span>\n\n                <h2>\n                    Ready to install?<br>\n                    <em>We&#8217;re here to help.<\/em>\n                <\/h2>\n\n            <\/div>\n\n\n            <!-- RIGHT CONTENT -->\n            <div class=\"xuran-guide-cta__content\">\n\n                <p>\n                    Have questions about wall panel installation,\n                    finishing details or your specific project?\n                    Talk with Xuran about your requirements before\n                    you begin.\n                <\/p>\n\n\n                <div class=\"xuran-guide-cta__actions\">\n\n                    <!-- PRIMARY CTA -->\n                    <a\n                        href=\"https:\/\/web.whatsapp.com\/send?phone=008615215857355u0026text=Hello%2C I need to know more about%3Au0026app_absent=0\"\n                        class=\"xuran-guide-cta__button\"\n                    >\n                        <span>Ask About Installation<\/span>\n\n                        <span class=\"xuran-guide-cta__arrow\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n\n                    <!-- EMAIL -->\n                    <a\n                        href=\"mailto:xuran01@wallpanelfactory.com\"\n                        class=\"xuran-guide-cta__email\"\n                    >\n                        <small>\n                            EMAIL XURAN\n                        <\/small>\n\n                        <span>\n                            xuran01@wallpanelfactory.com\n                        <\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- BOTTOM PROCESS -->\n        <div class=\"xuran-guide-cta__bottom\">\n\n            <div>\n                <span>01<\/span>\n                <strong>Share Your Project<\/strong>\n            <\/div>\n\n            <div>\n                <span>02<\/span>\n                <strong>Discuss the Details<\/strong>\n            <\/div>\n\n            <div>\n                <span>03<\/span>\n                <strong>Prepare to Install<\/strong>\n            <\/div>\n\n\n            <a href=\"#top\">\n                BACK TO TOP\n                <span>\u2191<\/span>\n            <\/a>\n\n        <\/div>\n\n\n        <!-- DECORATIVE CLOSING -->\n        <div\n            class=\"xuran-guide-cta__statement\"\n            aria-hidden=\"true\"\n        >\n            <span>INSTALL<\/span>\n            <em>WITH CARE.<\/em>\n        <\/div>\n\n    <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>WALL PANEL INSTALLATION GUIDE PREPARE \u00b7 INSTALL \u00b7 FINISH INSTALLATION \u00b7 STEP BY STEP A better finish starts with the right installation. BEFORE YOU BEGIN Follow this guide for a clear overview of wall preparation, panel positioning, installation and finishing details. Installation requirements can vary by panel type, substrate and project conditions. Always confirm the&#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":"disable","_kad_post_title":"hide","_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-2342","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Installation - Xuran wallpanel factory<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wallpanelfactory.com\/es\/installation\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Installation - Xuran wallpanel factory\" \/>\n<meta property=\"og:description\" content=\"WALL PANEL INSTALLATION GUIDE PREPARE \u00b7 INSTALL \u00b7 FINISH INSTALLATION \u00b7 STEP BY STEP A better finish starts with the right installation. BEFORE YOU BEGIN Follow this guide for a clear overview of wall preparation, panel positioning, installation and finishing details. Installation requirements can vary by panel type, substrate and project conditions. Always confirm the...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wallpanelfactory.com\/es\/installation\/\" \/>\n<meta property=\"og:site_name\" content=\"Xuran wallpanel factory\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-05T16:55:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Marble-Panel-Installation-in-Modern-Interior.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/installation\\\/\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/installation\\\/\",\"name\":\"Installation - Xuran wallpanel factory\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/installation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/installation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Marble-Panel-Installation-in-Modern-Interior.png\",\"datePublished\":\"2026-10-05T16:50:50+00:00\",\"dateModified\":\"2026-10-05T16:55:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/installation\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wallpanelfactory.com\\\/installation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/installation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Marble-Panel-Installation-in-Modern-Interior.png\",\"contentUrl\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Marble-Panel-Installation-in-Modern-Interior.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/installation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wallpanelfactory.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Installation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#website\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/\",\"name\":\"Xuran wallpanel factory\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wallpanelfactory.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#organization\",\"name\":\"Xuran wallpanel factory\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-wall-panel-logo-scaled-2.jpg\",\"contentUrl\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-wall-panel-logo-scaled-2.jpg\",\"width\":2556,\"height\":1609,\"caption\":\"Xuran wallpanel factory \"},\"image\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Installation - Xuran wallpanel factory","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wallpanelfactory.com\/es\/installation\/","og_locale":"es_ES","og_type":"article","og_title":"Installation - Xuran wallpanel factory","og_description":"WALL PANEL INSTALLATION GUIDE PREPARE \u00b7 INSTALL \u00b7 FINISH INSTALLATION \u00b7 STEP BY STEP A better finish starts with the right installation. BEFORE YOU BEGIN Follow this guide for a clear overview of wall preparation, panel positioning, installation and finishing details. Installation requirements can vary by panel type, substrate and project conditions. Always confirm the...","og_url":"https:\/\/wallpanelfactory.com\/es\/installation\/","og_site_name":"Xuran wallpanel factory","article_modified_time":"2026-10-05T16:55:16+00:00","og_image":[{"url":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Marble-Panel-Installation-in-Modern-Interior.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wallpanelfactory.com\/installation\/","url":"https:\/\/wallpanelfactory.com\/installation\/","name":"Installation - Xuran wallpanel factory","isPartOf":{"@id":"https:\/\/wallpanelfactory.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wallpanelfactory.com\/installation\/#primaryimage"},"image":{"@id":"https:\/\/wallpanelfactory.com\/installation\/#primaryimage"},"thumbnailUrl":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Marble-Panel-Installation-in-Modern-Interior.png","datePublished":"2026-10-05T16:50:50+00:00","dateModified":"2026-10-05T16:55:16+00:00","breadcrumb":{"@id":"https:\/\/wallpanelfactory.com\/installation\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wallpanelfactory.com\/installation\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wallpanelfactory.com\/installation\/#primaryimage","url":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Marble-Panel-Installation-in-Modern-Interior.png","contentUrl":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/Marble-Panel-Installation-in-Modern-Interior.png"},{"@type":"BreadcrumbList","@id":"https:\/\/wallpanelfactory.com\/installation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wallpanelfactory.com\/"},{"@type":"ListItem","position":2,"name":"Installation"}]},{"@type":"WebSite","@id":"https:\/\/wallpanelfactory.com\/#website","url":"https:\/\/wallpanelfactory.com\/","name":"Xuran wallpanel factory","description":"","publisher":{"@id":"https:\/\/wallpanelfactory.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wallpanelfactory.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wallpanelfactory.com\/#organization","name":"Xuran wallpanel factory","url":"https:\/\/wallpanelfactory.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wallpanelfactory.com\/#\/schema\/logo\/image\/","url":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/cropped-wall-panel-logo-scaled-2.jpg","contentUrl":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/cropped-wall-panel-logo-scaled-2.jpg","width":2556,"height":1609,"caption":"Xuran wallpanel factory "},"image":{"@id":"https:\/\/wallpanelfactory.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/pages\/2342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/comments?post=2342"}],"version-history":[{"count":5,"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/pages\/2342\/revisions"}],"predecessor-version":[{"id":2356,"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/pages\/2342\/revisions\/2356"}],"wp:attachment":[{"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/media?parent=2342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}