{"id":338,"date":"2026-09-14T18:06:12","date_gmt":"2026-09-14T18:06:12","guid":{"rendered":"https:\/\/urbanfitouts.ae\/?page_id=338"},"modified":"2026-09-19T19:08:29","modified_gmt":"2026-09-19T19:08:29","slug":"bedroom-wallpaper","status":"publish","type":"page","link":"https:\/\/urbanfitouts.ae\/bedroom-wallpaper\/","title":{"rendered":"Bedroom Wallpaper"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"338\" class=\"elementor elementor-338\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a9e67b e-flex e-con-boxed e-con e-parent\" data-id=\"0a9e67b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a22086e e-con-full e-flex e-con e-parent\" data-id=\"a22086e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-234420b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"234420b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Bedroom Wallpaper | Urban Fitouts UAE<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n:root{\r\n    --bg:#f4f1eb;\r\n    --dark:#191817;\r\n    --muted:#77716a;\r\n    --line:rgba(25,24,23,.13);\r\n    --accent:#b49672;\r\n    --white:#fff;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    font-family:\"DM Sans\",sans-serif;\r\n    background:var(--bg);\r\n    color:var(--dark);\r\n    overflow-x:hidden;\r\n}\r\n\r\nbutton{\r\n    font-family:inherit;\r\n}\r\n\r\nimg{\r\n    max-width:100%;\r\n    display:block;\r\n}\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n.wallpaper-experience{\r\n    width:100%;\r\n    overflow:hidden;\r\n}\r\n\r\n.container{\r\n    width:min(1200px,92%);\r\n    margin:auto;\r\n}\r\n\r\n.serif{\r\n    font-family:\"Playfair Display\",serif;\r\n}\r\n\r\n.section{\r\n    position:relative;\r\n    padding:110px 0;\r\n}\r\n\r\n.section-label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    color:var(--muted);\r\n    font-size:11px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.section-label span{\r\n    width:35px;\r\n    height:1px;\r\n    background:var(--accent);\r\n}\r\n\r\n.section-title{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(38px,5vw,72px);\r\n    font-weight:400;\r\n    line-height:1.05;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.section-copy{\r\n    max-width:570px;\r\n    color:#716c66;\r\n    line-height:1.9;\r\n    font-size:15px;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO \/ 3D ROOM\r\n========================================================= *\/\r\n\r\n.hero{\r\n    min-height:100svh;\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    background:#25221f;\r\n    color:white;\r\n    overflow:hidden;\r\n}\r\n\r\n.hero-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n    linear-gradient(90deg,\r\n        rgba(20,18,16,.88) 0%,\r\n        rgba(20,18,16,.50) 42%,\r\n        rgba(20,18,16,.15) 100%),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=2200&q=90\")\r\n    center\/cover;\r\n    transform:scale(1.06);\r\n    transition:transform 1.2s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.hero:hover .hero-bg{\r\n    transform:scale(1.01);\r\n}\r\n\r\n.hero-content{\r\n    position:relative;\r\n    z-index:3;\r\n    width:min(1200px,92%);\r\n    margin:auto;\r\n    padding:100px 0 70px;\r\n}\r\n\r\n.hero-small{\r\n    font-size:11px;\r\n    text-transform:uppercase;\r\n    letter-spacing:4px;\r\n    color:#d5c4ae;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.hero h1{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(55px,9vw,125px);\r\n    font-weight:400;\r\n    line-height:.92;\r\n    max-width:850px;\r\n    letter-spacing:-5px;\r\n}\r\n\r\n.hero h1 em{\r\n    color:#d3b995;\r\n    font-style:normal;\r\n}\r\n\r\n.hero-description{\r\n    max-width:520px;\r\n    color:rgba(255,255,255,.78);\r\n    line-height:1.8;\r\n    margin-top:35px;\r\n    font-size:15px;\r\n}\r\n\r\n.hero-actions{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:15px;\r\n    margin-top:38px;\r\n}\r\n\r\n.hero-btn{\r\n    border:1px solid rgba(255,255,255,.35);\r\n    background:rgba(255,255,255,.07);\r\n    backdrop-filter:blur(15px);\r\n    color:white;\r\n    padding:15px 24px;\r\n    border-radius:100px;\r\n    cursor:pointer;\r\n    transition:.35s;\r\n}\r\n\r\n.hero-btn:hover{\r\n    background:white;\r\n    color:#222;\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.hero-scroll{\r\n    position:absolute;\r\n    bottom:30px;\r\n    right:5%;\r\n    z-index:5;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    font-size:10px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n    color:rgba(255,255,255,.6);\r\n}\r\n\r\n.scroll-line{\r\n    width:50px;\r\n    height:1px;\r\n    background:rgba(255,255,255,.4);\r\n}\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.intro{\r\n    background:#f4f1eb;\r\n}\r\n\r\n.intro-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:80px;\r\n    align-items:end;\r\n}\r\n\r\n.intro-number{\r\n    font-size:12px;\r\n    letter-spacing:3px;\r\n    color:var(--accent);\r\n    margin-bottom:20px;\r\n}\r\n\r\n.intro-quote{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(28px,4vw,50px);\r\n    line-height:1.25;\r\n}\r\n\r\n.intro-copy{\r\n    color:#706a64;\r\n    line-height:1.9;\r\n}\r\n\r\n\/* =========================================================\r\n   3D WALLPAPER SHOWCASE\r\n========================================================= *\/\r\n\r\n.showcase{\r\n    background:#1b1917;\r\n    color:white;\r\n}\r\n\r\n.showcase-head{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:40px;\r\n    align-items:flex-end;\r\n    margin-bottom:55px;\r\n}\r\n\r\n.showcase .section-label{\r\n    color:#aaa29a;\r\n}\r\n\r\n.room-stage{\r\n    position:relative;\r\n    height:650px;\r\n    border-radius:28px;\r\n    overflow:hidden;\r\n    background:#292520;\r\n    perspective:1200px;\r\n    box-shadow:0 35px 80px rgba(0,0,0,.3);\r\n}\r\n\r\n.room{\r\n    position:absolute;\r\n    inset:0;\r\n    transform-style:preserve-3d;\r\n    transition:transform .25s ease-out;\r\n}\r\n\r\n.room-wall{\r\n    position:absolute;\r\n    left:8%;\r\n    right:8%;\r\n    top:8%;\r\n    height:64%;\r\n    background:\r\n    linear-gradient(rgba(30,25,21,.05),rgba(30,25,21,.05)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1800&q=90\")\r\n    center\/cover;\r\n    box-shadow:0 20px 50px rgba(0,0,0,.3);\r\n}\r\n\r\n.room-floor{\r\n    position:absolute;\r\n    left:-10%;\r\n    right:-10%;\r\n    bottom:-30%;\r\n    height:60%;\r\n    background:\r\n    linear-gradient(120deg,#59483a,#2c241e);\r\n    transform:perspective(500px) rotateX(62deg);\r\n    transform-origin:top;\r\n}\r\n\r\n.bed{\r\n    position:absolute;\r\n    z-index:4;\r\n    left:50%;\r\n    bottom:17%;\r\n    width:min(500px,48%);\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.bed-head{\r\n    height:150px;\r\n    border-radius:20px 20px 4px 4px;\r\n    background:linear-gradient(135deg,#765e4c,#3e3027);\r\n    box-shadow:0 20px 30px rgba(0,0,0,.35);\r\n}\r\n\r\n.bed-mattress{\r\n    position:relative;\r\n    height:90px;\r\n    background:linear-gradient(#eee8df,#c9c0b5);\r\n    border-radius:12px;\r\n    transform:skewX(-4deg);\r\n    box-shadow:0 15px 30px rgba(0,0,0,.3);\r\n}\r\n\r\n.pillow{\r\n    position:absolute;\r\n    top:14px;\r\n    width:120px;\r\n    height:55px;\r\n    border-radius:14px;\r\n    background:#e9e2d8;\r\n    box-shadow:0 8px 12px rgba(0,0,0,.12);\r\n}\r\n\r\n.pillow.one{\r\n    left:35px;\r\n}\r\n\r\n.pillow.two{\r\n    right:35px;\r\n}\r\n\r\n.bed-blanket{\r\n    position:absolute;\r\n    left:12%;\r\n    right:12%;\r\n    bottom:-32px;\r\n    height:95px;\r\n    background:\r\n    linear-gradient(135deg,#b39778,#80674e);\r\n    border-radius:0 0 22px 22px;\r\n    transform:skewX(-5deg);\r\n}\r\n\r\n.side-table{\r\n    position:absolute;\r\n    z-index:3;\r\n    width:100px;\r\n    height:85px;\r\n    bottom:18%;\r\n    background:#5a4637;\r\n    border-radius:8px;\r\n}\r\n\r\n.side-table.left{\r\n    left:17%;\r\n}\r\n\r\n.side-table.right{\r\n    right:17%;\r\n}\r\n\r\n.lamp{\r\n    position:absolute;\r\n    width:50px;\r\n    height:90px;\r\n    background:#d7b982;\r\n    top:-80px;\r\n    left:25px;\r\n    border-radius:50% 50% 10px 10px;\r\n    box-shadow:0 0 40px rgba(214,180,126,.25);\r\n}\r\n\r\n.showcase-info{\r\n    position:absolute;\r\n    z-index:8;\r\n    left:35px;\r\n    bottom:30px;\r\n    padding:18px 22px;\r\n    border-radius:16px;\r\n    background:rgba(20,18,16,.55);\r\n    backdrop-filter:blur(15px);\r\n    border:1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.showcase-info strong{\r\n    display:block;\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:20px;\r\n    margin-bottom:5px;\r\n}\r\n\r\n.showcase-info span{\r\n    color:#aaa;\r\n    font-size:11px;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.drag-hint{\r\n    position:absolute;\r\n    z-index:9;\r\n    right:30px;\r\n    top:30px;\r\n    padding:12px 16px;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    border-radius:50px;\r\n    background:rgba(0,0,0,.2);\r\n    backdrop-filter:blur(10px);\r\n    font-size:10px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    color:#ddd;\r\n}\r\n\r\n\/* =========================================================\r\n   WALLPAPER COLLECTION\r\n========================================================= *\/\r\n\r\n.collection{\r\n    background:#ebe6de;\r\n}\r\n\r\n.collection-head{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:30px;\r\n    align-items:end;\r\n    margin-bottom:50px;\r\n}\r\n\r\n.swatches{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:20px;\r\n}\r\n\r\n.swatch{\r\n    position:relative;\r\n    height:420px;\r\n    border-radius:20px;\r\n    overflow:hidden;\r\n    cursor:pointer;\r\n    border:2px solid transparent;\r\n    transition:.4s;\r\n}\r\n\r\n.swatch:hover{\r\n    transform:translateY(-8px);\r\n}\r\n\r\n.swatch.active{\r\n    border-color:#a68a68;\r\n}\r\n\r\n.swatch-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    transition:transform .7s;\r\n}\r\n\r\n.swatch:hover .swatch-bg{\r\n    transform:scale(1.08);\r\n}\r\n\r\n.swatch:nth-child(1) .swatch-bg{\r\n    background:\r\n    linear-gradient(135deg,rgba(91,72,58,.2),rgba(40,32,27,.2)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1615874959474-d609969a20ed?auto=format&fit=crop&w=900&q=85\")\r\n    center\/cover;\r\n}\r\n\r\n.swatch:nth-child(2) .swatch-bg{\r\n    background:\r\n    linear-gradient(135deg,rgba(191,170,140,.35),rgba(89,68,51,.3)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=85\")\r\n    center\/cover;\r\n}\r\n\r\n.swatch:nth-child(3) .swatch-bg{\r\n    background:\r\n    linear-gradient(135deg,rgba(47,49,43,.25),rgba(17,22,18,.3)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=900&q=85\")\r\n    center\/cover;\r\n}\r\n\r\n.swatch:nth-child(4) .swatch-bg{\r\n    background:\r\n    linear-gradient(135deg,rgba(155,123,96,.2),rgba(73,52,40,.35)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1618220179428-22790b461013?auto=format&fit=crop&w=900&q=85\")\r\n    center\/cover;\r\n}\r\n\r\n.swatch-content{\r\n    position:absolute;\r\n    z-index:2;\r\n    bottom:0;\r\n    left:0;\r\n    right:0;\r\n    padding:25px;\r\n    color:white;\r\n    background:linear-gradient(transparent,rgba(0,0,0,.7));\r\n    padding-top:90px;\r\n}\r\n\r\n.swatch-content h3{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:26px;\r\n    font-weight:400;\r\n}\r\n\r\n.swatch-content p{\r\n    font-size:11px;\r\n    color:rgba(255,255,255,.72);\r\n    margin-top:6px;\r\n}\r\n\r\n\/* =========================================================\r\n   MATERIAL INTERACTION\r\n========================================================= *\/\r\n\r\n.material{\r\n    background:#f8f5ef;\r\n}\r\n\r\n.material-layout{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:80px;\r\n    align-items:center;\r\n}\r\n\r\n.material-card{\r\n    min-height:520px;\r\n    border-radius:25px;\r\n    overflow:hidden;\r\n    position:relative;\r\n    background:\r\n    url(\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=90\")\r\n    center\/cover;\r\n    box-shadow:0 30px 70px rgba(30,25,20,.15);\r\n}\r\n\r\n.material-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n    radial-gradient(circle at 50% 45%,\r\n    transparent 0 8%,\r\n    rgba(255,255,255,.08) 9%,\r\n    transparent 10%);\r\n    background-size:30px 30px;\r\n    opacity:.7;\r\n    mix-blend-mode:overlay;\r\n}\r\n\r\n.texture-cursor{\r\n    position:absolute;\r\n    width:150px;\r\n    height:150px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(255,255,255,.8);\r\n    transform:translate(-50%,-50%);\r\n    pointer-events:none;\r\n    opacity:0;\r\n    transition:opacity .2s;\r\n    backdrop-filter:blur(1px);\r\n}\r\n\r\n.material-card:hover .texture-cursor{\r\n    opacity:1;\r\n}\r\n\r\n.material-list{\r\n    margin-top:35px;\r\n    border-top:1px solid var(--line);\r\n}\r\n\r\n.material-item{\r\n    padding:20px 0;\r\n    border-bottom:1px solid var(--line);\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    cursor:pointer;\r\n    transition:.3s;\r\n}\r\n\r\n.material-item:hover{\r\n    padding-left:12px;\r\n}\r\n\r\n.material-item span:first-child{\r\n    font-size:14px;\r\n}\r\n\r\n.material-item span:last-child{\r\n    color:#a28a6f;\r\n}\r\n\r\n\/* =========================================================\r\n   BEFORE AFTER\r\n========================================================= *\/\r\n\r\n.transformation{\r\n    background:#201e1c;\r\n    color:white;\r\n}\r\n\r\n.transformation-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1.4fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.compare{\r\n    position:relative;\r\n    height:570px;\r\n    border-radius:25px;\r\n    overflow:hidden;\r\n    user-select:none;\r\n}\r\n\r\n.compare-before,\r\n.compare-after{\r\n    position:absolute;\r\n    inset:0;\r\n    background-position:center;\r\n    background-size:cover;\r\n}\r\n\r\n.compare-before{\r\n    background-image:\r\n    linear-gradient(rgba(40,35,30,.2),rgba(40,35,30,.2)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1400&q=90\");\r\n    filter:grayscale(.3);\r\n}\r\n\r\n.compare-after{\r\n    background-image:\r\n    linear-gradient(rgba(40,35,30,.1),rgba(40,35,30,.1)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1400&q=90\");\r\n    clip-path:inset(0 50% 0 0);\r\n}\r\n\r\n.compare-divider{\r\n    position:absolute;\r\n    top:0;\r\n    bottom:0;\r\n    left:50%;\r\n    width:2px;\r\n    background:white;\r\n    z-index:3;\r\n}\r\n\r\n.compare-button{\r\n    position:absolute;\r\n    top:50%;\r\n    left:50%;\r\n    width:48px;\r\n    height:48px;\r\n    transform:translate(-50%,-50%);\r\n    border-radius:50%;\r\n    border:1px solid white;\r\n    background:rgba(20,20,20,.5);\r\n    color:white;\r\n    z-index:4;\r\n    cursor:ew-resize;\r\n}\r\n\r\n.compare-label{\r\n    position:absolute;\r\n    top:20px;\r\n    padding:9px 14px;\r\n    background:rgba(0,0,0,.45);\r\n    backdrop-filter:blur(8px);\r\n    font-size:10px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    z-index:5;\r\n}\r\n\r\n.before-label{\r\n    left:20px;\r\n}\r\n\r\n.after-label{\r\n    right:20px;\r\n}\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n========================================================= *\/\r\n\r\n.process{\r\n    background:#f1ede6;\r\n}\r\n\r\n.process-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:1px;\r\n    background:var(--line);\r\n    margin-top:60px;\r\n}\r\n\r\n.process-card{\r\n    background:#f1ede6;\r\n    padding:35px 25px;\r\n    min-height:260px;\r\n    transition:.4s;\r\n}\r\n\r\n.process-card:hover{\r\n    background:#e5dfd5;\r\n    transform:translateY(-8px);\r\n}\r\n\r\n.process-number{\r\n    font-size:11px;\r\n    color:#a38a69;\r\n    letter-spacing:3px;\r\n}\r\n\r\n.process-card h3{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-weight:400;\r\n    font-size:25px;\r\n    margin:50px 0 15px;\r\n}\r\n\r\n.process-card p{\r\n    color:#77716a;\r\n    font-size:13px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* =========================================================\r\n   HUMAN TOUCH\r\n========================================================= *\/\r\n\r\n.human{\r\n    background:#171615;\r\n    color:white;\r\n    min-height:650px;\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.human-layout{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:80px;\r\n    align-items:center;\r\n}\r\n\r\n.human-image{\r\n    height:560px;\r\n    border-radius:25px;\r\n    background:\r\n    linear-gradient(120deg,rgba(15,13,12,.15),rgba(15,13,12,.3)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=90\")\r\n    center\/cover;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.human-image::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:15px;\r\n    border:1px solid rgba(255,255,255,.25);\r\n    border-radius:20px;\r\n}\r\n\r\n.human-tag{\r\n    position:absolute;\r\n    z-index:2;\r\n    bottom:25px;\r\n    left:25px;\r\n    padding:15px 20px;\r\n    border-radius:12px;\r\n    background:rgba(0,0,0,.45);\r\n    backdrop-filter:blur(12px);\r\n    font-size:12px;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.human h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(42px,5vw,70px);\r\n    font-weight:400;\r\n    line-height:1.05;\r\n}\r\n\r\n.human p{\r\n    color:#a7a19b;\r\n    line-height:1.9;\r\n    max-width:520px;\r\n    margin-top:28px;\r\n}\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n.final{\r\n    min-height:600px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n    background:\r\n    linear-gradient(rgba(20,18,16,.72),rgba(20,18,16,.72)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=90\")\r\n    center\/cover fixed;\r\n    color:white;\r\n}\r\n\r\n.final-content{\r\n    width:min(800px,90%);\r\n}\r\n\r\n.final h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(45px,7vw,90px);\r\n    font-weight:400;\r\n    line-height:1;\r\n}\r\n\r\n.final p{\r\n    color:rgba(255,255,255,.75);\r\n    line-height:1.8;\r\n    margin:30px auto;\r\n    max-width:580px;\r\n}\r\n\r\n.final-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:17px 28px;\r\n    border-radius:100px;\r\n    border:1px solid rgba(255,255,255,.5);\r\n    color:white;\r\n    text-decoration:none;\r\n    transition:.35s;\r\n}\r\n\r\n.final-btn:hover{\r\n    background:white;\r\n    color:#222;\r\n    transform:translateY(-4px);\r\n}\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n========================================================= *\/\r\n\r\n.reveal{\r\n    opacity:0;\r\n    transform:translateY(40px);\r\n    transition:opacity .9s ease,transform .9s ease;\r\n}\r\n\r\n.reveal.visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    .section{\r\n        padding:85px 0;\r\n    }\r\n\r\n    .intro-grid,\r\n    .material-layout,\r\n    .transformation-grid,\r\n    .human-layout{\r\n        grid-template-columns:1fr;\r\n        gap:45px;\r\n    }\r\n\r\n    .swatches{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .process-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .room-stage{\r\n        height:560px;\r\n    }\r\n\r\n    .human-image{\r\n        height:480px;\r\n    }\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n    .section{\r\n        padding:70px 0;\r\n    }\r\n\r\n    .hero-content{\r\n        padding:80px 0 80px;\r\n    }\r\n\r\n    .hero h1{\r\n        font-size:clamp(52px,16vw,85px);\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .hero-description{\r\n        font-size:14px;\r\n    }\r\n\r\n    .hero-scroll{\r\n        display:none;\r\n    }\r\n\r\n    .showcase-head,\r\n    .collection-head{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .room-stage{\r\n        height:470px;\r\n        border-radius:20px;\r\n    }\r\n\r\n    .room-wall{\r\n        left:0;\r\n        right:0;\r\n        top:0;\r\n        height:66%;\r\n    }\r\n\r\n    .bed{\r\n        width:70%;\r\n        bottom:18%;\r\n    }\r\n\r\n    .bed-head{\r\n        height:105px;\r\n    }\r\n\r\n    .bed-mattress{\r\n        height:65px;\r\n    }\r\n\r\n    .pillow{\r\n        width:70px;\r\n        height:38px;\r\n    }\r\n\r\n    .pillow.one{\r\n        left:20px;\r\n    }\r\n\r\n    .pillow.two{\r\n        right:20px;\r\n    }\r\n\r\n    .side-table{\r\n        width:60px;\r\n        height:55px;\r\n    }\r\n\r\n    .side-table.left{\r\n        left:4%;\r\n    }\r\n\r\n    .side-table.right{\r\n        right:4%;\r\n    }\r\n\r\n    .drag-hint{\r\n        top:15px;\r\n        right:15px;\r\n        font-size:8px;\r\n    }\r\n\r\n    .showcase-info{\r\n        left:15px;\r\n        bottom:15px;\r\n    }\r\n\r\n    .swatches{\r\n        grid-template-columns:1fr 1fr;\r\n        gap:10px;\r\n    }\r\n\r\n    .swatch{\r\n        height:280px;\r\n        border-radius:14px;\r\n    }\r\n\r\n    .swatch-content{\r\n        padding:16px;\r\n        padding-top:80px;\r\n    }\r\n\r\n    .swatch-content h3{\r\n        font-size:20px;\r\n    }\r\n\r\n    .material-card{\r\n        min-height:420px;\r\n    }\r\n\r\n    .compare{\r\n        height:430px;\r\n    }\r\n\r\n    .process-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .process-card{\r\n        min-height:auto;\r\n    }\r\n\r\n    .human-image{\r\n        height:400px;\r\n    }\r\n\r\n    .human{\r\n        min-height:auto;\r\n    }\r\n\r\n    .final{\r\n        min-height:520px;\r\n        background-attachment:scroll;\r\n    }\r\n}\r\n\r\n@media(max-width:430px){\r\n\r\n    .container{\r\n        width:90%;\r\n    }\r\n\r\n    .swatches{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .swatch{\r\n        height:360px;\r\n    }\r\n\r\n    .room-stage{\r\n        height:400px;\r\n    }\r\n\r\n    .bed{\r\n        width:78%;\r\n    }\r\n\r\n    .intro-quote{\r\n        font-size:31px;\r\n    }\r\n\r\n    .section-title{\r\n        font-size:43px;\r\n    }\r\n\r\n    .hero-btn{\r\n        width:100%;\r\n        text-align:center;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<main class=\"wallpaper-experience\">\r\n\r\n<!-- ======================================================\r\n     HERO\r\n====================================================== -->\r\n\r\n<section class=\"hero\">\r\n\r\n    <div class=\"hero-bg\"><\/div>\r\n\r\n    <div class=\"hero-content reveal\">\r\n\r\n        <div class=\"hero-small\">\r\n            Urban Fitouts UAE \u00b7 Bedroom Collection\r\n        <\/div>\r\n\r\n        <h1>\r\n            Walls that<br>\r\n            <em>feel alive.<\/em>\r\n        <\/h1>\r\n\r\n        <p class=\"hero-description\">\r\n            Transform an ordinary bedroom into a refined personal retreat\r\n            with carefully selected wallpaper, balanced textures and\r\n            architectural detailing.\r\n        <\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n            <button class=\"hero-btn\" onclick=\"scrollToSection('collection')\">\r\n                Explore Wallpapers\r\n            <\/button>\r\n\r\n            <button class=\"hero-btn\" onclick=\"scrollToSection('showcase')\">\r\n                Experience the Room\r\n            <\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hero-scroll\">\r\n        Scroll to explore\r\n        <span class=\"scroll-line\"><\/span>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     INTRO\r\n====================================================== -->\r\n\r\n<section class=\"section intro\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"intro-grid\">\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"section-label\">\r\n                    <span><\/span>\r\n                    01 \u00b7 The Idea\r\n                <\/div>\r\n\r\n                <div class=\"intro-quote\">\r\n                    A bedroom should not simply\r\n                    <em>look beautiful.<\/em>\r\n                    It should feel like yours.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"intro-copy reveal\">\r\n\r\n                <p>\r\n                    Wallpaper has the ability to completely change the\r\n                    emotional character of a bedroom. From soft organic\r\n                    textures to dramatic contemporary patterns, every\r\n                    surface can create a different atmosphere.\r\n                <\/p>\r\n\r\n                <br>\r\n\r\n                <p>\r\n                    Urban Fitouts brings together material, proportion,\r\n                    colour and craftsmanship to create bedroom walls\r\n                    that feel considered rather than decorated.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     3D ROOM EXPERIENCE\r\n====================================================== -->\r\n\r\n<section class=\"section showcase\" id=\"showcase\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"showcase-head reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"section-label\">\r\n                    <span><\/span>\r\n                    02 \u00b7 Room Experience\r\n                <\/div>\r\n\r\n                <h2 class=\"section-title\">\r\n                    Step inside<br>\r\n                    the atmosphere.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"section-copy\">\r\n                Move your cursor or finger across the room and experience\r\n                the subtle depth of the bedroom environment.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"room-stage reveal\" id=\"roomStage\">\r\n\r\n            <div class=\"room\" id=\"room\">\r\n\r\n                <div class=\"room-wall\"><\/div>\r\n\r\n                <div class=\"room-floor\"><\/div>\r\n\r\n                <div class=\"side-table left\">\r\n                    <div class=\"lamp\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"side-table right\">\r\n                    <div class=\"lamp\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bed\">\r\n\r\n                    <div class=\"bed-head\"><\/div>\r\n\r\n                    <div class=\"bed-mattress\">\r\n\r\n                        <div class=\"pillow one\"><\/div>\r\n                        <div class=\"pillow two\"><\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"bed-blanket\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"drag-hint\">\r\n                Move \u00b7 Explore\r\n            <\/div>\r\n\r\n            <div class=\"showcase-info\">\r\n\r\n                <strong>Warm Organic Retreat<\/strong>\r\n\r\n                <span>\r\n                    Soft texture \u00b7 Natural tones \u00b7 Contemporary calm\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     WALLPAPER COLLECTION\r\n====================================================== -->\r\n\r\n<section class=\"section collection\" id=\"collection\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"collection-head reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"section-label\">\r\n                    <span><\/span>\r\n                    03 \u00b7 Wallpaper Collection\r\n                <\/div>\r\n\r\n                <h2 class=\"section-title\">\r\n                    Find your<br>\r\n                    atmosphere.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"section-copy\">\r\n                Four distinct moods. One personalised bedroom.\r\n                Select a surface to change the visual character.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"swatches\">\r\n\r\n            <div class=\"swatch active reveal\" data-wall=\"warm\">\r\n\r\n                <div class=\"swatch-bg\"><\/div>\r\n\r\n                <div class=\"swatch-content\">\r\n                    <h3>Warm Earth<\/h3>\r\n                    <p>Natural \u00b7 Relaxed \u00b7 Timeless<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"swatch reveal\" data-wall=\"sand\">\r\n\r\n                <div class=\"swatch-bg\"><\/div>\r\n\r\n                <div class=\"swatch-content\">\r\n                    <h3>Soft Sand<\/h3>\r\n                    <p>Minimal \u00b7 Calm \u00b7 Elegant<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"swatch reveal\" data-wall=\"forest\">\r\n\r\n                <div class=\"swatch-bg\"><\/div>\r\n\r\n                <div class=\"swatch-content\">\r\n                    <h3>Deep Botanical<\/h3>\r\n                    <p>Moody \u00b7 Organic \u00b7 Sophisticated<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"swatch reveal\" data-wall=\"clay\">\r\n\r\n                <div class=\"swatch-bg\"><\/div>\r\n\r\n                <div class=\"swatch-content\">\r\n                    <h3>Modern Clay<\/h3>\r\n                    <p>Contemporary \u00b7 Warm \u00b7 Refined<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     MATERIAL DETAIL\r\n====================================================== -->\r\n\r\n<section class=\"section material\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"material-layout\">\r\n\r\n            <div class=\"material-card reveal\" id=\"materialCard\">\r\n\r\n                <div class=\"material-overlay\"><\/div>\r\n\r\n                <div class=\"texture-cursor\" id=\"textureCursor\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"section-label\">\r\n                    <span><\/span>\r\n                    04 \u00b7 Material Detail\r\n                <\/div>\r\n\r\n                <h2 class=\"section-title\">\r\n                    Beauty you<br>\r\n                    can almost touch.\r\n                <\/h2>\r\n\r\n                <p class=\"section-copy\" style=\"margin-top:28px;\">\r\n                    The experience of wallpaper is not only visual.\r\n                    Texture, light and shadow influence how the surface\r\n                    feels throughout the day.\r\n                <\/p>\r\n\r\n                <div class=\"material-list\">\r\n\r\n                    <div class=\"material-item\">\r\n                        <span>Textured Finish<\/span>\r\n                        <span>01<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"material-item\">\r\n                        <span>Matte Surface<\/span>\r\n                        <span>02<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"material-item\">\r\n                        <span>Soft-touch Feel<\/span>\r\n                        <span>03<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"material-item\">\r\n                        <span>Easy Maintenance<\/span>\r\n                        <span>04<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     BEFORE \/ AFTER\r\n====================================================== -->\r\n\r\n<section class=\"section transformation\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"transformation-grid\">\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"section-label\">\r\n                    <span><\/span>\r\n                    05 \u00b7 Transformation\r\n                <\/div>\r\n\r\n                <h2 class=\"section-title\">\r\n                    One wall.<br>\r\n                    A completely<br>\r\n                    new feeling.\r\n                <\/h2>\r\n\r\n                <p class=\"section-copy\" style=\"margin-top:30px;color:#a7a19b;\">\r\n                    Drag the divider to compare the atmosphere before\r\n                    and after a considered wallpaper installation.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"compare reveal\" id=\"compare\">\r\n\r\n                <div class=\"compare-before\"><\/div>\r\n\r\n                <div class=\"compare-after\" id=\"compareAfter\"><\/div>\r\n\r\n                <div class=\"compare-divider\" id=\"compareDivider\"><\/div>\r\n\r\n                <button class=\"compare-button\" id=\"compareButton\">\r\n                    \u2194\r\n                <\/button>\r\n\r\n                <span class=\"compare-label before-label\">\r\n                    Before\r\n                <\/span>\r\n\r\n                <span class=\"compare-label after-label\">\r\n                    After\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     PROCESS\r\n====================================================== -->\r\n\r\n<section class=\"section process\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"section-label\">\r\n                <span><\/span>\r\n                06 \u00b7 Our Process\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                From first idea<br>\r\n                to final wall.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"process-grid\">\r\n\r\n            <div class=\"process-card reveal\">\r\n\r\n                <span class=\"process-number\">01<\/span>\r\n\r\n                <h3>Understand<\/h3>\r\n\r\n                <p>\r\n                    We understand your lifestyle, bedroom proportions,\r\n                    preferred atmosphere and existing interior.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"process-card reveal\">\r\n\r\n                <span class=\"process-number\">02<\/span>\r\n\r\n                <h3>Select<\/h3>\r\n\r\n                <p>\r\n                    Wallpaper textures, colours and patterns are\r\n                    shortlisted around the room's architecture.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"process-card reveal\">\r\n\r\n                <span class=\"process-number\">03<\/span>\r\n\r\n                <h3>Prepare<\/h3>\r\n\r\n                <p>\r\n                    Walls are carefully prepared to achieve a smooth,\r\n                    clean and refined finished surface.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"process-card reveal\">\r\n\r\n                <span class=\"process-number\">04<\/span>\r\n\r\n                <h3>Install<\/h3>\r\n\r\n                <p>\r\n                    Precise installation brings the chosen design\r\n                    together with the room's lighting and furniture.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     HUMAN TOUCH\r\n====================================================== -->\r\n\r\n<section class=\"section human\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"human-layout\">\r\n\r\n            <div class=\"human-image reveal\">\r\n\r\n                <div class=\"human-tag\">\r\n                    Designed around you \u00b7 Installed with care\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"section-label\">\r\n                    <span><\/span>\r\n                    07 \u00b7 Human Touch\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Not just a<br>\r\n                    beautiful wall.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Your bedroom is personal. The colours you wake up to,\r\n                    the textures you touch and the atmosphere you experience\r\n                    at night all influence how the space feels.\r\n                <\/p>\r\n\r\n                <p>\r\n                    That's why every Urban Fitouts wallpaper concept is\r\n                    considered around the person who will actually live\r\n                    in the room.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     FINAL CTA\r\n====================================================== -->\r\n\r\n<section class=\"final\">\r\n\r\n    <div class=\"final-content reveal\">\r\n\r\n        <div class=\"section-label\" style=\"justify-content:center;color:#ddd;\">\r\n            <span><\/span>\r\n            Urban Fitouts UAE\r\n            <span><\/span>\r\n        <\/div>\r\n\r\n        <h2>\r\n            Give your bedroom<br>\r\n            a new atmosphere.\r\n        <\/h2>\r\n\r\n        <p>\r\n            Explore refined wallpaper concepts designed for modern\r\n            UAE homes, apartments and luxury bedrooms.\r\n        <\/p>\r\n\r\n        <a href=\"https:\/\/urbanfitouts.ae\/\" class=\"final-btn\" target=\"_blank\">\r\n            Explore Urban Fitouts\r\n            <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<\/main>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   SMOOTH SECTION SCROLL\r\n========================================================= *\/\r\n\r\nfunction scrollToSection(id){\r\n\r\n    const element = document.getElementById(id);\r\n\r\n    if(element){\r\n        element.scrollIntoView({\r\n            behavior:\"smooth\"\r\n        });\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n========================================================= *\/\r\n\r\nconst revealElements =\r\ndocument.querySelectorAll(\".reveal\");\r\n\r\nconst revealObserver =\r\nnew IntersectionObserver((entries)=>{\r\n\r\n    entries.forEach(entry=>{\r\n\r\n        if(entry.isIntersecting){\r\n\r\n            entry.target.classList.add(\"visible\");\r\n\r\n            revealObserver.unobserve(entry.target);\r\n\r\n        }\r\n\r\n    });\r\n\r\n},{\r\n    threshold:.12\r\n});\r\n\r\nrevealElements.forEach(element=>{\r\n    revealObserver.observe(element);\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   3D ROOM PARALLAX\r\n========================================================= *\/\r\n\r\nconst stage =\r\ndocument.getElementById(\"roomStage\");\r\n\r\nconst room =\r\ndocument.getElementById(\"room\");\r\n\r\n\r\nfunction moveRoom(x,y){\r\n\r\n    const rect =\r\n    stage.getBoundingClientRect();\r\n\r\n    const centerX =\r\n    rect.left + rect.width \/ 2;\r\n\r\n    const centerY =\r\n    rect.top + rect.height \/ 2;\r\n\r\n    const rotateY =\r\n    ((x - centerX) \/ rect.width) * 10;\r\n\r\n    const rotateX =\r\n    ((centerY - y) \/ rect.height) * 7;\r\n\r\n    room.style.transform =\r\n    `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\r\n}\r\n\r\n\r\nstage.addEventListener(\"mousemove\",(e)=>{\r\n\r\n    moveRoom(e.clientX,e.clientY);\r\n\r\n});\r\n\r\n\r\nstage.addEventListener(\"mouseleave\",()=>{\r\n\r\n    room.style.transform =\r\n    \"rotateX(0deg) rotateY(0deg)\";\r\n\r\n});\r\n\r\n\r\nstage.addEventListener(\"touchmove\",(e)=>{\r\n\r\n    if(e.touches.length){\r\n\r\n        moveRoom(\r\n            e.touches[0].clientX,\r\n            e.touches[0].clientY\r\n        );\r\n\r\n    }\r\n\r\n},{passive:true});\r\n\r\n\r\n\/* =========================================================\r\n   WALLPAPER SWATCH INTERACTION\r\n========================================================= *\/\r\n\r\nconst swatches =\r\ndocument.querySelectorAll(\".swatch\");\r\n\r\nconst wall =\r\ndocument.querySelector(\".room-wall\");\r\n\r\nconst showcaseInfo =\r\ndocument.querySelector(\".showcase-info strong\");\r\n\r\nconst wallpaperData = {\r\n\r\n    warm:{\r\n        image:\r\n        \"https:\/\/images.unsplash.com\/photo-1615874959474-d609969a20ed?auto=format&fit=crop&w=1800&q=90\",\r\n        title:\"Warm Organic Retreat\"\r\n    },\r\n\r\n    sand:{\r\n        image:\r\n        \"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=90\",\r\n        title:\"Soft Sand Sanctuary\"\r\n    },\r\n\r\n    forest:{\r\n        image:\r\n        \"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=90\",\r\n        title:\"Deep Botanical Escape\"\r\n    },\r\n\r\n    clay:{\r\n        image:\r\n        \"https:\/\/images.unsplash.com\/photo-1618220179428-22790b461013?auto=format&fit=crop&w=1800&q=90\",\r\n        title:\"Modern Clay Bedroom\"\r\n    }\r\n\r\n};\r\n\r\n\r\nswatches.forEach(swatch=>{\r\n\r\n    swatch.addEventListener(\"click\",()=>{\r\n\r\n        swatches.forEach(item=>{\r\n            item.classList.remove(\"active\");\r\n        });\r\n\r\n        swatch.classList.add(\"active\");\r\n\r\n        const type =\r\n        swatch.dataset.wall;\r\n\r\n        const data =\r\n        wallpaperData[type];\r\n\r\n        wall.style.opacity=\"0\";\r\n\r\n        setTimeout(()=>{\r\n\r\n            wall.style.backgroundImage =\r\n            `url(\"${data.image}\")`;\r\n\r\n            showcaseInfo.textContent =\r\n            data.title;\r\n\r\n            wall.style.opacity=\"1\";\r\n\r\n        },250);\r\n\r\n    });\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   MATERIAL MAGNIFIER\r\n========================================================= *\/\r\n\r\nconst materialCard =\r\ndocument.getElementById(\"materialCard\");\r\n\r\nconst textureCursor =\r\ndocument.getElementById(\"textureCursor\");\r\n\r\nmaterialCard.addEventListener(\"mousemove\",(e)=>{\r\n\r\n    const rect =\r\n    materialCard.getBoundingClientRect();\r\n\r\n    const x =\r\n    e.clientX - rect.left;\r\n\r\n    const y =\r\n    e.clientY - rect.top;\r\n\r\n    textureCursor.style.left =\r\n    x + \"px\";\r\n\r\n    textureCursor.style.top =\r\n    y + \"px\";\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   BEFORE \/ AFTER SLIDER\r\n========================================================= *\/\r\n\r\nconst compare =\r\ndocument.getElementById(\"compare\");\r\n\r\nconst compareAfter =\r\ndocument.getElementById(\"compareAfter\");\r\n\r\nconst compareDivider =\r\ndocument.getElementById(\"compareDivider\");\r\n\r\nconst compareButton =\r\ndocument.getElementById(\"compareButton\");\r\n\r\nlet dragging = false;\r\n\r\n\r\nfunction updateCompare(clientX){\r\n\r\n    const rect =\r\n    compare.getBoundingClientRect();\r\n\r\n    let percentage =\r\n    ((clientX - rect.left) \/ rect.width) * 100;\r\n\r\n    percentage =\r\n    Math.max(0,Math.min(100,percentage));\r\n\r\n    compareAfter.style.clipPath =\r\n    `inset(0 ${100-percentage}% 0 0)`;\r\n\r\n    compareDivider.style.left =\r\n    percentage + \"%\";\r\n\r\n    compareButton.style.left =\r\n    percentage + \"%\";\r\n}\r\n\r\n\r\ncompare.addEventListener(\"pointerdown\",(e)=>{\r\n\r\n    dragging = true;\r\n\r\n    compare.setPointerCapture(e.pointerId);\r\n\r\n    updateCompare(e.clientX);\r\n\r\n});\r\n\r\n\r\ncompare.addEventListener(\"pointermove\",(e)=>{\r\n\r\n    if(dragging){\r\n\r\n        updateCompare(e.clientX);\r\n\r\n    }\r\n\r\n});\r\n\r\n\r\ncompare.addEventListener(\"pointerup\",()=>{\r\n\r\n    dragging=false;\r\n\r\n});\r\n\r\n\r\ncompare.addEventListener(\"pointercancel\",()=>{\r\n\r\n    dragging=false;\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   SMALL TOUCH FEEDBACK\r\n========================================================= *\/\r\n\r\ndocument.querySelectorAll(\".process-card\")\r\n.forEach(card=>{\r\n\r\n    card.addEventListener(\"touchstart\",()=>{\r\n\r\n        card.style.transform =\r\n        \"translateY(-5px)\";\r\n\r\n    });\r\n\r\n    card.addEventListener(\"touchend\",()=>{\r\n\r\n        card.style.transform =\r\n        \"translateY(0)\";\r\n\r\n    });\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   HERO MOUSE DEPTH\r\n========================================================= *\/\r\n\r\nconst hero =\r\ndocument.querySelector(\".hero\");\r\n\r\nconst heroBg =\r\ndocument.querySelector(\".hero-bg\");\r\n\r\nhero.addEventListener(\"mousemove\",(e)=>{\r\n\r\n    const x =\r\n    (e.clientX \/ window.innerWidth - .5) * 2;\r\n\r\n    const y =\r\n    (e.clientY \/ window.innerHeight - .5) * 2;\r\n\r\n    heroBg.style.transform =\r\n    `scale(1.04) translate(${x * -7}px,${y * -5}px)`;\r\n\r\n});\r\n\r\n\r\nhero.addEventListener(\"mouseleave\",()=>{\r\n\r\n    heroBg.style.transform =\r\n    \"scale(1.06)\";\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bedroom Wallpaper | Urban Fitouts UAE Urban Fitouts UAE \u00b7 Bedroom Collection Walls that feel alive. Transform an ordinary bedroom [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"[]","_thinkrank_advanced_robots_meta":"[]","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-338","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bedroom Wallpaper - urbanfitouts.ae<\/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:\/\/urbanfitouts.ae\/bedroom-wallpaper\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bedroom Wallpaper - urbanfitouts.ae\" \/>\n<meta property=\"og:description\" content=\"Bedroom Wallpaper | Urban Fitouts UAE Urban Fitouts UAE \u00b7 Bedroom Collection Walls that feel alive. Transform an ordinary bedroom [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/urbanfitouts.ae\/bedroom-wallpaper\/\" \/>\n<meta property=\"og:site_name\" content=\"urbanfitouts.ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-19T19:08:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/bedroom-wallpaper\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/bedroom-wallpaper\\\/\",\"name\":\"Bedroom Wallpaper - urbanfitouts.ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\"},\"datePublished\":\"2026-09-14T18:06:12+00:00\",\"dateModified\":\"2026-09-19T19:08:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/bedroom-wallpaper\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/urbanfitouts.ae\\\/bedroom-wallpaper\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/bedroom-wallpaper\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/urbanfitouts.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bedroom Wallpaper\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"name\":\"urbanfitouts.ae\",\"description\":\"urbanfitouts\",\"publisher\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/urbanfitouts.ae\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#organization\",\"name\":\"urbanfitouts.ae\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg\",\"contentUrl\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg\",\"width\":1892,\"height\":2118,\"caption\":\"urbanfitouts.ae\"},\"image\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bedroom Wallpaper - urbanfitouts.ae","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:\/\/urbanfitouts.ae\/bedroom-wallpaper\/","og_locale":"en_US","og_type":"article","og_title":"Bedroom Wallpaper - urbanfitouts.ae","og_description":"Bedroom Wallpaper | Urban Fitouts UAE Urban Fitouts UAE \u00b7 Bedroom Collection Walls that feel alive. Transform an ordinary bedroom [&hellip;]","og_url":"https:\/\/urbanfitouts.ae\/bedroom-wallpaper\/","og_site_name":"urbanfitouts.ae","article_modified_time":"2026-09-19T19:08:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/urbanfitouts.ae\/bedroom-wallpaper\/","url":"https:\/\/urbanfitouts.ae\/bedroom-wallpaper\/","name":"Bedroom Wallpaper - urbanfitouts.ae","isPartOf":{"@id":"https:\/\/urbanfitouts.ae\/#website"},"datePublished":"2026-09-14T18:06:12+00:00","dateModified":"2026-09-19T19:08:29+00:00","breadcrumb":{"@id":"https:\/\/urbanfitouts.ae\/bedroom-wallpaper\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/urbanfitouts.ae\/bedroom-wallpaper\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/urbanfitouts.ae\/bedroom-wallpaper\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/urbanfitouts.ae\/"},{"@type":"ListItem","position":2,"name":"Bedroom Wallpaper"}]},{"@type":"WebSite","@id":"https:\/\/urbanfitouts.ae\/#website","url":"https:\/\/urbanfitouts.ae\/","name":"urbanfitouts.ae","description":"urbanfitouts","publisher":{"@id":"https:\/\/urbanfitouts.ae\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/urbanfitouts.ae\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/urbanfitouts.ae\/#organization","name":"urbanfitouts.ae","url":"https:\/\/urbanfitouts.ae\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/urbanfitouts.ae\/#\/schema\/logo\/image\/","url":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg","contentUrl":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg","width":1892,"height":2118,"caption":"urbanfitouts.ae"},"image":{"@id":"https:\/\/urbanfitouts.ae\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":4,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/338\/revisions"}],"predecessor-version":[{"id":418,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/338\/revisions\/418"}],"wp:attachment":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/media?parent=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}