{"id":8,"date":"2026-07-05T19:52:04","date_gmt":"2026-07-05T19:52:04","guid":{"rendered":"https:\/\/totalblackout.co.uk\/?page_id=8"},"modified":"2026-07-05T20:52:34","modified_gmt":"2026-07-05T20:52:34","slug":"home","status":"publish","type":"page","link":"https:\/\/totalblackout.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b2be63 e-con-full e-flex e-con e-parent\" data-id=\"0b2be63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03a1c12 elementor-widget elementor-widget-html\" data-id=\"03a1c12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TOTAL BLACKOUT \u2014 HOMEPAGE HERO SECTION ONLY -->\n<section class=\"tb-hero-shell\">\n\n  <style>\n    .tb-hero-shell,\n    .tb-hero-shell * {\n      box-sizing: border-box;\n    }\n\n    .tb-hero-shell {\n      --tb-teal: #087c91;\n      --tb-teal-dark: #075f70;\n      --tb-teal-light: #eaf5f7;\n      --tb-charcoal: #2e2e33;\n      --tb-grey: #626b70;\n      --tb-border: #dce8ea;\n      --tb-white: #ffffff;\n      --tb-cream: #f8fbfb;\n      width: 100%;\n      overflow: hidden;\n      font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      color: var(--tb-charcoal);\n      background: var(--tb-white);\n    }\n\n    .tb-hero-shell h1,\n    .tb-hero-shell h2,\n    .tb-hero-shell h3,\n    .tb-hero-shell .tb-button {\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n    }\n\n    .tb-button {\n      display: inline-flex;\n      min-height: 50px;\n      padding: 0 24px;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--tb-teal);\n      border-radius: 999px;\n      background: var(--tb-teal);\n      color: var(--tb-white);\n      font-size: 14px;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: 0.2px;\n      text-align: center;\n      text-decoration: none;\n      transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease;\n    }\n\n    .tb-button:hover {\n      background: var(--tb-teal-dark);\n      border-color: var(--tb-teal-dark);\n      color: var(--tb-white);\n      transform: translateY(-1px);\n    }\n\n    .tb-button-secondary {\n      background: transparent;\n      color: var(--tb-teal-dark);\n    }\n\n    .tb-button-secondary:hover {\n      background: var(--tb-teal-light);\n      border-color: var(--tb-teal);\n      color: var(--tb-teal-dark);\n    }\n\n    .tb-hero {\n      position: relative;\n      min-height: 700px;\n      display: flex;\n      align-items: center;\n      background:\n        radial-gradient(circle at 75% 25%, rgba(8, 124, 145, 0.12), transparent 34%),\n        linear-gradient(135deg, #ffffff 0%, #f4fafa 55%, #eaf5f7 100%);\n    }\n\n    .tb-hero::before {\n      content: \"\";\n      position: absolute;\n      top: 60px;\n      right: -120px;\n      width: 430px;\n      height: 430px;\n      border: 1px solid rgba(8, 124, 145, 0.16);\n      border-radius: 50%;\n    }\n\n    .tb-hero::after {\n      content: \"\";\n      position: absolute;\n      right: 70px;\n      bottom: -210px;\n      width: 390px;\n      height: 390px;\n      border: 80px solid rgba(8, 124, 145, 0.06);\n      border-radius: 50%;\n    }\n\n    .tb-hero-inner {\n      position: relative;\n      z-index: 2;\n      width: min(1220px, calc(100% - 40px));\n      margin: 0 auto;\n      padding: 75px 0 82px;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr);\n      align-items: center;\n      gap: 72px;\n    }\n\n    .tb-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin-bottom: 22px;\n      padding: 9px 15px;\n      border: 1px solid rgba(8, 124, 145, 0.22);\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.82);\n      color: var(--tb-teal-dark);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 1.1px;\n      text-transform: uppercase;\n    }\n\n    .tb-eyebrow-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: var(--tb-teal);\n      box-shadow: 0 0 0 5px rgba(8, 124, 145, 0.11);\n    }\n\n    .tb-hero h1 {\n      max-width: 720px;\n      margin: 0;\n      color: var(--tb-charcoal);\n      font-size: clamp(42px, 5.2vw, 72px);\n      font-weight: 700;\n      line-height: 1.04;\n      letter-spacing: -2.5px;\n    }\n\n    .tb-hero h1 span {\n      color: var(--tb-teal);\n    }\n\n    .tb-hero-description {\n      max-width: 660px;\n      margin: 25px 0 0;\n      color: var(--tb-grey);\n      font-size: 19px;\n      line-height: 1.75;\n    }\n\n    .tb-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 13px;\n      margin-top: 32px;\n    }\n\n    .tb-hero-actions .tb-button {\n      min-height: 56px;\n      padding-right: 29px;\n      padding-left: 29px;\n      font-size: 15px;\n    }\n\n    .tb-feature-strip {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 12px;\n      margin-top: 38px;\n    }\n\n    .tb-mini-feature {\n      min-height: 88px;\n      padding: 17px 16px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      border: 1px solid rgba(8, 124, 145, 0.13);\n      border-radius: 16px;\n      background: rgba(255, 255, 255, 0.84);\n      box-shadow: 0 14px 35px rgba(19, 61, 67, 0.05);\n    }\n\n    .tb-mini-icon {\n      width: 42px;\n      height: 42px;\n      flex: 0 0 42px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 20px;\n      font-weight: 800;\n    }\n\n    .tb-mini-feature strong {\n      display: block;\n      margin-bottom: 2px;\n      color: var(--tb-charcoal);\n      font-size: 14px;\n      line-height: 1.25;\n    }\n\n    .tb-mini-feature span {\n      display: block;\n      color: var(--tb-grey);\n      font-size: 12px;\n      line-height: 1.35;\n    }\n\n    .tb-hero-visual {\n      position: relative;\n      min-height: 520px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .tb-product-card {\n      position: relative;\n      z-index: 2;\n      width: min(100%, 530px);\n      padding: 24px;\n      border: 1px solid rgba(8, 124, 145, 0.12);\n      border-radius: 34px;\n      background: rgba(255, 255, 255, 0.92);\n      box-shadow: 0 32px 75px rgba(22, 65, 72, 0.16);\n      backdrop-filter: blur(10px);\n    }\n\n    .tb-product-card img {\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 22px;\n    }\n\n    .tb-product-badge {\n      position: absolute;\n      top: 42px;\n      right: 42px;\n      z-index: 3;\n      min-width: 124px;\n      padding: 13px 16px;\n      border-radius: 14px;\n      background: var(--tb-charcoal);\n      color: var(--tb-white);\n      text-align: center;\n      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);\n    }\n\n    .tb-product-badge strong {\n      display: block;\n      font-size: 18px;\n      line-height: 1;\n    }\n\n    .tb-product-badge span {\n      display: block;\n      margin-top: 5px;\n      font-size: 11px;\n      letter-spacing: 0.8px;\n      text-transform: uppercase;\n    }\n\n    .tb-floating-card {\n      position: absolute;\n      z-index: 4;\n      bottom: 26px;\n      left: -10px;\n      width: 205px;\n      padding: 16px 17px;\n      border: 1px solid var(--tb-border);\n      border-radius: 18px;\n      background: var(--tb-white);\n      box-shadow: 0 18px 42px rgba(21, 64, 70, 0.15);\n    }\n\n    .tb-floating-card strong {\n      display: block;\n      margin-bottom: 4px;\n      color: var(--tb-teal-dark);\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      font-size: 15px;\n    }\n\n    .tb-floating-card span {\n      color: var(--tb-grey);\n      font-size: 12px;\n      line-height: 1.45;\n    }\n\n    @media (max-width: 1050px) {\n      .tb-hero {\n        min-height: auto;\n      }\n\n      .tb-hero-inner {\n        grid-template-columns: 1fr;\n        gap: 55px;\n        padding-top: 60px;\n      }\n\n      .tb-hero-copy {\n        max-width: 820px;\n        text-align: center;\n        margin: 0 auto;\n      }\n\n      .tb-hero-description {\n        margin-right: auto;\n        margin-left: auto;\n      }\n\n      .tb-hero-actions {\n        justify-content: center;\n      }\n\n      .tb-hero-visual {\n        width: min(100%, 650px);\n        margin: 0 auto;\n      }\n    }\n\n    @media (max-width: 700px) {\n      .tb-hero-inner {\n        width: min(100% - 30px, 1220px);\n        padding: 46px 0 58px;\n      }\n\n      .tb-hero h1 {\n        font-size: clamp(38px, 12vw, 54px);\n        letter-spacing: -1.6px;\n      }\n\n      .tb-hero-description {\n        font-size: 17px;\n        line-height: 1.65;\n      }\n\n      .tb-hero-actions {\n        display: grid;\n        grid-template-columns: 1fr;\n      }\n\n      .tb-hero-actions .tb-button {\n        width: 100%;\n      }\n\n      .tb-feature-strip {\n        grid-template-columns: 1fr;\n      }\n\n      .tb-mini-feature {\n        min-height: 76px;\n      }\n\n      .tb-hero-visual {\n        min-height: auto;\n      }\n\n      .tb-product-card {\n        padding: 13px;\n        border-radius: 24px;\n      }\n\n      .tb-product-card img {\n        border-radius: 16px;\n      }\n\n      .tb-product-badge {\n        top: 27px;\n        right: 27px;\n        min-width: 103px;\n        padding: 11px 12px;\n      }\n\n      .tb-product-badge strong {\n        font-size: 15px;\n      }\n\n      .tb-floating-card {\n        position: relative;\n        bottom: auto;\n        left: auto;\n        width: calc(100% - 28px);\n        margin: -16px auto 0;\n      }\n    }\n\n    @media (max-width: 460px) {\n      .tb-product-badge {\n        position: static;\n        width: 100%;\n        margin-top: 12px;\n        border-radius: 13px;\n      }\n    }\n  <\/style>\n\n  <section class=\"tb-hero\">\n    <div class=\"tb-hero-inner\">\n\n      <div class=\"tb-hero-copy\">\n\n        <div class=\"tb-eyebrow\">\n          <span class=\"tb-eyebrow-dot\"><\/span>\n          Made to measure in the UK\n        <\/div>\n\n        <h1>\n          Total darkness.<br>\n          Perfect fit.<br>\n          <span>No drilling.<\/span>\n        <\/h1>\n\n        <p class=\"tb-hero-description\">\n          Made-to-measure blackout honeycomb blinds designed to block out light,\n          retain temperature and reduce outside noise \u2014 fitted securely without\n          drilling or damaging your window.\n        <\/p>\n\n        <div class=\"tb-hero-actions\">\n          <a class=\"tb-button\" href=\"#order-your-blind\">\n            Order Your Blind\n          <\/a>\n\n          <a class=\"tb-button tb-button-secondary\" href=\"#measuring-guide\">\n            View Measuring Guide\n          <\/a>\n        <\/div>\n\n        <div class=\"tb-feature-strip\">\n\n          <div class=\"tb-mini-feature\">\n            <div class=\"tb-mini-icon\">\u25cf<\/div>\n            <div>\n              <strong>100% Blackout<\/strong>\n              <span>Edge-to-edge darkness<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"tb-mini-feature\">\n            <div class=\"tb-mini-icon\">5<\/div>\n            <div>\n              <strong>5-Minute Fitting<\/strong>\n              <span>No screws or drilling<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"tb-mini-feature\">\n            <div class=\"tb-mini-icon\">\u2194<\/div>\n            <div>\n              <strong>Made to Measure<\/strong>\n              <span>Built to your window size<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tb-hero-visual\">\n\n        <div class=\"tb-product-card\">\n\n          <div class=\"tb-product-badge\">\n            <strong>100%<\/strong>\n            <span>Blackout<\/span>\n          <\/div>\n\n          <img decoding=\"async\"\n            src=\"https:\/\/pub-998ad047fbcd4cfe8b9ad447ac779535.r2.dev\/totalblackout-white-blind-angle.png\"\n            alt=\"White made-to-measure Total Blackout honeycomb blind\"\n          >\n\n        <\/div>\n\n        <div class=\"tb-floating-card\">\n          <strong>Available in black or white<\/strong>\n          <span>\n            Choose the colour and opening direction that best suits your room.\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a45858 e-con-full e-flex e-con e-parent\" data-id=\"4a45858\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-884e8cf elementor-widget elementor-widget-html\" data-id=\"884e8cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TOTAL BLACKOUT \u2014 HOMEPAGE BENEFITS SECTION -->\n<section class=\"tb-benefits-shell\" id=\"benefits\">\n\n  <style>\n    .tb-benefits-shell,\n    .tb-benefits-shell * {\n      box-sizing: border-box;\n    }\n\n    .tb-benefits-shell {\n      --tb-teal: #087c91;\n      --tb-teal-dark: #075f70;\n      --tb-teal-light: #eaf5f7;\n      --tb-charcoal: #2e2e33;\n      --tb-grey: #626b70;\n      --tb-border: #dce8ea;\n      --tb-white: #ffffff;\n      --tb-soft: #f7fbfc;\n      width: 100%;\n      overflow: hidden;\n      padding: 92px 0 98px;\n      font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      color: var(--tb-charcoal);\n      background: var(--tb-white);\n    }\n\n    .tb-benefits-shell h2,\n    .tb-benefits-shell h3,\n    .tb-benefits-shell .tb-benefits-kicker {\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n    }\n\n    .tb-benefits-inner {\n      width: min(1220px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    .tb-benefits-heading {\n      max-width: 820px;\n      margin: 0 auto 46px;\n      text-align: center;\n    }\n\n    .tb-benefits-kicker {\n      display: inline-flex;\n      margin-bottom: 16px;\n      padding: 9px 15px;\n      border: 1px solid rgba(8, 124, 145, 0.2);\n      border-radius: 999px;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 1.1px;\n      text-transform: uppercase;\n    }\n\n    .tb-benefits-heading h2 {\n      margin: 0;\n      color: var(--tb-charcoal);\n      font-size: clamp(34px, 4.3vw, 56px);\n      font-weight: 700;\n      line-height: 1.08;\n      letter-spacing: -1.7px;\n    }\n\n    .tb-benefits-heading h2 span {\n      color: var(--tb-teal);\n    }\n\n    .tb-benefits-heading p {\n      max-width: 700px;\n      margin: 18px auto 0;\n      color: var(--tb-grey);\n      font-size: 18px;\n      line-height: 1.72;\n    }\n\n    .tb-benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 22px;\n    }\n\n    .tb-benefit-card {\n      position: relative;\n      min-height: 255px;\n      padding: 30px 27px 28px;\n      border: 1px solid var(--tb-border);\n      border-radius: 26px;\n      background: var(--tb-soft);\n      overflow: hidden;\n      transition:\n        transform 0.22s ease,\n        box-shadow 0.22s ease,\n        border-color 0.22s ease;\n    }\n\n    .tb-benefit-card::after {\n      content: \"\";\n      position: absolute;\n      right: -65px;\n      bottom: -65px;\n      width: 155px;\n      height: 155px;\n      border-radius: 50%;\n      background: rgba(8, 124, 145, 0.08);\n      transition: transform 0.22s ease;\n    }\n\n    .tb-benefit-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(8, 124, 145, 0.25);\n      box-shadow: 0 24px 55px rgba(20, 73, 82, 0.11);\n    }\n\n    .tb-benefit-card:hover::after {\n      transform: scale(1.15);\n    }\n\n    .tb-benefit-icon {\n      position: relative;\n      z-index: 2;\n      width: 58px;\n      height: 58px;\n      margin-bottom: 22px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 18px;\n      background: var(--tb-teal);\n      color: var(--tb-white);\n      font-size: 25px;\n      font-weight: 800;\n      box-shadow: 0 14px 28px rgba(8, 124, 145, 0.22);\n    }\n\n    .tb-benefit-card h3 {\n      position: relative;\n      z-index: 2;\n      margin: 0 0 11px;\n      color: var(--tb-charcoal);\n      font-size: 21px;\n      font-weight: 700;\n      line-height: 1.25;\n      letter-spacing: -0.35px;\n    }\n\n    .tb-benefit-card p {\n      position: relative;\n      z-index: 2;\n      margin: 0;\n      color: var(--tb-grey);\n      font-size: 15.5px;\n      line-height: 1.68;\n    }\n\n    .tb-benefits-bottom {\n      margin-top: 28px;\n      padding: 28px;\n      display: grid;\n      grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);\n      gap: 24px;\n      align-items: center;\n      border-radius: 28px;\n      background:\n        radial-gradient(circle at 92% 10%, rgba(255,255,255,0.22), transparent 28%),\n        linear-gradient(135deg, var(--tb-teal-dark), var(--tb-teal));\n      color: var(--tb-white);\n      overflow: hidden;\n    }\n\n    .tb-benefits-bottom h3 {\n      margin: 0 0 8px;\n      font-size: 27px;\n      line-height: 1.22;\n      letter-spacing: -0.7px;\n    }\n\n    .tb-benefits-bottom p {\n      margin: 0;\n      color: rgba(255, 255, 255, 0.88);\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .tb-benefits-pill-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      justify-content: flex-end;\n    }\n\n    .tb-benefits-pill {\n      display: inline-flex;\n      min-height: 42px;\n      padding: 0 15px;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.14);\n      color: var(--tb-white);\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 0.15px;\n      white-space: nowrap;\n    }\n\n    @media (max-width: 1020px) {\n      .tb-benefits-shell {\n        padding: 76px 0 82px;\n      }\n\n      .tb-benefits-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .tb-benefits-bottom {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n\n      .tb-benefits-pill-row {\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .tb-benefits-shell {\n        padding: 62px 0 68px;\n      }\n\n      .tb-benefits-inner {\n        width: min(100% - 30px, 1220px);\n      }\n\n      .tb-benefits-heading {\n        margin-bottom: 32px;\n      }\n\n      .tb-benefits-heading p {\n        font-size: 16.5px;\n      }\n\n      .tb-benefits-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .tb-benefit-card {\n        min-height: auto;\n        padding: 25px 22px;\n        border-radius: 22px;\n      }\n\n      .tb-benefit-icon {\n        width: 52px;\n        height: 52px;\n        margin-bottom: 18px;\n        border-radius: 16px;\n        font-size: 22px;\n      }\n\n      .tb-benefits-bottom {\n        margin-top: 18px;\n        padding: 25px 20px;\n        border-radius: 23px;\n      }\n\n      .tb-benefits-bottom h3 {\n        font-size: 23px;\n      }\n\n      .tb-benefits-pill-row {\n        display: grid;\n        grid-template-columns: 1fr;\n      }\n\n      .tb-benefits-pill {\n        width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"tb-benefits-inner\">\n\n    <div class=\"tb-benefits-heading\">\n      <div class=\"tb-benefits-kicker\">Why choose Total Blackout?<\/div>\n\n      <h2>\n        Built for darkness, comfort and <span>damage-free fitting.<\/span>\n      <\/h2>\n\n      <p>\n        A premium made-to-measure blind system designed for bedrooms, nurseries,\n        home offices and any room where light control, privacy and comfort matter.\n      <\/p>\n    <\/div>\n\n    <div class=\"tb-benefits-grid\">\n\n      <article class=\"tb-benefit-card\">\n        <div class=\"tb-benefit-icon\">\u25cf<\/div>\n        <h3>100% Blackout Coverage<\/h3>\n        <p>\n          A patented edge-seal design helps stop every trace of light for total\n          darkness, improved privacy and better sleep.\n        <\/p>\n      <\/article>\n\n      <article class=\"tb-benefit-card\">\n        <div class=\"tb-benefit-icon\">5<\/div>\n        <h3>5-Minute No-Drill Fitting<\/h3>\n        <p>\n          Mounts securely without screws, tools or damage to your walls or window\n          surround, making it ideal for rented homes too.\n        <\/p>\n      <\/article>\n\n      <article class=\"tb-benefit-card\">\n        <div class=\"tb-benefit-icon\">\u00b0<\/div>\n        <h3>Year-Round Thermal Control<\/h3>\n        <p>\n          Honeycomb air pockets help retain temperature, keeping rooms more\n          comfortable through both warmer and colder months.\n        <\/p>\n      <\/article>\n\n      <article class=\"tb-benefit-card\">\n        <div class=\"tb-benefit-icon\">\u2248<\/div>\n        <h3>Sound Dampening<\/h3>\n        <p>\n          The cellular honeycomb structure provides a degree of sound absorption,\n          helping reduce outside noise for a calmer room.\n        <\/p>\n      <\/article>\n\n      <article class=\"tb-benefit-card\">\n        <div class=\"tb-benefit-icon\">\u2713<\/div>\n        <h3>Cordless &amp; Child-Friendly<\/h3>\n        <p>\n          A modern cordless design with no hanging chains, giving your window a\n          cleaner, safer and more minimal finish.\n        <\/p>\n      <\/article>\n\n      <article class=\"tb-benefit-card\">\n        <div class=\"tb-benefit-icon\">\u2194<\/div>\n        <h3>Made to Measure<\/h3>\n        <p>\n          Custom built to your exact window size, with black and white options\n          available for a neat, fitted look.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"tb-benefits-bottom\">\n      <div>\n        <h3>One blind. Multiple benefits.<\/h3>\n        <p>\n          Total Blackout is designed to do more than darken a room. It helps improve\n          privacy, comfort, temperature control and everyday usability.\n        <\/p>\n      <\/div>\n\n      <div class=\"tb-benefits-pill-row\">\n        <span class=\"tb-benefits-pill\">Black or white<\/span>\n        <span class=\"tb-benefits-pill\">No drilling<\/span>\n        <span class=\"tb-benefits-pill\">Made to measure<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-198910f e-con-full e-flex e-con e-parent\" data-id=\"198910f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cd0f9c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3cd0f9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TOTAL BLACKOUT \u2014 COLOUR OPTIONS \/ PRODUCT SHOWCASE SECTION -->\n<section class=\"tb-options-shell\" id=\"blind-options\">\n\n  <style>\n    .tb-options-shell,\n    .tb-options-shell * {\n      box-sizing: border-box;\n    }\n\n    .tb-options-shell {\n      --tb-teal: #087c91;\n      --tb-teal-dark: #075f70;\n      --tb-teal-light: #eaf5f7;\n      --tb-charcoal: #2e2e33;\n      --tb-grey: #626b70;\n      --tb-border: #dce8ea;\n      --tb-white: #ffffff;\n      --tb-soft: #f7fbfc;\n      width: 100%;\n      overflow: hidden;\n      padding: 92px 0 98px;\n      font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      color: var(--tb-charcoal);\n      background:\n        radial-gradient(circle at 8% 18%, rgba(8, 124, 145, 0.08), transparent 28%),\n        linear-gradient(180deg, #f7fbfc 0%, #ffffff 100%);\n    }\n\n    .tb-options-shell h2,\n    .tb-options-shell h3,\n    .tb-options-shell .tb-options-kicker,\n    .tb-options-shell .tb-button,\n    .tb-options-shell .tb-product-tag {\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n    }\n\n    .tb-options-inner {\n      width: min(1220px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    .tb-options-heading {\n      max-width: 820px;\n      margin: 0 auto 46px;\n      text-align: center;\n    }\n\n    .tb-options-kicker {\n      display: inline-flex;\n      margin-bottom: 16px;\n      padding: 9px 15px;\n      border: 1px solid rgba(8, 124, 145, 0.2);\n      border-radius: 999px;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 1.1px;\n      text-transform: uppercase;\n    }\n\n    .tb-options-heading h2 {\n      margin: 0;\n      color: var(--tb-charcoal);\n      font-size: clamp(34px, 4.3vw, 56px);\n      font-weight: 700;\n      line-height: 1.08;\n      letter-spacing: -1.7px;\n    }\n\n    .tb-options-heading h2 span {\n      color: var(--tb-teal);\n    }\n\n    .tb-options-heading p {\n      max-width: 720px;\n      margin: 18px auto 0;\n      color: var(--tb-grey);\n      font-size: 18px;\n      line-height: 1.72;\n    }\n\n    .tb-product-showcase {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 26px;\n      align-items: stretch;\n    }\n\n    .tb-product-panel {\n      position: relative;\n      border: 1px solid var(--tb-border);\n      border-radius: 32px;\n      background: var(--tb-white);\n      overflow: hidden;\n      box-shadow: 0 24px 58px rgba(21, 64, 70, 0.09);\n    }\n\n    .tb-product-image-wrap {\n      position: relative;\n      padding: 24px;\n      background:\n        radial-gradient(circle at 80% 20%, rgba(8, 124, 145, 0.08), transparent 30%),\n        var(--tb-white);\n    }\n\n    .tb-product-image-wrap img {\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 24px;\n    }\n\n    .tb-product-tag {\n      position: absolute;\n      top: 38px;\n      left: 38px;\n      z-index: 3;\n      display: inline-flex;\n      min-height: 38px;\n      padding: 0 15px;\n      align-items: center;\n      justify-content: center;\n      border-radius: 999px;\n      background: var(--tb-charcoal);\n      color: var(--tb-white);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.6px;\n      text-transform: uppercase;\n      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.14);\n    }\n\n    .tb-product-content {\n      padding: 0 30px 32px;\n    }\n\n    .tb-product-content h3 {\n      margin: 0 0 10px;\n      color: var(--tb-charcoal);\n      font-size: 28px;\n      line-height: 1.2;\n      letter-spacing: -0.8px;\n    }\n\n    .tb-product-content p {\n      margin: 0;\n      color: var(--tb-grey);\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    .tb-product-list {\n      display: grid;\n      gap: 10px;\n      margin: 22px 0 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .tb-product-list li {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      color: var(--tb-grey);\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    .tb-product-list span {\n      width: 22px;\n      height: 22px;\n      flex: 0 0 22px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 12px;\n      font-weight: 900;\n      line-height: 1;\n    }\n\n    .tb-opening-panel {\n      margin-top: 28px;\n      padding: 31px;\n      display: grid;\n      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\n      gap: 26px;\n      align-items: center;\n      border: 1px solid rgba(8, 124, 145, 0.16);\n      border-radius: 32px;\n      background: var(--tb-teal-light);\n    }\n\n    .tb-opening-copy h3 {\n      margin: 0 0 10px;\n      color: var(--tb-charcoal);\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      font-size: 30px;\n      line-height: 1.2;\n      letter-spacing: -0.9px;\n    }\n\n    .tb-opening-copy p {\n      margin: 0;\n      color: var(--tb-grey);\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    .tb-opening-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    .tb-opening-card {\n      min-height: 128px;\n      padding: 18px 14px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 10px;\n      border: 1px solid rgba(8, 124, 145, 0.16);\n      border-radius: 20px;\n      background: var(--tb-white);\n      text-align: center;\n    }\n\n    .tb-opening-icon {\n      color: var(--tb-teal);\n      font-size: 31px;\n      font-weight: 400;\n      line-height: 1;\n    }\n\n    .tb-opening-icon-updown {\n      height: 38px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 2px;\n      font-size: 31px;\n      font-weight: 400;\n      line-height: 1;\n    }\n\n    .tb-opening-icon-updown span {\n      display: inline-block;\n      color: var(--tb-teal);\n      font-weight: 400;\n      line-height: 1;\n    }\n\n    .tb-opening-icon-updown .tb-arrow-up {\n      transform: rotate(-90deg);\n    }\n\n    .tb-opening-icon-updown .tb-arrow-down {\n      transform: rotate(90deg);\n    }\n\n\n    .tb-options-cta {\n      margin-top: 34px;\n      text-align: center;\n    }\n\n    .tb-options-shell .tb-button,\n    .tb-options-shell a.tb-button,\n    .tb-options-shell a.tb-button:visited {\n      display: inline-flex !important;\n      min-height: 56px !important;\n      padding: 0 30px !important;\n      align-items: center !important;\n      justify-content: center !important;\n      border: 2px solid var(--tb-teal) !important;\n      border-radius: 999px !important;\n      background: var(--tb-teal) !important;\n      color: var(--tb-white) !important;\n      font-size: 15px !important;\n      font-weight: 800 !important;\n      line-height: 1.2 !important;\n      letter-spacing: 0.2px !important;\n      text-decoration: none !important;\n      box-shadow: 0 16px 34px rgba(8, 124, 145, 0.22) !important;\n      transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        transform 0.2s ease,\n        box-shadow 0.2s ease !important;\n    }\n\n    .tb-options-shell .tb-button:hover,\n    .tb-options-shell .tb-button:focus,\n    .tb-options-shell .tb-button:active {\n      background: var(--tb-teal-dark) !important;\n      border-color: var(--tb-teal-dark) !important;\n      color: var(--tb-white) !important;\n      text-decoration: none !important;\n      transform: translateY(-1px);\n      box-shadow: 0 18px 38px rgba(8, 124, 145, 0.27) !important;\n    }\n\n    @media (max-width: 980px) {\n      .tb-options-shell {\n        padding: 76px 0 82px;\n      }\n\n      .tb-product-showcase,\n      .tb-opening-panel {\n        grid-template-columns: 1fr;\n      }\n\n      .tb-opening-copy {\n        text-align: center;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .tb-options-shell {\n        padding: 62px 0 68px;\n      }\n\n      .tb-options-inner {\n        width: min(100% - 30px, 1220px);\n      }\n\n      .tb-options-heading {\n        margin-bottom: 32px;\n      }\n\n      .tb-options-heading p {\n        font-size: 16.5px;\n      }\n\n      .tb-product-showcase {\n        gap: 18px;\n      }\n\n      .tb-product-panel,\n      .tb-opening-panel {\n        border-radius: 24px;\n      }\n\n      .tb-product-image-wrap {\n        padding: 14px;\n      }\n\n      .tb-product-image-wrap img {\n        border-radius: 18px;\n      }\n\n      .tb-product-tag {\n        top: 25px;\n        left: 25px;\n      }\n\n      .tb-product-content {\n        padding: 0 22px 25px;\n      }\n\n      .tb-product-content h3 {\n        font-size: 24px;\n      }\n\n      .tb-opening-panel {\n        padding: 22px;\n      }\n\n      .tb-opening-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .tb-opening-card {\n        min-height: 96px;\n      }\n\n      .tb-button {\n        width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"tb-options-inner\">\n\n    <div class=\"tb-options-heading\">\n      <div class=\"tb-options-kicker\">Choose your finish<\/div>\n\n      <h2>\n        Available in clean white or <span>deep black.<\/span>\n      <\/h2>\n\n      <p>\n        Pick the finish that best suits your room. Both options are made to measure,\n        cordless, no-drill and designed for complete blackout performance.\n      <\/p>\n    <\/div>\n\n    <div class=\"tb-product-showcase\">\n\n      <article class=\"tb-product-panel\">\n        <div class=\"tb-product-image-wrap\">\n          <span class=\"tb-product-tag\">White finish<\/span>\n          <img decoding=\"async\"\n            src=\"https:\/\/pub-998ad047fbcd4cfe8b9ad447ac779535.r2.dev\/totalblackout-white-blind-angle.png\"\n            alt=\"White Total Blackout honeycomb blind\">\n        <\/div>\n\n        <div class=\"tb-product-content\">\n          <h3>White Blackout Blind<\/h3>\n          <p>\n            A bright, minimal finish that blends neatly with white frames, light walls\n            and modern interiors.\n          <\/p>\n\n          <ul class=\"tb-product-list\">\n            <li><span>\u2713<\/span> Clean and discreet appearance<\/li>\n            <li><span>\u2713<\/span> Ideal for bedrooms, nurseries and offices<\/li>\n            <li><span>\u2713<\/span> Helps brighten the window area when open<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <article class=\"tb-product-panel\">\n        <div class=\"tb-product-image-wrap\">\n          <span class=\"tb-product-tag\">Black finish<\/span>\n          <img decoding=\"async\"\n            src=\"https:\/\/pub-998ad047fbcd4cfe8b9ad447ac779535.r2.dev\/totalblackout-black-blind-angle.png\"\n            alt=\"Black Total Blackout honeycomb blind\">\n        <\/div>\n\n        <div class=\"tb-product-content\">\n          <h3>Black Blackout Blind<\/h3>\n          <p>\n            A bold, modern finish for deeper contrast, media rooms, darker interiors\n            and statement window styling.\n          <\/p>\n\n          <ul class=\"tb-product-list\">\n            <li><span>\u2713<\/span> Strong contemporary look<\/li>\n            <li><span>\u2713<\/span> Ideal for media rooms and darker schemes<\/li>\n            <li><span>\u2713<\/span> Matches black frames and modern fittings<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"tb-opening-panel\">\n      <div class=\"tb-opening-copy\">\n        <h3>Choose your opening direction.<\/h3>\n        <p>\n          Select the operation style that works best for your window position, room\n          layout and daily use.\n        <\/p>\n      <\/div>\n\n      <div class=\"tb-opening-grid\">\n        <div class=\"tb-opening-card\">\n          <div class=\"tb-opening-icon\">\u2192<\/div>\n          <strong>Left to right opening<\/strong>\n        <\/div>\n\n        <div class=\"tb-opening-card\">\n          <div class=\"tb-opening-icon\">\u2190<\/div>\n          <strong>Right to left opening<\/strong>\n        <\/div>\n\n        <div class=\"tb-opening-card\">\n          <div class=\"tb-opening-icon tb-opening-icon-updown\" aria-hidden=\"true\">\n            <span class=\"tb-arrow-up\">\u2192<\/span>\n            <span class=\"tb-arrow-down\">\u2192<\/span>\n          <\/div>\n          <strong>Up &amp; down opening<\/strong>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tb-options-cta\">\n      <a class=\"tb-button\" href=\"#order-your-blind\">\n        Start Your Order\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0253ccb e-con-full e-flex e-con e-parent\" data-id=\"0253ccb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bbf2bd elementor-widget elementor-widget-html\" data-id=\"7bbf2bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TOTAL BLACKOUT \u2014 HOW IT WORKS SECTION -->\n<section class=\"tb-how-shell\" id=\"how-it-works\">\n\n  <style>\n    .tb-how-shell,\n    .tb-how-shell * {\n      box-sizing: border-box;\n    }\n\n    .tb-how-shell {\n      --tb-teal: #087c91;\n      --tb-teal-dark: #075f70;\n      --tb-teal-light: #eaf5f7;\n      --tb-charcoal: #2e2e33;\n      --tb-grey: #626b70;\n      --tb-border: #dce8ea;\n      --tb-white: #ffffff;\n      --tb-soft: #f7fbfc;\n      width: 100%;\n      overflow: hidden;\n      padding: 94px 0 100px;\n      font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      color: var(--tb-charcoal);\n      background: var(--tb-white);\n    }\n\n    .tb-how-shell h2,\n    .tb-how-shell h3,\n    .tb-how-shell .tb-how-kicker,\n    .tb-how-shell .tb-step-number,\n    .tb-how-shell .tb-button {\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n    }\n\n    .tb-how-inner {\n      width: min(1220px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    .tb-how-layout {\n      display: grid;\n      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n      gap: 58px;\n      align-items: center;\n    }\n\n    .tb-how-kicker {\n      display: inline-flex;\n      margin-bottom: 16px;\n      padding: 9px 15px;\n      border: 1px solid rgba(8, 124, 145, 0.2);\n      border-radius: 999px;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 1.1px;\n      text-transform: uppercase;\n    }\n\n    .tb-how-copy h2 {\n      margin: 0;\n      color: var(--tb-charcoal);\n      font-size: clamp(34px, 4.3vw, 56px);\n      font-weight: 700;\n      line-height: 1.08;\n      letter-spacing: -1.7px;\n    }\n\n    .tb-how-copy h2 span {\n      color: var(--tb-teal);\n    }\n\n    .tb-how-copy p {\n      max-width: 570px;\n      margin: 20px 0 0;\n      color: var(--tb-grey);\n      font-size: 18px;\n      line-height: 1.72;\n    }\n\n    .tb-how-note {\n      margin-top: 28px;\n      padding: 20px 22px;\n      border: 1px solid rgba(8, 124, 145, 0.16);\n      border-radius: 20px;\n      background: var(--tb-soft);\n    }\n\n    .tb-how-note strong {\n      display: block;\n      margin-bottom: 6px;\n      color: var(--tb-teal-dark);\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      font-size: 16px;\n      line-height: 1.3;\n    }\n\n    .tb-how-note span {\n      display: block;\n      color: var(--tb-grey);\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .tb-how-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 13px;\n      margin-top: 30px;\n    }\n\n    .tb-button {\n      display: inline-flex;\n      min-height: 56px;\n      padding: 0 30px;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--tb-teal);\n      border-radius: 999px;\n      background: var(--tb-teal);\n      color: var(--tb-white);\n      font-size: 15px;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: 0.2px;\n      text-align: center;\n      text-decoration: none;\n      transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease;\n    }\n\n    .tb-button:hover {\n      background: var(--tb-teal-dark);\n      border-color: var(--tb-teal-dark);\n      color: var(--tb-white);\n      transform: translateY(-1px);\n    }\n\n    .tb-button-secondary {\n      background: transparent;\n      color: var(--tb-teal-dark);\n    }\n\n    .tb-button-secondary:hover {\n      background: var(--tb-teal-light);\n      border-color: var(--tb-teal);\n      color: var(--tb-teal-dark);\n    }\n\n    .tb-steps {\n      position: relative;\n      display: grid;\n      gap: 18px;\n    }\n\n    .tb-steps::before {\n      content: \"\";\n      position: absolute;\n      top: 42px;\n      bottom: 42px;\n      left: 35px;\n      width: 2px;\n      background: linear-gradient(180deg, var(--tb-teal), rgba(8, 124, 145, 0.12));\n    }\n\n    .tb-step-card {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      grid-template-columns: 72px minmax(0, 1fr);\n      gap: 18px;\n      align-items: flex-start;\n      padding: 24px 26px 24px 22px;\n      border: 1px solid var(--tb-border);\n      border-radius: 24px;\n      background: var(--tb-white);\n      box-shadow: 0 18px 44px rgba(21, 64, 70, 0.08);\n    }\n\n    .tb-step-number {\n      width: 72px;\n      height: 72px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 22px;\n      background: var(--tb-teal);\n      color: var(--tb-white);\n      font-size: 24px;\n      font-weight: 800;\n      box-shadow: 0 16px 30px rgba(8, 124, 145, 0.22);\n    }\n\n    .tb-step-content h3 {\n      margin: 3px 0 8px;\n      color: var(--tb-charcoal);\n      font-size: 22px;\n      font-weight: 700;\n      line-height: 1.25;\n      letter-spacing: -0.45px;\n    }\n\n    .tb-step-content p {\n      margin: 0;\n      color: var(--tb-grey);\n      font-size: 15.5px;\n      line-height: 1.66;\n    }\n\n    .tb-step-content ul {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin: 14px 0 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .tb-step-content li {\n      display: inline-flex;\n      min-height: 32px;\n      padding: 0 12px;\n      align-items: center;\n      justify-content: center;\n      border-radius: 999px;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n    }\n\n    @media (max-width: 980px) {\n      .tb-how-shell {\n        padding: 76px 0 82px;\n      }\n\n      .tb-how-layout {\n        grid-template-columns: 1fr;\n        gap: 44px;\n      }\n\n      .tb-how-copy {\n        max-width: 820px;\n        margin: 0 auto;\n        text-align: center;\n      }\n\n      .tb-how-copy p {\n        margin-right: auto;\n        margin-left: auto;\n      }\n\n      .tb-how-actions {\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .tb-how-shell {\n        padding: 62px 0 68px;\n      }\n\n      .tb-how-inner {\n        width: min(100% - 30px, 1220px);\n      }\n\n      .tb-how-copy p {\n        font-size: 16.5px;\n      }\n\n      .tb-how-actions {\n        display: grid;\n        grid-template-columns: 1fr;\n      }\n\n      .tb-button {\n        width: 100%;\n      }\n\n      .tb-steps {\n        gap: 15px;\n      }\n\n      .tb-steps::before {\n        display: none;\n      }\n\n      .tb-step-card {\n        grid-template-columns: 1fr;\n        gap: 16px;\n        padding: 22px;\n        border-radius: 22px;\n      }\n\n      .tb-step-number {\n        width: 58px;\n        height: 58px;\n        border-radius: 18px;\n        font-size: 20px;\n      }\n\n      .tb-step-content h3 {\n        margin-top: 0;\n        font-size: 21px;\n      }\n    }\n  <\/style>\n\n  <div class=\"tb-how-inner\">\n\n    <div class=\"tb-how-layout\">\n\n      <div class=\"tb-how-copy\">\n        <div class=\"tb-how-kicker\">How it works<\/div>\n\n        <h2>\n          From measuring to fitting in <span>three simple steps.<\/span>\n        <\/h2>\n\n        <p>\n          We keep the process simple. Measure your window recess, choose your\n          blind options, then fit your made-to-measure blind without drilling.\n        <\/p>\n\n        <div class=\"tb-how-note\">\n          <strong>No tradesperson required.<\/strong>\n          <span>\n            The no-drill fitting system is designed for quick installation using\n            a secure recess-fit method.\n          <\/span>\n        <\/div>\n\n        <div class=\"tb-how-actions\">\n          <a class=\"tb-button\" href=\"#measuring-guide\">\n            View Measuring Guide\n          <\/a>\n\n          <a class=\"tb-button tb-button-secondary\" href=\"#order-your-blind\">\n            Start Your Order\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"tb-steps\">\n\n        <article class=\"tb-step-card\">\n          <div class=\"tb-step-number\">1<\/div>\n\n          <div class=\"tb-step-content\">\n            <h3>Measure your window recess<\/h3>\n            <p>\n              Measure the width and height in three places, then use the smallest\n              measurement so your blind can be made to fit neatly inside the recess.\n            <\/p>\n            <ul>\n              <li>Width<\/li>\n              <li>Height<\/li>\n              <li>Smallest measurement<\/li>\n            <\/ul>\n          <\/div>\n        <\/article>\n\n        <article class=\"tb-step-card\">\n          <div class=\"tb-step-number\">2<\/div>\n\n          <div class=\"tb-step-content\">\n            <h3>Choose your blind options<\/h3>\n            <p>\n              Select your colour, opening direction and required size. Each blind\n              is custom made to your supplied measurements.\n            <\/p>\n            <ul>\n              <li>Black or white<\/li>\n              <li>Opening direction<\/li>\n              <li>Made to measure<\/li>\n            <\/ul>\n          <\/div>\n        <\/article>\n\n        <article class=\"tb-step-card\">\n          <div class=\"tb-step-number\">3<\/div>\n\n          <div class=\"tb-step-content\">\n            <h3>Fit it without drilling<\/h3>\n            <p>\n              Once delivered, your blind fits securely into the recess without\n              screws, drilling or permanent damage to the surrounding area.\n            <\/p>\n            <ul>\n              <li>No tools<\/li>\n              <li>No screws<\/li>\n              <li>No damage<\/li>\n            <\/ul>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99e8b55 e-con-full e-flex e-con e-parent\" data-id=\"99e8b55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94c3c26 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"94c3c26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TOTAL BLACKOUT \u2014 MEASURING GUIDE SECTION -->\n<section class=\"tb-measure-shell\" id=\"measuring-guide\">\n\n  <style>\n    .tb-measure-shell,\n    .tb-measure-shell * {\n      box-sizing: border-box;\n    }\n\n    .tb-measure-shell {\n      --tb-teal: #087c91;\n      --tb-teal-dark: #075f70;\n      --tb-teal-light: #eaf5f7;\n      --tb-charcoal: #2e2e33;\n      --tb-grey: #626b70;\n      --tb-border: #dce8ea;\n      --tb-white: #ffffff;\n      --tb-soft: #f7fbfc;\n      width: 100%;\n      overflow: hidden;\n      padding: 94px 0 100px;\n      font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      color: var(--tb-charcoal);\n      background:\n        radial-gradient(circle at 92% 12%, rgba(8, 124, 145, 0.08), transparent 30%),\n        linear-gradient(180deg, #f7fbfc 0%, #ffffff 100%);\n    }\n\n    .tb-measure-shell h2,\n    .tb-measure-shell h3,\n    .tb-measure-shell .tb-measure-kicker,\n    .tb-measure-shell .tb-step-number,\n    .tb-measure-shell .tb-button,\n    .tb-measure-shell .tb-warning-title {\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n    }\n\n    .tb-measure-inner {\n      width: min(1220px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    .tb-measure-heading {\n      max-width: 850px;\n      margin: 0 auto 46px;\n      text-align: center;\n    }\n\n    .tb-measure-kicker {\n      display: inline-flex;\n      margin-bottom: 16px;\n      padding: 9px 15px;\n      border: 1px solid rgba(8, 124, 145, 0.2);\n      border-radius: 999px;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 1.1px;\n      text-transform: uppercase;\n    }\n\n    .tb-measure-heading h2 {\n      margin: 0;\n      color: var(--tb-charcoal);\n      font-size: clamp(34px, 4.3vw, 56px);\n      font-weight: 700;\n      line-height: 1.08;\n      letter-spacing: -1.7px;\n    }\n\n    .tb-measure-heading h2 span {\n      color: var(--tb-teal);\n    }\n\n    .tb-measure-heading p {\n      max-width: 720px;\n      margin: 18px auto 0;\n      color: var(--tb-grey);\n      font-size: 18px;\n      line-height: 1.72;\n    }\n\n    .tb-measure-layout {\n      display: grid;\n      grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);\n      gap: 34px;\n      align-items: stretch;\n    }\n\n    .tb-measure-card {\n      padding: 32px;\n      border: 1px solid var(--tb-border);\n      border-radius: 30px;\n      background: var(--tb-white);\n      box-shadow: 0 24px 58px rgba(21, 64, 70, 0.08);\n    }\n\n    .tb-measure-card h3 {\n      margin: 0 0 18px;\n      color: var(--tb-charcoal);\n      font-size: 29px;\n      line-height: 1.2;\n      letter-spacing: -0.75px;\n    }\n\n    .tb-measure-steps {\n      display: grid;\n      gap: 16px;\n    }\n\n    .tb-measure-step {\n      display: grid;\n      grid-template-columns: 48px minmax(0, 1fr);\n      gap: 14px;\n      align-items: flex-start;\n      padding: 18px;\n      border: 1px solid rgba(8, 124, 145, 0.13);\n      border-radius: 20px;\n      background: var(--tb-soft);\n    }\n\n    .tb-step-number {\n      width: 48px;\n      height: 48px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 15px;\n      background: var(--tb-teal);\n      color: var(--tb-white);\n      font-size: 18px;\n      font-weight: 800;\n      box-shadow: 0 12px 24px rgba(8, 124, 145, 0.2);\n    }\n\n    .tb-measure-step strong {\n      display: block;\n      margin: 2px 0 6px;\n      color: var(--tb-charcoal);\n      font-size: 17px;\n      line-height: 1.35;\n    }\n\n    .tb-measure-step span {\n      display: block;\n      color: var(--tb-grey);\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .tb-warning-box {\n      margin-top: 20px;\n      padding: 20px 22px;\n      border: 1px solid rgba(8, 124, 145, 0.16);\n      border-radius: 22px;\n      background: var(--tb-teal-light);\n    }\n\n    .tb-warning-title {\n      display: block;\n      margin-bottom: 7px;\n      color: var(--tb-teal-dark);\n      font-size: 16px;\n      font-weight: 800;\n      line-height: 1.35;\n    }\n\n    .tb-warning-box p {\n      margin: 0;\n      color: var(--tb-grey);\n      font-size: 15px;\n      line-height: 1.65;\n    }\n\n    .tb-measure-image-card {\n      position: relative;\n      min-height: 100%;\n      padding: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid var(--tb-border);\n      border-radius: 30px;\n      background: var(--tb-white);\n      box-shadow: 0 24px 58px rgba(21, 64, 70, 0.08);\n      overflow: hidden;\n    }\n\n    .tb-measure-image-card::before {\n      content: \"\";\n      position: absolute;\n      top: -120px;\n      right: -120px;\n      width: 260px;\n      height: 260px;\n      border-radius: 50%;\n      background: rgba(8, 124, 145, 0.08);\n    }\n\n    .tb-measure-image-card img {\n      position: relative;\n      z-index: 2;\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 22px;\n      box-shadow: 0 12px 30px rgba(19, 61, 67, 0.08);\n    }\n\n    .tb-measure-bottom {\n      margin-top: 28px;\n      padding: 28px;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      gap: 20px;\n      align-items: center;\n      border-radius: 28px;\n      background: var(--tb-charcoal);\n      color: var(--tb-white);\n    }\n\n    .tb-measure-bottom h3 {\n      margin: 0 0 7px;\n      color: var(--tb-white);\n      font-size: 25px;\n      line-height: 1.25;\n      letter-spacing: -0.6px;\n    }\n\n    .tb-measure-bottom p {\n      margin: 0;\n      max-width: 760px;\n      color: rgba(255, 255, 255, 0.82);\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .tb-button {\n      display: inline-flex;\n      min-height: 54px;\n      padding: 0 28px;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--tb-teal);\n      border-radius: 999px;\n      background: var(--tb-teal);\n      color: var(--tb-white);\n      font-size: 15px;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: 0.2px;\n      text-align: center;\n      text-decoration: none;\n      white-space: nowrap;\n      transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        transform 0.2s ease;\n    }\n\n    .tb-button:hover {\n      background: var(--tb-teal-dark);\n      border-color: var(--tb-teal-dark);\n      color: var(--tb-white);\n      transform: translateY(-1px);\n    }\n\n    @media (max-width: 980px) {\n      .tb-measure-shell {\n        padding: 76px 0 82px;\n      }\n\n      .tb-measure-layout {\n        grid-template-columns: 1fr;\n      }\n\n      .tb-measure-bottom {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n\n      .tb-measure-bottom p {\n        margin: 0 auto;\n      }\n\n      .tb-button {\n        width: 100%;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .tb-measure-shell {\n        padding: 62px 0 68px;\n      }\n\n      .tb-measure-inner {\n        width: min(100% - 30px, 1220px);\n      }\n\n      .tb-measure-heading {\n        margin-bottom: 32px;\n      }\n\n      .tb-measure-heading p {\n        font-size: 16.5px;\n      }\n\n      .tb-measure-card,\n      .tb-measure-image-card {\n        padding: 20px;\n        border-radius: 24px;\n      }\n\n      .tb-measure-card h3 {\n        font-size: 24px;\n      }\n\n      .tb-measure-step {\n        grid-template-columns: 1fr;\n        padding: 17px;\n      }\n\n      .tb-step-number {\n        width: 44px;\n        height: 44px;\n      }\n\n      .tb-measure-bottom {\n        margin-top: 20px;\n        padding: 24px 20px;\n        border-radius: 23px;\n      }\n\n      .tb-measure-bottom h3 {\n        font-size: 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"tb-measure-inner\">\n\n    <div class=\"tb-measure-heading\">\n      <div class=\"tb-measure-kicker\">Measuring guide<\/div>\n\n      <h2>\n        Measure once. Use the smallest size. <span>We do the rest.<\/span>\n      <\/h2>\n\n      <p>\n        Accurate recess measurements help us make your blind fit neatly inside the\n        window opening without rubbing or leaving unwanted gaps.\n      <\/p>\n    <\/div>\n\n    <div class=\"tb-measure-layout\">\n\n      <div class=\"tb-measure-card\">\n        <h3>How to measure your recess<\/h3>\n\n        <div class=\"tb-measure-steps\">\n\n          <div class=\"tb-measure-step\">\n            <div class=\"tb-step-number\">1<\/div>\n            <div>\n              <strong>Measure the width in 3 places<\/strong>\n              <span>Measure across the top, centre and bottom of the recess.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"tb-measure-step\">\n            <div class=\"tb-step-number\">2<\/div>\n            <div>\n              <strong>Measure the height in 3 places<\/strong>\n              <span>Measure down the left, centre and right side of the recess.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"tb-measure-step\">\n            <div class=\"tb-step-number\">3<\/div>\n            <div>\n              <strong>Use the smallest measurement<\/strong>\n              <span>Use the smallest width and smallest height when placing your order.<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tb-warning-box\">\n          <span class=\"tb-warning-title\">We make a small deduction for fit.<\/span>\n          <p>\n            This helps ensure the blind sits neatly inside the recess without catching,\n            rubbing or being too tight.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tb-measure-image-card\">\n        <img decoding=\"async\"\n          src=\"https:\/\/pub-998ad047fbcd4cfe8b9ad447ac779535.r2.dev\/totalblackout-measuring-guide.png\"\n          alt=\"Total Blackout measuring guide showing width and height measurement points\">\n      <\/div>\n\n    <\/div>\n\n    <div class=\"tb-measure-bottom\">\n      <div>\n        <h3>Unsure about your measurements?<\/h3>\n        <p>\n          Follow the guide carefully and always use the smallest measurements.\n          This gives the best chance of a clean, accurate recess fit.\n        <\/p>\n      <\/div>\n\n      <a class=\"tb-button\" href=\"#order-your-blind\">\n        Order Your Blind\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-158d66b e-con-full e-flex e-con e-parent\" data-id=\"158d66b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e966c71 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e966c71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TOTAL BLACKOUT \u2014 FAQ SECTION -->\n<section class=\"tb-faq-shell\" id=\"faqs\">\n\n  <style>\n    .tb-faq-shell,\n    .tb-faq-shell * {\n      box-sizing: border-box;\n    }\n\n    .tb-faq-shell {\n      --tb-teal: #087c91;\n      --tb-teal-dark: #075f70;\n      --tb-teal-light: #eaf5f7;\n      --tb-charcoal: #2e2e33;\n      --tb-grey: #626b70;\n      --tb-border: #dce8ea;\n      --tb-white: #ffffff;\n      --tb-soft: #f7fbfc;\n      width: 100%;\n      overflow: hidden;\n      padding: 94px 0 100px;\n      font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      color: var(--tb-charcoal);\n      background: var(--tb-white);\n    }\n\n    .tb-faq-shell h2,\n    .tb-faq-shell h3,\n    .tb-faq-shell .tb-faq-kicker,\n    .tb-faq-shell .tb-button,\n    .tb-faq-shell summary {\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n    }\n\n    .tb-faq-inner {\n      width: min(1220px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    .tb-faq-layout {\n      display: grid;\n      grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);\n      gap: 54px;\n      align-items: flex-start;\n    }\n\n    .tb-faq-kicker {\n      display: inline-flex;\n      margin-bottom: 16px;\n      padding: 9px 15px;\n      border: 1px solid rgba(8, 124, 145, 0.2);\n      border-radius: 999px;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 1.1px;\n      text-transform: uppercase;\n    }\n\n    .tb-faq-copy h2 {\n      margin: 0;\n      color: var(--tb-charcoal);\n      font-size: clamp(34px, 4.3vw, 56px);\n      font-weight: 700;\n      line-height: 1.08;\n      letter-spacing: -1.7px;\n    }\n\n    .tb-faq-copy h2 span {\n      color: var(--tb-teal);\n    }\n\n    .tb-faq-copy p {\n      max-width: 530px;\n      margin: 20px 0 0;\n      color: var(--tb-grey);\n      font-size: 18px;\n      line-height: 1.72;\n    }\n\n    .tb-faq-help-card {\n      margin-top: 30px;\n      padding: 28px;\n      border-radius: 28px;\n      background:\n        radial-gradient(circle at 92% 12%, rgba(255,255,255,0.18), transparent 28%),\n        linear-gradient(135deg, var(--tb-teal-dark), var(--tb-teal));\n      color: var(--tb-white);\n      overflow: hidden;\n    }\n\n    .tb-faq-help-card h3 {\n      margin: 0 0 9px;\n      color: var(--tb-white);\n      font-size: 25px;\n      line-height: 1.25;\n      letter-spacing: -0.6px;\n    }\n\n    .tb-faq-help-card p {\n      margin: 0 0 20px;\n      color: rgba(255, 255, 255, 0.84);\n      font-size: 15.5px;\n      line-height: 1.65;\n    }\n\n    .tb-button {\n      display: inline-flex;\n      min-height: 54px;\n      padding: 0 26px;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--tb-white);\n      border-radius: 999px;\n      background: var(--tb-white);\n      color: var(--tb-teal-dark);\n      font-size: 14px;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: 0.2px;\n      text-align: center;\n      text-decoration: none;\n      transition:\n        background 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease;\n    }\n\n    .tb-button:hover {\n      background: transparent;\n      color: var(--tb-white);\n      transform: translateY(-1px);\n    }\n\n    .tb-faq-list {\n      display: grid;\n      gap: 14px;\n    }\n\n    .tb-faq-item {\n      border: 1px solid var(--tb-border);\n      border-radius: 22px;\n      background: var(--tb-soft);\n      overflow: hidden;\n      box-shadow: 0 15px 38px rgba(21, 64, 70, 0.05);\n    }\n\n    .tb-faq-item summary {\n      position: relative;\n      min-height: 76px;\n      padding: 24px 66px 24px 24px;\n      display: flex;\n      align-items: center;\n      color: var(--tb-charcoal);\n      font-size: 18px;\n      font-weight: 800;\n      line-height: 1.35;\n      cursor: pointer;\n      list-style: none;\n    }\n\n    .tb-faq-item summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .tb-faq-item summary::after {\n      content: \"+\";\n      position: absolute;\n      top: 50%;\n      right: 22px;\n      width: 34px;\n      height: 34px;\n      transform: translateY(-50%);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 24px;\n      font-weight: 700;\n      line-height: 1;\n      transition:\n        transform 0.2s ease,\n        background 0.2s ease,\n        color 0.2s ease;\n    }\n\n    .tb-faq-item[open] summary::after {\n      content: \"\u2013\";\n      background: var(--tb-teal);\n      color: var(--tb-white);\n    }\n\n    .tb-faq-answer {\n      padding: 0 24px 24px;\n      color: var(--tb-grey);\n      font-size: 15.5px;\n      line-height: 1.68;\n    }\n\n    .tb-faq-answer p {\n      margin: 0;\n    }\n\n    .tb-faq-answer strong {\n      color: var(--tb-charcoal);\n    }\n\n    @media (max-width: 980px) {\n      .tb-faq-shell {\n        padding: 76px 0 82px;\n      }\n\n      .tb-faq-layout {\n        grid-template-columns: 1fr;\n        gap: 38px;\n      }\n\n      .tb-faq-copy {\n        max-width: 820px;\n        margin: 0 auto;\n        text-align: center;\n      }\n\n      .tb-faq-copy p {\n        margin-right: auto;\n        margin-left: auto;\n      }\n\n      .tb-faq-help-card {\n        max-width: 620px;\n        margin-right: auto;\n        margin-left: auto;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .tb-faq-shell {\n        padding: 62px 0 68px;\n      }\n\n      .tb-faq-inner {\n        width: min(100% - 30px, 1220px);\n      }\n\n      .tb-faq-copy p {\n        font-size: 16.5px;\n      }\n\n      .tb-faq-help-card {\n        padding: 24px 20px;\n        border-radius: 23px;\n      }\n\n      .tb-button {\n        width: 100%;\n      }\n\n      .tb-faq-item {\n        border-radius: 19px;\n      }\n\n      .tb-faq-item summary {\n        min-height: 68px;\n        padding: 20px 58px 20px 20px;\n        font-size: 16.5px;\n      }\n\n      .tb-faq-item summary::after {\n        right: 18px;\n        width: 30px;\n        height: 30px;\n        font-size: 22px;\n      }\n\n      .tb-faq-answer {\n        padding: 0 20px 21px;\n      }\n    }\n  <\/style>\n\n  <div class=\"tb-faq-inner\">\n\n    <div class=\"tb-faq-layout\">\n\n      <div class=\"tb-faq-copy\">\n        <div class=\"tb-faq-kicker\">FAQs<\/div>\n\n        <h2>\n          Common questions before you <span>place your order.<\/span>\n        <\/h2>\n\n        <p>\n          Everything you need to know about measuring, fitting, materials, colours\n          and how your made-to-measure blind is produced.\n        <\/p>\n\n        <div class=\"tb-faq-help-card\">\n          <h3>Need to check something first?<\/h3>\n          <p>\n            Make sure your recess measurements are accurate and always use the\n            smallest width and height when ordering.\n          <\/p>\n\n          <a class=\"tb-button\" href=\"#measuring-guide\">\n            View Measuring Guide\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"tb-faq-list\">\n\n        <details class=\"tb-faq-item\" open>\n          <summary>Do I need to drill into my window or wall?<\/summary>\n          <div class=\"tb-faq-answer\">\n            <p>\n              No. Total Blackout uses a no-drill fitting system designed to sit\n              securely inside the window recess without screws, drilling or permanent\n              damage.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"tb-faq-item\">\n          <summary>How do I measure for my blind?<\/summary>\n          <div class=\"tb-faq-answer\">\n            <p>\n              Measure the width in three places: <strong>top, centre and bottom<\/strong>.\n              Then measure the height in three places: <strong>left, centre and right<\/strong>.\n              Use the smallest width and smallest height when placing your order.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"tb-faq-item\">\n          <summary>Will you make a deduction from my measurements?<\/summary>\n          <div class=\"tb-faq-answer\">\n            <p>\n              Yes. We make a small deduction to help ensure the blind fits neatly\n              inside the recess without rubbing, catching or being too tight.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"tb-faq-item\">\n          <summary>What colours are available?<\/summary>\n          <div class=\"tb-faq-answer\">\n            <p>\n              The blind is available in <strong>black<\/strong> or <strong>white<\/strong>.\n              Both options use the same no-drill, made-to-measure blackout system.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"tb-faq-item\">\n          <summary>What is the blind made from?<\/summary>\n          <div class=\"tb-faq-answer\">\n            <p>\n              The blind is made using aluminium and polyester materials, with a\n              honeycomb cellular structure designed for blackout, thermal comfort\n              and everyday durability.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"tb-faq-item\">\n          <summary>Can I choose the opening direction?<\/summary>\n          <div class=\"tb-faq-answer\">\n            <p>\n              Yes. You can choose from left-to-right opening, right-to-left opening\n              or up-and-down opening, depending on your window and how you want to\n              use the blind.\n            <\/p>\n          <\/div>\n        <\/details>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4a8816 e-con-full e-flex e-con e-parent\" data-id=\"e4a8816\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc7a49 elementor-widget elementor-widget-html\" data-id=\"4cc7a49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TOTAL BLACKOUT \u2014 FINAL CTA \/ ORDER SECTION -->\n<section class=\"tb-order-shell\" id=\"order-your-blind\">\n\n  <style>\n    .tb-order-shell,\n    .tb-order-shell * {\n      box-sizing: border-box;\n    }\n\n    .tb-order-shell {\n      --tb-teal: #087c91;\n      --tb-teal-dark: #075f70;\n      --tb-teal-light: #eaf5f7;\n      --tb-charcoal: #2e2e33;\n      --tb-grey: #626b70;\n      --tb-border: #dce8ea;\n      --tb-white: #ffffff;\n      --tb-soft: #f7fbfc;\n      width: 100%;\n      overflow: hidden;\n      padding: 94px 0 100px;\n      font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      color: var(--tb-charcoal);\n      background:\n        radial-gradient(circle at 12% 18%, rgba(8, 124, 145, 0.10), transparent 28%),\n        linear-gradient(180deg, #ffffff 0%, #f7fbfc 100%);\n    }\n\n    .tb-order-shell h2,\n    .tb-order-shell h3,\n    .tb-order-shell .tb-order-kicker,\n    .tb-order-shell .tb-button,\n    .tb-order-shell .tb-order-mini strong {\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n    }\n\n    .tb-order-inner {\n      width: min(1220px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    .tb-order-panel {\n      position: relative;\n      display: grid;\n      grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr);\n      gap: 48px;\n      align-items: center;\n      padding: 54px;\n      border-radius: 38px;\n      background:\n        radial-gradient(circle at 92% 12%, rgba(255,255,255,0.18), transparent 26%),\n        linear-gradient(135deg, var(--tb-charcoal) 0%, #243f45 48%, var(--tb-teal-dark) 100%);\n      color: var(--tb-white);\n      overflow: hidden;\n      box-shadow: 0 30px 75px rgba(21, 64, 70, 0.17);\n    }\n\n    .tb-order-panel::before {\n      content: \"\";\n      position: absolute;\n      right: -170px;\n      bottom: -190px;\n      width: 430px;\n      height: 430px;\n      border: 76px solid rgba(255, 255, 255, 0.06);\n      border-radius: 50%;\n    }\n\n    .tb-order-panel::after {\n      content: \"\";\n      position: absolute;\n      top: -130px;\n      left: -120px;\n      width: 280px;\n      height: 280px;\n      border-radius: 50%;\n      background: rgba(8, 124, 145, 0.18);\n    }\n\n    .tb-order-copy,\n    .tb-order-visual {\n      position: relative;\n      z-index: 2;\n    }\n\n    .tb-order-kicker {\n      display: inline-flex;\n      margin-bottom: 18px;\n      padding: 9px 15px;\n      border: 1px solid rgba(255, 255, 255, 0.28);\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.12);\n      color: var(--tb-white);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 1.1px;\n      text-transform: uppercase;\n    }\n\n    .tb-order-copy h2 {\n      margin: 0;\n      color: var(--tb-white);\n      font-size: clamp(36px, 4.7vw, 62px);\n      font-weight: 700;\n      line-height: 1.06;\n      letter-spacing: -2px;\n    }\n\n    .tb-order-copy h2 span {\n      color: #bfeef4;\n    }\n\n    .tb-order-copy p {\n      max-width: 650px;\n      margin: 22px 0 0;\n      color: rgba(255, 255, 255, 0.84);\n      font-size: 18px;\n      line-height: 1.72;\n    }\n\n    .tb-order-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 13px;\n      margin-top: 31px;\n    }\n\n    .tb-button {\n      display: inline-flex;\n      min-height: 56px;\n      padding: 0 30px;\n      align-items: center;\n      justify-content: center;\n      border: 2px solid var(--tb-white);\n      border-radius: 999px;\n      background: var(--tb-white);\n      color: var(--tb-teal-dark);\n      font-size: 15px;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: 0.2px;\n      text-align: center;\n      text-decoration: none;\n      transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease;\n    }\n\n    .tb-button:hover {\n      background: transparent;\n      color: var(--tb-white);\n      transform: translateY(-1px);\n    }\n\n    .tb-button-secondary {\n      background: transparent;\n      color: var(--tb-white);\n    }\n\n    .tb-button-secondary:hover {\n      background: rgba(255, 255, 255, 0.12);\n      color: var(--tb-white);\n    }\n\n    .tb-order-mini-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 12px;\n      margin-top: 34px;\n    }\n\n    .tb-order-mini {\n      min-height: 82px;\n      padding: 15px 14px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.22);\n      border-radius: 18px;\n      background: rgba(255, 255, 255, 0.10);\n    }\n\n    .tb-order-mini strong {\n      display: block;\n      color: var(--tb-white);\n      font-size: 14px;\n      line-height: 1.3;\n    }\n\n    .tb-order-mini span {\n      display: block;\n      color: rgba(255, 255, 255, 0.74);\n      font-size: 12px;\n      line-height: 1.35;\n    }\n\n    .tb-order-visual-card {\n      position: relative;\n      padding: 22px;\n      border: 1px solid rgba(255, 255, 255, 0.18);\n      border-radius: 30px;\n      background: rgba(255, 255, 255, 0.12);\n      backdrop-filter: blur(10px);\n      box-shadow: 0 24px 58px rgba(0, 0, 0, 0.16);\n    }\n\n    .tb-order-visual-card img {\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 22px;\n    }\n\n    .tb-order-badge {\n      position: absolute;\n      top: 40px;\n      right: 40px;\n      z-index: 3;\n      min-width: 118px;\n      padding: 13px 15px;\n      border-radius: 15px;\n      background: var(--tb-white);\n      color: var(--tb-teal-dark);\n      text-align: center;\n      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);\n    }\n\n    .tb-order-badge strong {\n      display: block;\n      font-family: \"Century Gothic\", \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n      font-size: 18px;\n      line-height: 1;\n    }\n\n    .tb-order-badge span {\n      display: block;\n      margin-top: 5px;\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.8px;\n      text-transform: uppercase;\n    }\n\n    .tb-order-checklist {\n      margin: 18px 0 0;\n      padding: 20px;\n      border-radius: 22px;\n      background: rgba(255, 255, 255, 0.96);\n      color: var(--tb-charcoal);\n    }\n\n    .tb-order-checklist h3 {\n      margin: 0 0 12px;\n      color: var(--tb-charcoal);\n      font-size: 20px;\n      line-height: 1.25;\n      letter-spacing: -0.45px;\n    }\n\n    .tb-order-checklist ul {\n      display: grid;\n      gap: 10px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .tb-order-checklist li {\n      display: flex;\n      gap: 9px;\n      align-items: flex-start;\n      color: var(--tb-grey);\n      font-size: 14px;\n      line-height: 1.45;\n    }\n\n    .tb-order-checklist li span {\n      width: 20px;\n      height: 20px;\n      flex: 0 0 20px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: var(--tb-teal-light);\n      color: var(--tb-teal-dark);\n      font-size: 11px;\n      font-weight: 900;\n    }\n\n    @media (max-width: 1020px) {\n      .tb-order-shell {\n        padding: 76px 0 82px;\n      }\n\n      .tb-order-panel {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .tb-order-copy {\n        max-width: 820px;\n        margin: 0 auto;\n        text-align: center;\n      }\n\n      .tb-order-actions {\n        justify-content: center;\n      }\n\n      .tb-order-visual {\n        width: min(100%, 620px);\n        margin: 0 auto;\n      }\n    }\n\n    @media (max-width: 700px) {\n      .tb-order-shell {\n        padding: 62px 0 68px;\n      }\n\n      .tb-order-inner {\n        width: min(100% - 30px, 1220px);\n      }\n\n      .tb-order-panel {\n        padding: 30px 20px;\n        border-radius: 28px;\n      }\n\n      .tb-order-copy h2 {\n        font-size: clamp(34px, 11vw, 50px);\n        letter-spacing: -1.4px;\n      }\n\n      .tb-order-copy p {\n        font-size: 16.5px;\n      }\n\n      .tb-order-actions {\n        display: grid;\n        grid-template-columns: 1fr;\n      }\n\n      .tb-button {\n        width: 100%;\n      }\n\n      .tb-order-mini-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .tb-order-visual-card {\n        padding: 12px;\n        border-radius: 23px;\n      }\n\n      .tb-order-visual-card img {\n        border-radius: 17px;\n      }\n\n      .tb-order-badge {\n        position: static;\n        width: 100%;\n        margin-top: 12px;\n        border-radius: 14px;\n      }\n\n      .tb-order-checklist {\n        padding: 18px;\n        border-radius: 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"tb-order-inner\">\n\n    <div class=\"tb-order-panel\">\n\n      <div class=\"tb-order-copy\">\n        <div class=\"tb-order-kicker\">Ready to order?<\/div>\n\n        <h2>\n          Create a darker, calmer room with <span>Total Blackout.<\/span>\n        <\/h2>\n\n        <p>\n          Choose your colour, opening direction and made-to-measure size. Your blind\n          is then produced to fit your window recess and installed without drilling.\n        <\/p>\n\n        <div class=\"tb-order-actions\">\n          <a class=\"tb-button\" href=\"#\">\n            Order Your Blind\n          <\/a>\n\n          <a class=\"tb-button tb-button-secondary\" href=\"#measuring-guide\">\n            Check Measurements\n          <\/a>\n        <\/div>\n\n        <div class=\"tb-order-mini-grid\">\n\n          <div class=\"tb-order-mini\">\n            <strong>100% blackout<\/strong>\n            <span>Designed for total darkness<\/span>\n          <\/div>\n\n          <div class=\"tb-order-mini\">\n            <strong>No-drill fitting<\/strong>\n            <span>No screws or damage<\/span>\n          <\/div>\n\n          <div class=\"tb-order-mini\">\n            <strong>Made to measure<\/strong>\n            <span>Built to your recess size<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"tb-order-visual\">\n\n        <div class=\"tb-order-visual-card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/pub-998ad047fbcd4cfe8b9ad447ac779535.r2.dev\/totalblackout-black-blind-angle.png\"\n            alt=\"Black made-to-measure Total Blackout honeycomb blind\">\n\n          <div class=\"tb-order-badge\">\n            <strong>5 min<\/strong>\n            <span>No-drill fit<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"tb-order-checklist\">\n          <h3>Before ordering, confirm:<\/h3>\n\n          <ul>\n            <li><span>\u2713<\/span>Your smallest recess width measurement<\/li>\n            <li><span>\u2713<\/span>Your smallest recess height measurement<\/li>\n            <li><span>\u2713<\/span>Your chosen colour and opening direction<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\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>Made to measure in the UK Total darkness. Perfect fit. No drilling. Made-to-measure blackout honeycomb blinds designed to block out light, retain temperature and reduce outside noise \u2014 fitted securely without drilling or damaging your window. Order Your Blind View Measuring Guide \u25cf 100% Blackout Edge-to-edge darkness 5 5-Minute Fitting No screws or drilling \u2194 [&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":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/totalblackout.co.uk\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/totalblackout.co.uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/totalblackout.co.uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/totalblackout.co.uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/totalblackout.co.uk\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":5,"href":"https:\/\/totalblackout.co.uk\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/totalblackout.co.uk\/wp-json\/wp\/v2\/pages\/8\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/totalblackout.co.uk\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}