{"id":4400,"date":"2026-05-01T18:39:29","date_gmt":"2026-05-01T18:39:29","guid":{"rendered":"https:\/\/kitcheniquecabinetry.com\/?page_id=4400"},"modified":"2026-06-19T09:12:41","modified_gmt":"2026-06-19T13:12:41","slug":"integrity-cabinets","status":"publish","type":"page","link":"https:\/\/kitcheniquecabinetry.com\/es\/integrity-cabinets\/","title":{"rendered":"Integrity Cabinets"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4400\" class=\"elementor elementor-4400\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26913902 e-flex e-con-boxed e-con e-parent\" data-id=\"26913902\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7901f92 elementor-widget elementor-widget-shortcode\" data-id=\"7901f92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"integrity-shortcode-wrap\" style=\"width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;background:#fff;overflow:hidden;line-height:0;\">\n          <iframe id=\"integrity-frame-143705\" title=\"Integrity Cabinets Door Styles\" loading=\"eager\" scrolling=\"no\" style=\"width:100%;height:420px;min-height:260px;border:0;display:block;background:#fff;overflow:hidden;\" srcdoc=\"&lt;!doctype html&gt;\n&lt;html lang=&quot;en&quot;&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;&lt;title&gt;Integrity Cabinets Door Styles&lt;\/title&gt;&lt;link href=&quot;https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:wght@400;700&amp;family=DM+Sans:wght@300;400;500;600&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;&lt;style&gt;\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{--white:#fff;--off:#faf9f7;--bg:#f5f3ef;--bg2:#ede9e2;--border:#ddd9d2;--border2:#c8c2b8;--text:#18160f;--text2:#6a6258;--text3:#9e9589;--accent:#1a1814}\nhtml,body{min-height:0;height:auto}\nbody{font-family:&#039;DM Sans&#039;,sans-serif;background:var(--off);color:var(--text);overflow-x:hidden;overflow-y:auto}\n.page{display:none}.page.on{display:block}\n.hero{padding:52px 40px 44px;background:linear-gradient(145deg,#15130e,#282217);color:#fff;position:relative;overflow:hidden}\n.hero:after{content:&quot;&quot;;position:absolute;inset:0;background:radial-gradient(ellipse at 78% 45%,rgba(191,151,72,.16),transparent 58%)}\n.hero-inner{position:relative;z-index:1;max-width:760px}.hero-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:12px}\n.hero h1{font-family:&#039;Libre Baskerville&#039;,serif;font-size:42px;font-weight:400;line-height:1.15;margin-bottom:12px}\n.hero p{max-width:650px;color:rgba(255,255,255,.62);font-size:16px;line-height:1.65}\n.filter-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 40px 0}\n.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.ftab{padding:9px 24px;border-radius:24px;border:1.5px solid var(--border2);background:#fff;font:500 14px &#039;DM Sans&#039;;color:var(--text2);cursor:pointer;transition:.2s}\n.ftab:hover{color:var(--text);border-color:var(--text2)}.ftab.on{background:var(--accent);border-color:var(--accent);color:#fff}\n.search{min-width:260px;flex:0 1 340px;border:1.5px solid var(--border2);border-radius:999px;padding:10px 16px;font:14px &#039;DM Sans&#039;;background:#fff;color:var(--text)}\n.filter-count{font-size:13px;color:var(--text3);width:100%;margin-top:2px}\n.door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin:24px 40px 0;border:1px solid var(--border);border-radius:6px;overflow:hidden}\n.dcard{background:#fff;min-height:360px;padding:42px 24px 30px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:.2s}\n.dcard:hover{background:var(--bg)}.dcard:hover .dimg-wrap{transform:translateY(-4px) scale(1.02)}\n.dcard-cat{position:absolute;top:16px;right:16px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}\n.dimg-wrap{width:190px;height:238px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;position:relative;transition:transform .35s cubic-bezier(.34,1.4,.64,1)}\n.dimg-wrap:before{content:&quot;&quot;;position:absolute;left:20px;right:20px;bottom:6px;height:22px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(0,0,0,.13),rgba(0,0,0,.06) 42%,transparent 75%);filter:blur(10px)}\n.dcard-photo{position:relative;z-index:2;max-width:100%;max-height:100%;object-fit:contain;display:block}\n.dcard-name{font-family:&#039;Libre Baskerville&#039;,serif;font-size:21px;font-weight:400;text-align:center;margin-bottom:8px}.dcard-desc{font-size:13px;color:var(--text2);text-align:center;line-height:1.55;max-width:230px}\n.dcard-arrow{margin-top:18px;font-size:12px;color:var(--text3);opacity:0;transition:.2s}.dcard:hover .dcard-arrow{opacity:1}\n.detail-hero{--hero-a:#f5f3ef;--hero-b:#faf9f7;--hero-c:#ede9e2;--hero-glow:rgba(180,140,60,.14);--hero-glow-2:rgba(255,255,255,.55);--hero-card-a:#fff;--hero-card-b:#f5f3ef;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center;min-height:540px;padding:30px 42px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 78% 42%,var(--hero-glow) 0%,transparent 47%),radial-gradient(ellipse at 64% 58%,var(--hero-glow-2) 0%,transparent 58%),linear-gradient(90deg,var(--hero-a) 0%,var(--hero-b) 48%,var(--hero-c) 100%)}\n.detail-hero-copy{max-width:700px}.hero-back{font-size:15px;color:var(--text);cursor:pointer;display:inline-block;margin-bottom:20px}\n.detail-hero-title{font-family:&#039;Libre Baskerville&#039;,serif;font-size:clamp(54px,6.5vw,82px);line-height:.94;letter-spacing:-.04em;margin:0 0 18px;color:var(--text)}\n.detail-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 24px}.btn-o,.btn-f{padding:13px 24px;border-radius:2px;font:14px &#039;DM Sans&#039;;cursor:pointer;white-space:nowrap}\n.btn-o{border:1.5px solid var(--border2);background:transparent;color:var(--text)}.btn-o:hover{border-color:var(--text);background:var(--text);color:#fff}.btn-f{border:1.5px solid var(--accent);background:var(--accent);color:#fff}.btn-f:hover{background:#333}a.btn-f{display:inline-block;text-decoration:none;text-align:center}\n.detail-hero-desc{font-size:18px;line-height:1.55;color:var(--text2);max-width:560px;margin:0 0 24px}.detail-hero-finish{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#b0a287}\n.detail-hero-media{display:flex;justify-content:center}.detail-hero-card{position:relative;width:min(100%,520px);min-height:410px;padding:32px;border-radius:30px;background:radial-gradient(ellipse at 58% 42%,rgba(255,255,255,.72) 0%,rgba(255,255,255,0) 58%),linear-gradient(145deg,var(--hero-card-a) 0%,var(--hero-card-b) 100%);box-shadow:0 30px 60px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center}\n.detail-hero-card:before{content:&quot;&quot;;position:absolute;inset:0;border-radius:30px;background:radial-gradient(ellipse at 78% 45%,var(--hero-glow) 0%,transparent 48%),radial-gradient(ellipse at 28% 70%,rgba(255,255,255,.62) 0%,transparent 55%);pointer-events:none}\n.detail-hero-img{position:relative;z-index:2;display:block;margin:0 auto;max-height:370px;max-width:84%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.13))}\n.detail-body{display:flex;min-height:0;background:#fff}.d-left{width:340px;flex-shrink:0;border-right:1px solid var(--border);background:#fff;display:flex;flex-direction:column;align-items:center;padding:36px 28px 28px;gap:20px;position:sticky;top:0;height:fit-content;overflow:visible}\n.big-door-wrap{width:220px;height:300px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 12px 32px rgba(0,0,0,.14)) drop-shadow(0 3px 8px rgba(0,0,0,.08))}\n.big-door-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}\n.d-door-name{font-family:&#039;Libre Baskerville&#039;,serif;font-size:22px;font-weight:400;text-align:center;color:var(--text)}.d-color-name{font-size:13px;color:var(--text2);text-align:center;margin-top:3px}\n.d-specs{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}.spec-b{background:var(--bg2);border-radius:4px;padding:10px 12px}.spec-b .sl{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text3)}.spec-b .sv{font-size:13px;font-weight:500;color:var(--text);margin-top:3px}\n.d-right{flex:1;padding:32px 40px 0;overflow:visible}.sec-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:16px}\n.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin-bottom:18px}.ccrd{border-radius:5px;overflow:hidden;border:1.5px solid var(--border);cursor:pointer;transition:.18s;background:#fff}.ccrd:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.ccrd.on{border-width:2.5px;border-color:var(--accent)}\n.csw{height:150px;position:relative;background:linear-gradient(180deg,#fff,#f3f1ed);display:flex;align-items:center;justify-content:center;overflow:hidden}.cimg{max-width:82%;max-height:142px;width:auto;height:auto;object-fit:contain}.cchk{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0}.ccrd.on .cchk{opacity:1}\n.cinf{padding:8px 10px;border-top:1px solid var(--border)}.cn{font-size:12px;font-weight:600;color:var(--text);line-height:1.25}.cs{font-size:11px;color:var(--text3);margin-top:1px}\n.d-cta{margin-top:8px;padding:18px 0 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.cta-sel{display:flex;align-items:center;gap:12px}.cta-img{width:38px;height:38px;object-fit:cover;background:#f4f1ec;border:1px solid var(--border);border-radius:4px}.ct-label{font-size:11px;color:var(--text3)}.ct-val{font-size:14px;font-weight:500;color:var(--text);margin-top:2px}\n.light-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(380px,1.28fr);gap:34px;align-items:center;padding:82px 64px;background:#fff;border-top:1px solid var(--border);overflow:hidden}.light-copy h2{font-family:&#039;Libre Baskerville&#039;,serif;font-size:56px;line-height:1.05;font-weight:400;letter-spacing:-.04em;margin-bottom:24px;color:var(--text)}.light-copy p{font-size:18px;line-height:1.65;color:var(--text2);max-width:500px;margin-bottom:28px}.light-tabs{display:inline-flex;gap:4px;padding:5px;border:2px solid var(--accent);border-radius:13px;background:rgba(255,255,255,.72);margin-bottom:26px}.light-tab{border:0;background:transparent;border-radius:9px;padding:10px 15px;font-family:&#039;DM Sans&#039;;font-size:14px;font-weight:500;color:var(--text2);cursor:pointer}.light-tab.on{background:var(--accent);color:#fff}.light-note{font-size:14px!important;color:var(--text2)!important;margin:0!important;max-width:560px!important}.light-visual{min-height:470px;display:flex;align-items:center;justify-content:center}.light-door-img{max-width:100%;max-height:470px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(0,0,0,.13));transition:.25s}.light-section[data-light=&quot;neutral&quot;] .light-door-img{filter:brightness(.96) saturate(.92) drop-shadow(0 22px 36px rgba(0,0,0,.15))}.light-section[data-light=&quot;warm&quot;] .light-door-img{filter:sepia(.18) saturate(.96) brightness(.97) drop-shadow(0 22px 36px rgba(0,0,0,.15))}.light-section[data-light=&quot;daylight&quot;] .light-door-img{filter:brightness(1.04) saturate(1.02) drop-shadow(0 22px 36px rgba(0,0,0,.16))}\n@media(max-width:1100px){.door-grid{grid-template-columns:repeat(3,1fr)}.detail-hero{grid-template-columns:1fr;min-height:auto;padding:28px 24px 30px}.detail-hero-card{width:min(100%,460px);min-height:360px;padding:24px}.detail-hero-img{max-height:330px}}@media(max-width:800px){.door-grid{grid-template-columns:repeat(2,1fr)}.detail-body{display:block}.d-left{position:relative;width:100%;border-right:0;border-bottom:1px solid var(--border)}.d-right{padding:28px 18px 0}.col-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.light-section{grid-template-columns:1fr;padding:58px 28px}.light-copy h2{font-size:46px}}@media(max-width:620px){.hero{padding:34px 18px}.hero h1{font-size:34px}.filter-wrap{padding:22px 18px 0;align-items:stretch}.filter-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.ftab{flex:0 0 auto}.search{min-width:0;flex:1 1 100%}.door-grid{grid-template-columns:1fr;margin:16px 14px 0}.dcard{min-height:330px;padding:34px 18px 28px}.dimg-wrap{width:170px;height:220px}.detail-hero{padding:22px 16px 26px}.detail-hero-title{font-size:46px}.detail-hero-card{min-height:310px;padding:18px}.detail-hero-img{max-height:280px;max-width:90%}.col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csw{height:130px}.d-cta{align-items:stretch}.d-cta&gt;div:last-child{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.btn-o,.btn-f{width:100%;padding:11px 8px}.light-section{padding:42px 18px}.light-copy h2{font-size:38px}.light-tabs{display:flex;width:100%;justify-content:space-between}.light-tab{flex:1;padding:10px 8px}.light-door-img{max-height:300px}}\n\n\/* \u2500\u2500 INTEGRITY CATEGORY LANDING LIKE OFFICIAL PAGE \u2500\u2500 *\/\n.category-landing{\n  padding:42px 40px 0;\n  background:var(--off);\n}\n.category-title{\n  font-family:&#039;Libre Baskerville&#039;,serif;\n  font-size:34px;\n  font-weight:400;\n  color:var(--text);\n  margin-bottom:8px;\n}\n.category-subtitle{\n  font-size:15px;\n  color:var(--text2);\n  line-height:1.6;\n  max-width:720px;\n  margin-bottom:24px;\n}\n.category-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:1px;\n  background:var(--border);\n  border:1px solid var(--border);\n  border-radius:7px;\n  overflow:hidden;\n}\n.category-card{\n  min-height:430px;\n  background:#fff;\n  cursor:pointer;\n  position:relative;\n  overflow:hidden;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  padding:30px;\n  transition:background .22s ease;\n}\n.category-card:hover{\n  background:var(--bg);\n}\n.category-card::before{\n  content:&quot;&quot;;\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,rgba(255,255,255,0) 35%,rgba(0,0,0,.52) 100%);\n  z-index:2;\n}\n.category-card-img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  transition:transform .5s ease;\n  z-index:1;\n}\n.category-card:hover .category-card-img{\n  transform:scale(1.045);\n}\n.category-card-content{\n  position:relative;\n  z-index:3;\n  color:#fff;\n}\n.category-card-kicker{\n  font-size:11px;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  opacity:.65;\n  margin-bottom:8px;\n}\n.category-card-title{\n  font-family:&#039;Libre Baskerville&#039;,serif;\n  font-size:34px;\n  line-height:1.08;\n  font-weight:400;\n  margin-bottom:10px;\n}\n.category-card-count{\n  font-size:14px;\n  opacity:.82;\n}\n.category-page-head{\n  padding:28px 40px 0;\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-end;\n  gap:18px;\n  flex-wrap:wrap;\n}\n.category-back{\n  border:0;\n  background:transparent;\n  font:14px &#039;DM Sans&#039;;\n  color:var(--text2);\n  cursor:pointer;\n  margin-bottom:14px;\n  padding:0;\n}\n.category-back:hover{color:var(--text)}\n.category-page-title{\n  font-family:&#039;Libre Baskerville&#039;,serif;\n  font-size:36px;\n  line-height:1.1;\n  font-weight:400;\n  color:var(--text);\n}\n.category-page-copy{\n  font-size:14px;\n  color:var(--text2);\n  margin-top:8px;\n  max-width:620px;\n}\n.category-search{\n  min-width:260px;\n  flex:0 1 340px;\n  border:1.5px solid var(--border2);\n  border-radius:999px;\n  padding:10px 16px;\n  font:14px &#039;DM Sans&#039;;\n  background:#fff;\n  color:var(--text);\n}\n#listPage.category-mode .filter-wrap{\n  display:none !important;\n}\n#listPage.category-mode .hero{\n  display:block;\n}\n#categoryPage{\n  display:none;\n}\n#categoryPage.on{\n  display:block;\n}\n#categoryPage .door-grid{\n  margin-top:24px;\n}\n@media(max-width:900px){\n  .category-grid{grid-template-columns:1fr}\n  .category-card{min-height:320px}\n}\n@media(max-width:620px){\n  .category-landing{padding:28px 16px 0}\n  .category-title{font-size:29px}\n  .category-card{min-height:280px;padding:24px}\n  .category-card-title{font-size:30px}\n  .category-page-head{padding:24px 16px 0;align-items:stretch}\n  .category-search{min-width:0;width:100%;flex:1 1 100%}\n  #categoryPage .door-grid{margin:18px 14px 0}\n}\n\n\n\/* \u2500\u2500 CATEGORY LANDING CLEAN CARD FIX \u2500\u2500 *\/\n.category-landing{\n  padding:34px 40px 0 !important;\n}\n.category-title{\n  font-size:32px !important;\n}\n.category-subtitle{\n  margin-bottom:22px !important;\n}\n.category-grid{\n  grid-template-columns:repeat(3,minmax(0,1fr)) !important;\n  gap:1px !important;\n  background:var(--border) !important;\n}\n.category-card{\n  min-height:390px !important;\n  padding:28px !important;\n  background:#fff !important;\n  justify-content:flex-end !important;\n}\n.category-card::before{\n  background:linear-gradient(180deg,rgba(255,255,255,0) 35%,rgba(0,0,0,.55) 100%) !important;\n}\n.category-card-img{\n  width:100% !important;\n  height:100% !important;\n  object-fit:contain !important;\n  object-position:center 42% !important;\n  padding:34px 36px 96px !important;\n  background:\n    radial-gradient(ellipse at center, rgba(0,0,0,.08), transparent 58%),\n    #fff !important;\n}\n.category-card:hover .category-card-img{\n  transform:scale(1.025) !important;\n}\n.category-card-content{\n  text-shadow:0 2px 12px rgba(0,0,0,.32) !important;\n}\n.category-card-title{\n  font-size:30px !important;\n}\n@media(max-width:900px){\n  .category-grid{\n    grid-template-columns:1fr !important;\n  }\n  .category-card{\n    min-height:310px !important;\n  }\n  .category-card-img{\n    padding:26px 28px 86px !important;\n  }\n}\n@media(max-width:620px){\n  .category-landing{\n    padding:24px 14px 0 !important;\n  }\n  .category-card{\n    min-height:280px !important;\n    padding:22px !important;\n  }\n  .category-card-img{\n    padding:22px 22px 82px !important;\n  }\n  .category-card-title{\n    font-size:28px !important;\n  }\n}\n\n\/* \u2500\u2500 IFRAME \/ PREVIEW SCROLL SAFETY \u2500\u2500 *\/\nhtml,body{\n  overflow-y:auto !important;\n  height:auto !important;\n  min-height:0 !important;\n}\n#listPage,#categoryPage,#detailPage{\n  min-height:0 !important;\n  padding-bottom:0 !important;\n  margin-bottom:0 !important;\n}\n\n&lt;\/style&gt;&lt;script&gt;window.INTEGRITY_CARD_IMAGE_OVERRIDES = [];&lt;\/script&gt;n&lt;\/head&gt;\n&lt;body&gt;\n\n&lt;div class=&quot;page on category-mode&quot; id=&quot;listPage&quot;&gt;\n  &lt;div class=&quot;hero&quot;&gt;\n    &lt;div class=&quot;hero-inner&quot;&gt;\n      &lt;div class=&quot;hero-eyebrow&quot;&gt;Integrity Cabinets&lt;\/div&gt;\n      &lt;h1&gt;Door Styles&lt;\/h1&gt;\n      &lt;p&gt;Explore Integrity door styles by category, just like the official Integrity door styles page.&lt;\/p&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n\n  &lt;section class=&quot;category-landing&quot;&gt;\n    &lt;h2 class=&quot;category-title&quot;&gt;Integrity Door Styles&lt;\/h2&gt;\n    &lt;p class=&quot;category-subtitle&quot;&gt;Choose a door style family below to browse Shaker, Raised Panel, or Flat Panel doors.&lt;\/p&gt;\n    &lt;div class=&quot;category-grid&quot; id=&quot;categoryGrid&quot;&gt;&lt;\/div&gt;\n  &lt;\/section&gt;\n&lt;\/div&gt;\n\n&lt;div class=&quot;page&quot; id=&quot;categoryPage&quot;&gt;\n  &lt;div class=&quot;category-page-head&quot;&gt;\n    &lt;div&gt;\n      &lt;button class=&quot;category-back&quot; onclick=&quot;showCategoryLanding()&quot;&gt;\u2190 Door style categories&lt;\/button&gt;\n      &lt;h2 class=&quot;category-page-title&quot; id=&quot;categoryPageTitle&quot;&gt;&lt;\/h2&gt;\n      &lt;p class=&quot;category-page-copy&quot; id=&quot;categoryPageCopy&quot;&gt;&lt;\/p&gt;\n    &lt;\/div&gt;\n    &lt;input class=&quot;category-search&quot; id=&quot;categorySearch&quot; type=&quot;search&quot; placeholder=&quot;Search this category...&quot;&gt;\n    &lt;span class=&quot;filter-count&quot; id=&quot;categoryCount&quot;&gt;&lt;\/span&gt;\n  &lt;\/div&gt;\n  &lt;div class=&quot;door-grid&quot; id=&quot;categoryDoorGrid&quot;&gt;&lt;\/div&gt;\n&lt;\/div&gt;\n\n&lt;div class=&quot;page&quot; id=&quot;detailPage&quot;&gt;&lt;section class=&quot;detail-hero&quot; id=&quot;detailHero&quot;&gt;&lt;div class=&quot;detail-hero-copy&quot;&gt;&lt;div class=&quot;hero-back&quot; onclick=&quot;showList()&quot;&gt;Door styles&nbsp;&nbsp;\u203a&nbsp;&nbsp;&lt;span id=&quot;heroBC&quot;&gt;&lt;\/span&gt;&lt;\/div&gt;&lt;h2 class=&quot;detail-hero-title&quot; id=&quot;heroTitle&quot;&gt;&lt;\/h2&gt;&lt;div class=&quot;detail-hero-actions&quot;&gt;&lt;a class=&quot;btn-f&quot; href=&quot;https:\/\/kitcheniquecabinetry.com\/locations\/&quot; target=&quot;_top&quot; rel=&quot;noopener&quot;&gt;Order Now&lt;\/a&gt;&lt;\/div&gt;&lt;p class=&quot;detail-hero-desc&quot; id=&quot;heroDesc&quot;&gt;&lt;\/p&gt;&lt;div class=&quot;detail-hero-finish&quot; id=&quot;heroFinish&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;detail-hero-media&quot;&gt;&lt;div class=&quot;detail-hero-card&quot;&gt;&lt;img id=&quot;heroImg&quot; class=&quot;detail-hero-img&quot; src=&quot;&quot; alt=&quot;&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/section&gt;&lt;div class=&quot;detail-body&quot;&gt;&lt;div class=&quot;d-left&quot;&gt;&lt;div class=&quot;big-door-wrap&quot;&gt;&lt;img id=&quot;bigDoorImg&quot; class=&quot;big-door-img&quot; src=&quot;&quot; alt=&quot;&quot;&gt;&lt;\/div&gt;&lt;div&gt;&lt;div class=&quot;d-door-name&quot; id=&quot;dDoor&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;d-color-name&quot; id=&quot;dColor&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;d-specs&quot;&gt;&lt;div class=&quot;spec-b&quot;&gt;&lt;div class=&quot;sl&quot;&gt;Style&lt;\/div&gt;&lt;div class=&quot;sv&quot; id=&quot;dStyle&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;spec-b&quot;&gt;&lt;div class=&quot;sl&quot;&gt;Overlay&lt;\/div&gt;&lt;div class=&quot;sv&quot; id=&quot;dOverlay&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;spec-b&quot;&gt;&lt;div class=&quot;sl&quot;&gt;Finishes&lt;\/div&gt;&lt;div class=&quot;sv&quot; id=&quot;dFinishTotal&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;spec-b&quot;&gt;&lt;div class=&quot;sl&quot;&gt;Brand&lt;\/div&gt;&lt;div class=&quot;sv&quot;&gt;Integrity&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;d-right&quot;&gt;&lt;div class=&quot;sec-label&quot; id=&quot;dSecLabel&quot;&gt;Select Finish&lt;\/div&gt;&lt;div class=&quot;col-grid&quot; id=&quot;dColGrid&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;d-cta&quot;&gt;&lt;div class=&quot;cta-sel&quot;&gt;&lt;img class=&quot;cta-img&quot; id=&quot;ctaImg&quot; src=&quot;&quot; alt=&quot;&quot;&gt;&lt;div&gt;&lt;div class=&quot;ct-label&quot;&gt;Selected finish&lt;\/div&gt;&lt;div class=&quot;ct-val&quot; id=&quot;ctaVal&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div style=&quot;display:flex;gap:10px&quot;&gt;&lt;a class=&quot;btn-f&quot; href=&quot;https:\/\/kitcheniquecabinetry.com\/locations\/&quot; target=&quot;_top&quot; rel=&quot;noopener&quot;&gt;Order Now&lt;\/a&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;section class=&quot;light-section&quot; id=&quot;lightSection&quot; data-light=&quot;daylight&quot;&gt;&lt;div class=&quot;light-copy&quot;&gt;&lt;h2&gt;See it in every light&lt;\/h2&gt;&lt;p&gt;Because finishes change with light, preview the selected door in daylight, neutral, and warm tones before you decide.&lt;\/p&gt;&lt;div class=&quot;light-tabs&quot;&gt;&lt;button class=&quot;light-tab on&quot; data-light=&quot;daylight&quot;&gt;\u263c Daylight&lt;\/button&gt;&lt;button class=&quot;light-tab&quot; data-light=&quot;neutral&quot;&gt;\u263c Neutral&lt;\/button&gt;&lt;button class=&quot;light-tab&quot; data-light=&quot;warm&quot;&gt;\u25cb Warm&lt;\/button&gt;&lt;\/div&gt;&lt;p class=&quot;light-note&quot;&gt;This preview uses the selected official door style image.&lt;\/p&gt;&lt;\/div&gt;&lt;div class=&quot;light-visual&quot;&gt;&lt;img id=&quot;lightDoorImg&quot; class=&quot;light-door-img&quot; src=&quot;&quot; alt=&quot;&quot;&gt;&lt;\/div&gt;&lt;\/section&gt;&lt;\/div&gt;\n&lt;script&gt;\nconst INTEGRITY_STYLES = [{&quot;id&quot;: &quot;bentley&quot;, &quot;name&quot;: &quot;Bentley&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Flat Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574790131763-HON97Y648AWO7Q67TH2S\/BENTLEY-Slab-Natural-Oak-0068.jpg&quot;, &quot;defaultFinish&quot;: &quot;Natural&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;bentley-natural-oak-slab&quot;, &quot;construction&quot;: &quot;Oak Slab&quot;, &quot;finish&quot;: &quot;Natural&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574790131763-HON97Y648AWO7Q67TH2S\/BENTLEY-Slab-Natural-Oak-0068.jpg&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;lenoir&quot;, &quot;name&quot;: &quot;Lenoir&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Flat Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574790769694-VEGDI4TINEPMBSPADQFL\/LENIOR-Slab-Pebble-Gray-Maple-0030.jpg&quot;, &quot;defaultFinish&quot;: &quot;Pebble Gray&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;lenoir-pebble-gray-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Pebble Gray&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574790769694-VEGDI4TINEPMBSPADQFL\/LENIOR-Slab-Pebble-Gray-Maple-0030.jpg&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;madison&quot;, &quot;name&quot;: &quot;Madison&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Flat Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574791052667-8IDV2JCJ0P40X39GUFHO\/MADISON-5PC-Coffee-Maple-0055.jpg&quot;, &quot;defaultFinish&quot;: &quot;Coffee&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;madison-coffee-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Coffee&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574791052667-8IDV2JCJ0P40X39GUFHO\/MADISON-5PC-Coffee-Maple-0055.jpg&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;brighton&quot;, &quot;name&quot;: &quot;Brighton&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;, &quot;desc&quot;: &quot;Half Overlay Flat Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574792429969-XS7Q5LNIRQBX48BAQM5I\/image-asset.jpeg&quot;, &quot;defaultFinish&quot;: &quot;Galaxy&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;brighton-galaxy-maple&quot;, &quot;construction&quot;: &quot;Maple&quot;, &quot;finish&quot;: &quot;Galaxy&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574792429969-XS7Q5LNIRQBX48BAQM5I\/image-asset.jpeg&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}]}, {&quot;id&quot;: &quot;oxford&quot;, &quot;name&quot;: &quot;Oxford&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;, &quot;desc&quot;: &quot;Half Overlay Flat Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574792338694-R6E19CUGR2KN76ANIQQY\/OXFORD-Slab-Driftwood-Oak-0144.jpg&quot;, &quot;defaultFinish&quot;: &quot;Driftwood&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;oxford-driftwood-oak-slab&quot;, &quot;construction&quot;: &quot;Oak Slab&quot;, &quot;finish&quot;: &quot;Driftwood&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574792338694-R6E19CUGR2KN76ANIQQY\/OXFORD-Slab-Driftwood-Oak-0144.jpg&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}, {&quot;id&quot;: &quot;oxford-denim-blue-w-choc-handwiped-glaze-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Denim Blue w\/ Choc Handwiped Glaze&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574792371183-CLVDNZPFM6HMCP1RT9DE\/image-asset.jpeg&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}]}, {&quot;id&quot;: &quot;sedona&quot;, &quot;name&quot;: &quot;Sedona&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;, &quot;desc&quot;: &quot;Half Overlay Flat Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574792403097-T5A221QXFQP2EICDWFYF\/image-asset.jpeg&quot;, &quot;defaultFinish&quot;: &quot;Admiral Blue&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;sedona-admiral-blue-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Admiral Blue&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574792403097-T5A221QXFQP2EICDWFYF\/image-asset.jpeg&quot;, &quot;category&quot;: &quot;Flat Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}]}, {&quot;id&quot;: &quot;jamestown&quot;, &quot;name&quot;: &quot;Jamestown&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Raised Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574865792224-Z595FN887YQK8X41PQAQ\/JAMESTOWN-5PC-Spanish-Moss-Maple-0151.jpg&quot;, &quot;defaultFinish&quot;: &quot;Spanish Moss&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;jamestown-spanish-moss-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Spanish Moss&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574865792224-Z595FN887YQK8X41PQAQ\/JAMESTOWN-5PC-Spanish-Moss-Maple-0151.jpg&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}, {&quot;id&quot;: &quot;jamestown-onyx-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Onyx&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574865981103-B7E66WQ8Z3GZV15ZB7K6\/JAMESTOWN-Slab-Onyx-Maple-0157.jpg&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;newcastle&quot;, &quot;name&quot;: &quot;Newcastle&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Raised Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574865482995-5C6I3QZGNO0SQEI75XKL\/NEW-CASTLE-5PC-Celery-Choc-HW-Oak-0160.jpg&quot;, &quot;defaultFinish&quot;: &quot;Celery w\/ Chocolate Handwiped Glaze&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;newcastle-celery-w-chocolate-handwiped-glaze-oak-5pc-rp&quot;, &quot;construction&quot;: &quot;Oak 5PC RP&quot;, &quot;finish&quot;: &quot;Celery w\/ Chocolate Handwiped Glaze&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574865482995-5C6I3QZGNO0SQEI75XKL\/NEW-CASTLE-5PC-Celery-Choc-HW-Oak-0160.jpg&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;cumberland&quot;, &quot;name&quot;: &quot;Cumberland&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;, &quot;desc&quot;: &quot;Half Overlay Raised Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574866681545-ZS6M1ZC5KZ9UE2N8B4XA\/CUMBERLAND-Slab-Coffee-Maple-0045.jpg&quot;, &quot;defaultFinish&quot;: &quot;Coffee&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;cumberland-coffee-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Coffee&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574866681545-ZS6M1ZC5KZ9UE2N8B4XA\/CUMBERLAND-Slab-Coffee-Maple-0045.jpg&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}, {&quot;id&quot;: &quot;cumberland-natural-knotty-hickory-5pc-rp&quot;, &quot;construction&quot;: &quot;Knotty Hickory 5PC RP&quot;, &quot;finish&quot;: &quot;Natural&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574866826747-URDS088CG0342HNMD5V2\/CUMBERLAND-5PC-Natural-Hickory-0122.jpg&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}]}, {&quot;id&quot;: &quot;shreveport&quot;, &quot;name&quot;: &quot;Shreveport&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;, &quot;desc&quot;: &quot;Half Overlay Raised Panel cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574868041498-TY7W1IHBONL4GL1S1P7V\/SHREVEPORT-Slab-Graphite-Chocolate-HW-Maple-0182.jpg&quot;, &quot;defaultFinish&quot;: &quot;Graphite w\/ Choc Handwiped Glaze Distressed&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;shreveport-graphite-w-choc-handwiped-glaze-distressed-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Graphite w\/ Choc Handwiped Glaze Distressed&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574868041498-TY7W1IHBONL4GL1S1P7V\/SHREVEPORT-Slab-Graphite-Chocolate-HW-Maple-0182.jpg&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}, {&quot;id&quot;: &quot;shreveport-white-maple-5pc-rp&quot;, &quot;construction&quot;: &quot;Maple 5PC RP&quot;, &quot;finish&quot;: &quot;White&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574868163529-BBD9USW5H397JLS4T4P1\/SHEREVPORT-Slab-White-Maple-0087-RR-5PC.jpg&quot;, &quot;category&quot;: &quot;Raised Panel&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}]}, {&quot;id&quot;: &quot;atlantic-breeze&quot;, &quot;name&quot;: &quot;Atlantic Breeze&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574794570204-2PKWSRPJE7AZOGRVW961\/GULFBREEZE-Slab-Ivory-Maple-0119.jpg&quot;, &quot;defaultFinish&quot;: &quot;Ivory w\/ Taupe Pen Glaze&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;atlantic-breeze-ivory-w-taupe-pen-glaze-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Ivory w\/ Taupe Pen Glaze&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574794570204-2PKWSRPJE7AZOGRVW961\/GULFBREEZE-Slab-Ivory-Maple-0119.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}, {&quot;id&quot;: &quot;atlantic-breeze-fog-w-chocolate-handwiped-glaze-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Fog w\/ Chocolate Handwiped Glaze&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574794673450-V42AUAS24MIH0CJMWDGI\/ATLANTIC-BREEZE-5PC-Fog-Choc-Handwipe-Maple-0098.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;bella&quot;, &quot;name&quot;: &quot;Bella&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795002974-AQJJBMB0VZAAD9EQK3VT\/image-asset.jpeg&quot;, &quot;defaultFinish&quot;: &quot;Black Rub Thru&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;bella-black-rub-thru-knotty-hickory-slab&quot;, &quot;construction&quot;: &quot;Knotty Hickory Slab&quot;, &quot;finish&quot;: &quot;Black Rub Thru&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795002974-AQJJBMB0VZAAD9EQK3VT\/image-asset.jpeg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}, {&quot;id&quot;: &quot;bella-pebble-gray-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Pebble Gray&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795143114-2I5ABMNYMFZ6PWFQKAVO\/BELLA-5PC-Pebble-Gray-Maple-0038.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;gulf-breeze&quot;, &quot;name&quot;: &quot;Gulf Breeze&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574794759380-GCLZC5LRGYAM1T6DSLPP\/image-asset.jpeg&quot;, &quot;defaultFinish&quot;: &quot;Medium&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;gulf-breeze-medium-knotty-hickory-5pc-fp&quot;, &quot;construction&quot;: &quot;Knotty Hickory 5PC FP&quot;, &quot;finish&quot;: &quot;Medium&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574794759380-GCLZC5LRGYAM1T6DSLPP\/image-asset.jpeg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}, {&quot;id&quot;: &quot;gulf-breeze-white-maple&quot;, &quot;construction&quot;: &quot;Maple&quot;, &quot;finish&quot;: &quot;White&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/a95e1fe2-cf62-4d07-99b2-e50555a787b8\/Gulfbreeze_Mpl_5PC_White%2B0083.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;hathaway&quot;, &quot;name&quot;: &quot;Hathaway&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795295877-KI0JWR4V9VVDKYULMCA9\/HATHAWAT-Willow-Chocolate-HW-Distressed-0138.jpg&quot;, &quot;defaultFinish&quot;: &quot;Willow w\/ Chocolate Handwiped Glaze Distressed&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;hathaway-willow-w-chocolate-handwiped-glaze-distressed-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Willow w\/ Chocolate Handwiped Glaze Distressed&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795295877-KI0JWR4V9VVDKYULMCA9\/HATHAWAT-Willow-Chocolate-HW-Distressed-0138.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}, {&quot;id&quot;: &quot;hathaway-ginger-w-pewter-handwiped-glaze-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Ginger w\/ Pewter Handwiped Glaze&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795454142-Q7145J0UYUK58A2KHT0A\/HATHAWAY-5PC-Ginger-Pewter-HW-Maple-0135.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;lexington&quot;, &quot;name&quot;: &quot;Lexington&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795217254-CIUS65TDJHB1A2G5HWWA\/LEXINGTON-5PC-Graphite-Maple-0141.jpg&quot;, &quot;defaultFinish&quot;: &quot;Graphite&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;lexington-graphite-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Graphite&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795217254-CIUS65TDJHB1A2G5HWWA\/LEXINGTON-5PC-Graphite-Maple-0141.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;salem&quot;, &quot;name&quot;: &quot;Salem&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1599860660810-GI03MCTWIDLN0RT6G4BW\/SALEM-Slab-White-Maple-0082-RR-Adj.jpg&quot;, &quot;defaultFinish&quot;: &quot;White&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;salem-white-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;White&quot;, &quot;species&quot;: &quot;Maple&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1599860660810-GI03MCTWIDLN0RT6G4BW\/SALEM-Slab-White-Maple-0082-RR-Adj.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;southporte&quot;, &quot;name&quot;: &quot;Southporte&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;, &quot;desc&quot;: &quot;Full Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795560531-HA3ALJJAHJ56ZNKRIF5J\/SOUTH-PORTE-Slab-Jade-Pen-Maple-0131.jpg&quot;, &quot;defaultFinish&quot;: &quot;Jade w\/ Chocolate Pen Glaze&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;southporte-jade-w-chocolate-pen-glaze-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Jade w\/ Chocolate Pen Glaze&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795560531-HA3ALJJAHJ56ZNKRIF5J\/SOUTH-PORTE-Slab-Jade-Pen-Maple-0131.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}, {&quot;id&quot;: &quot;southporte-cappuccino-maple-5pc-fp&quot;, &quot;construction&quot;: &quot;Maple 5PC FP&quot;, &quot;finish&quot;: &quot;Cappuccino&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574795680758-I9TVJIVO5EPIK8U3LQNN\/image-asset.jpeg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Full Overlay&quot;}]}, {&quot;id&quot;: &quot;ayden&quot;, &quot;name&quot;: &quot;Ayden&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;, &quot;desc&quot;: &quot;Half Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574796317076-OITOCZA3O7QRPGX1HS0T\/AYDEN-Slab-Blue-Smoke-Maple-0124.jpg&quot;, &quot;defaultFinish&quot;: &quot;Blue Smoke&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;ayden-blue-smoke-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Blue Smoke&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574796317076-OITOCZA3O7QRPGX1HS0T\/AYDEN-Slab-Blue-Smoke-Maple-0124.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}]}, {&quot;id&quot;: &quot;fairmont&quot;, &quot;name&quot;: &quot;Fairmont&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;, &quot;desc&quot;: &quot;Half Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574796117862-B7EW752AT0VGASWWSZX4\/FAIRMONT-Slab-Coffee-Maple-0050.jpg&quot;, &quot;defaultFinish&quot;: &quot;Coffee&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;fairmont-coffee-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Coffee&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574796117862-B7EW752AT0VGASWWSZX4\/FAIRMONT-Slab-Coffee-Maple-0050.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}]}, {&quot;id&quot;: &quot;meridian&quot;, &quot;name&quot;: &quot;Meridian&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;, &quot;desc&quot;: &quot;Half Overlay Shaker cabinet door style.&quot;, &quot;defaultImage&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574796182533-0NFDT98CRWILIP5SI97M\/MERIDIAN-Slab-Icy-Mint-Maple-0163.jpg&quot;, &quot;defaultFinish&quot;: &quot;Icy Mint&quot;, &quot;variants&quot;: [{&quot;id&quot;: &quot;meridian-icy-mint-maple-slab&quot;, &quot;construction&quot;: &quot;Maple Slab&quot;, &quot;finish&quot;: &quot;Icy Mint&quot;, &quot;species&quot;: &quot;Knotty Hickory, Cherry, Maple, Oak and White Oak&quot;, &quot;image&quot;: &quot;https:\/\/images.squarespace-cdn.com\/content\/v1\/5dd59dbc5b18f21148335059\/1574796182533-0NFDT98CRWILIP5SI97M\/MERIDIAN-Slab-Icy-Mint-Maple-0163.jpg&quot;, &quot;category&quot;: &quot;Shaker&quot;, &quot;overlay&quot;: &quot;Half Overlay&quot;}]}];\nlet curCategory=null, curSearch=&#039;&#039;, curStyle=null, curVariant=null, curLight=&#039;daylight&#039;;\n\nfunction normalizeHex(hex){let c=String(hex||&#039;#d8c8b4&#039;).replace(&#039;#&#039;,&#039;&#039;).trim();if(c.length===3)c=c.split(&#039;&#039;).map(x=&gt;x+x).join(&#039;&#039;);return &#039;#&#039;+c.padEnd(6,&#039;0&#039;).slice(0,6);}\nfunction mixHex(h1,h2,w){const r=h=&gt;{const n=parseInt(normalizeHex(h).slice(1),16);return{r:(n&gt;&gt;16)&amp;255,g:(n&gt;&gt;8)&amp;255,b:n&amp;255}};const a=r(h1),b=r(h2);w=Math.max(0,Math.min(1,w??.5));const m=(x,y)=&gt;Math.round(x*(1-w)+y*w);return &#039;#&#039;+[m(a.r,b.r),m(a.g,b.g),m(a.b,b.b)].map(v=&gt;v.toString(16).padStart(2,&#039;0&#039;)).join(&#039;&#039;);}\nfunction rgba(hex,a){const n=parseInt(normalizeHex(hex).slice(1),16);return `rgba(${(n&gt;&gt;16)&amp;255}, ${(n&gt;&gt;8)&amp;255}, ${n&amp;255}, ${a})`;}\nfunction finishBaseColor(v){const t=`${v?.finish||&#039;&#039;} ${v?.construction||&#039;&#039;} ${v?.species||&#039;&#039;}`.toLowerCase();if(\/blue|denim|admiral|smoke\/.test(t))return &#039;#7383a1&#039;;if(\/green|sage|olive|celery|jade|moss|willow|mint\/.test(t))return &#039;#8b987f&#039;;if(\/black|onyx|graphite|ebony\/.test(t))return &#039;#7c7770&#039;;if(\/white|ivory|fog|gray|grey|pebble\/.test(t))return &#039;#d7d4ce&#039;;if(\/natural|coffee|medium|cappuccino|ginger|driftwood|hickory|oak|maple\/.test(t))return &#039;#c6aa82&#039;;return &#039;#cfc2ae&#039;;}\nfunction applyHeroTheme(v){const h=document.getElementById(&#039;detailHero&#039;);if(!h||!v)return;const b=finishBaseColor(v);h.style.setProperty(&#039;--hero-a&#039;,mixHex(b,&#039;#f5f3ef&#039;,.30));h.style.setProperty(&#039;--hero-b&#039;,mixHex(b,&#039;#ffffff&#039;,.62));h.style.setProperty(&#039;--hero-c&#039;,mixHex(b,&#039;#e3d6c5&#039;,.24));h.style.setProperty(&#039;--hero-glow&#039;,rgba(mixHex(b,&#039;#ffffff&#039;,.18),.34));h.style.setProperty(&#039;--hero-glow-2&#039;,rgba(mixHex(b,&#039;#ffffff&#039;,.58),.48));h.style.setProperty(&#039;--hero-card-a&#039;,mixHex(b,&#039;#ffffff&#039;,.86));h.style.setProperty(&#039;--hero-card-b&#039;,mixHex(b,&#039;#f5f3ef&#039;,.58));}\nfunction cardImage(style){const o=window.INTEGRITY_CARD_IMAGE_OVERRIDES||{};return o[style.id] || style.defaultImage;}\n\n\nfunction categoryImage(category){\n  const preferred = {\n    &#039;Shaker&#039;: [&#039;Ayden&#039;,&#039;Gulf Breeze&#039;,&#039;Bella&#039;],\n    &#039;Raised Panel&#039;: [&#039;Shreveport&#039;,&#039;Jamestown&#039;,&#039;Cumberland&#039;],\n    &#039;Flat Panel&#039;: [&#039;Bentley&#039;,&#039;Oxford&#039;,&#039;Sedona&#039;]\n  };\n  const names = preferred[category] || [];\n  for(const n of names){\n    const hit = INTEGRITY_STYLES.find(s =&gt; s.category === category &amp;&amp; s.name === n);\n    if(hit) return hit.defaultImage;\n  }\n  const found = INTEGRITY_STYLES.find(s =&gt; s.category === category);\n  return found ? found.defaultImage : &#039;&#039;;\n}\nfunction categoryCount(category){\n  return INTEGRITY_STYLES.filter(s =&gt; s.category === category).length;\n}\nfunction renderCategoryLanding(){\n  const grid=document.getElementById(&#039;categoryGrid&#039;);\n  if(!grid) return;\n  const cats=[&#039;Shaker&#039;,&#039;Raised Panel&#039;,&#039;Flat Panel&#039;];\n  grid.innerHTML=&#039;&#039;;\n  cats.forEach(cat=&gt;{\n    const card=document.createElement(&#039;div&#039;);\n    card.className=&#039;category-card&#039;;\n    card.innerHTML=`\n      &lt;img class=&quot;category-card-img&quot; src=&quot;${categoryImage(cat)}&quot; alt=&quot;${cat} Door Styles&quot; loading=&quot;lazy&quot;&gt;\n      &lt;div class=&quot;category-card-content&quot;&gt;\n        &lt;div class=&quot;category-card-kicker&quot;&gt;Integrity Cabinets&lt;\/div&gt;\n        &lt;div class=&quot;category-card-title&quot;&gt;${cat}&lt;br&gt;Door Styles&lt;\/div&gt;\n        &lt;div class=&quot;category-card-count&quot;&gt;${categoryCount(cat)} styles&lt;\/div&gt;\n      &lt;\/div&gt;\n    `;\n    card.onclick=()=&gt;openCategory(cat);\n    grid.appendChild(card);\n  });\n}\nfunction openCategory(category){\n  curCategory=category;\n  curSearch=&#039;&#039;;\n  const search=document.getElementById(&#039;categorySearch&#039;);\n  if(search) search.value=&#039;&#039;;\n  document.getElementById(&#039;listPage&#039;).classList.remove(&#039;on&#039;);\n  document.getElementById(&#039;categoryPage&#039;).classList.add(&#039;on&#039;);\n  document.getElementById(&#039;detailPage&#039;).classList.remove(&#039;on&#039;);\n  document.getElementById(&#039;categoryPageTitle&#039;).textContent=category+&#039; Door Styles&#039;;\n  document.getElementById(&#039;categoryPageCopy&#039;).textContent=&#039;Browse &#039;+category.toLowerCase()+&#039; cabinet door styles and available official finish images.&#039;;\n  requestParentScrollTop();\n  renderCategoryDoors();\n}\nfunction showCategoryLanding(){\n  document.getElementById(&#039;categoryPage&#039;).classList.remove(&#039;on&#039;);\n  document.getElementById(&#039;detailPage&#039;).classList.remove(&#039;on&#039;);\n  document.getElementById(&#039;listPage&#039;).classList.add(&#039;on&#039;);\n  requestParentScrollTop();\n}\nfunction renderCategoryDoors(){\n  const grid=document.getElementById(&#039;categoryDoorGrid&#039;);\n  const q=curSearch.trim().toLowerCase();\n  const list=INTEGRITY_STYLES.filter(s=&gt;s.category===curCategory &amp;&amp; (!q || s.name.toLowerCase().includes(q) || s.overlay.toLowerCase().includes(q) || s.variants.some(v=&gt;(v.finish+&#039; &#039;+v.construction).toLowerCase().includes(q))));\n  document.getElementById(&#039;categoryCount&#039;).textContent=`${list.length} style${list.length===1?&#039;&#039;:&#039;s&#039;}`;\n  grid.innerHTML=&#039;&#039;;\n  list.forEach(s=&gt;{\n    const card=document.createElement(&#039;div&#039;);\n    card.className=&#039;dcard&#039;;\n    card.innerHTML=`&lt;span class=&quot;dcard-cat&quot;&gt;${s.overlay}&lt;\/span&gt;&lt;div class=&quot;dimg-wrap&quot;&gt;&lt;img class=&quot;dcard-photo&quot; src=&quot;${cardImage(s)}&quot; alt=&quot;${s.name}&quot; loading=&quot;lazy&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;dcard-name&quot;&gt;${s.name}&lt;\/div&gt;&lt;div class=&quot;dcard-desc&quot;&gt;${s.defaultFinish}&lt;\/div&gt;&lt;div class=&quot;dcard-arrow&quot;&gt;Explore finishes \u2192&lt;\/div&gt;`;\n    card.onclick=()=&gt;openDetail(s.id);\n    grid.appendChild(card);\n  });\n}\nfunction requestParentScrollTop(){try{if(window.parent&amp;&amp;window.parent!==window)window.parent.postMessage({type:&#039;integrity-scroll-top&#039;},&#039;*&#039;);}catch(e){}try{window.scrollTo({top:0,left:0,behavior:&#039;instant&#039;});}catch(e){window.scrollTo(0,0);}}\nfunction openDetail(id){curStyle=INTEGRITY_STYLES.find(s=&gt;s.id===id);curVariant=curStyle.variants[0];document.getElementById(&#039;listPage&#039;).classList.remove(&#039;on&#039;);document.getElementById(&#039;categoryPage&#039;).classList.remove(&#039;on&#039;);document.getElementById(&#039;detailPage&#039;).classList.add(&#039;on&#039;);requestParentScrollTop();renderDetail();}\nfunction showList(){document.getElementById(&#039;detailPage&#039;).classList.remove(&#039;on&#039;);if(curCategory){document.getElementById(&#039;categoryPage&#039;).classList.add(&#039;on&#039;);document.getElementById(&#039;listPage&#039;).classList.remove(&#039;on&#039;);renderCategoryDoors();}else{document.getElementById(&#039;categoryPage&#039;).classList.remove(&#039;on&#039;);document.getElementById(&#039;listPage&#039;).classList.add(&#039;on&#039;);}requestParentScrollTop();}\nfunction updateDetail(){const s=curStyle,v=curVariant;applyHeroTheme(v);document.getElementById(&#039;heroBC&#039;).textContent=s.name;document.getElementById(&#039;heroTitle&#039;).textContent=s.name;document.getElementById(&#039;heroDesc&#039;).textContent=s.desc;document.getElementById(&#039;heroFinish&#039;).textContent=&#039;Selected finish: &#039;+v.finish;document.getElementById(&#039;heroImg&#039;).src=v.image;document.getElementById(&#039;bigDoorImg&#039;).src=v.image;document.getElementById(&#039;lightDoorImg&#039;).src=v.image;document.getElementById(&#039;dDoor&#039;).textContent=s.name;document.getElementById(&#039;dColor&#039;).textContent=v.finish;document.getElementById(&#039;dStyle&#039;).textContent=s.category;document.getElementById(&#039;dOverlay&#039;).textContent=s.overlay;document.getElementById(&#039;dFinishTotal&#039;).textContent=s.variants.length;document.getElementById(&#039;ctaImg&#039;).src=v.image;document.getElementById(&#039;ctaVal&#039;).textContent=s.name+&#039; \/ &#039;+v.finish;document.getElementById(&#039;lightSection&#039;).dataset.light=curLight;}\nfunction renderFinishes(){\n  const list = curStyle.variants;\n  document.getElementById(&#039;dSecLabel&#039;).textContent = `Select Finish \u2014 ${list.length} option${list.length===1?&#039;&#039;:&#039;s&#039;}`;\n\n  const g = document.getElementById(&#039;dColGrid&#039;);\n  g.innerHTML = &#039;&#039;;\n\n  list.forEach(v =&gt; {\n    const c = document.createElement(&#039;div&#039;);\n    c.className = &#039;ccrd&#039; + (curVariant &amp;&amp; v.id === curVariant.id ? &#039; on&#039; : &#039;&#039;);\n\n    c.innerHTML = `&lt;div class=&quot;csw&quot;&gt;&lt;img class=&quot;cimg&quot; src=&quot;${v.image}&quot; alt=&quot;${v.finish}&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;cchk&quot;&gt;\u2713&lt;\/span&gt;&lt;\/div&gt;&lt;div class=&quot;cinf&quot;&gt;&lt;div class=&quot;cn&quot;&gt;${v.finish}&lt;\/div&gt;&lt;div class=&quot;cs&quot;&gt;${v.construction}&lt;\/div&gt;&lt;\/div&gt;`;\n\n    c.onclick = function(){\n      curVariant = v;\n      updateDetail();\n      renderFinishes();\n\n      setTimeout(function(){\n        var target = document.getElementById(&#039;lightSection&#039;);\n        if (!target) return;\n\n        var offset = target.getBoundingClientRect().top + window.pageYOffset;\n\n        if (window.parent &amp;&amp; window.parent !== window) {\n          window.parent.postMessage({\n            type: &#039;integrity-scroll-to-offset&#039;,\n            offset: offset\n          }, &#039;*&#039;);\n        } else {\n          target.scrollIntoView({ behavior: &#039;smooth&#039;, block: &#039;start&#039; });\n        }\n      }, 150);\n    };\n\n    g.appendChild(c);\n  });\n}\n\n\nfunction renderDetail(){updateDetail();renderFinishes();}\ndocument.getElementById(&#039;categorySearch&#039;).oninput=e=&gt;{curSearch=e.target.value;renderCategoryDoors();};\ndocument.querySelectorAll(&#039;.light-tab&#039;).forEach(b=&gt;{b.onclick=()=&gt;{document.querySelectorAll(&#039;.light-tab&#039;).forEach(x=&gt;x.classList.remove(&#039;on&#039;));b.classList.add(&#039;on&#039;);curLight=b.dataset.light||&#039;daylight&#039;;updateDetail();};});\nrenderCategoryLanding();\n&lt;\/script&gt;&lt;\/body&gt;&lt;\/html&gt;\"><\/iframe>\n        <\/div>\n        <script>\n        (function(){\n          var frame=document.getElementById('integrity-frame-143705');\n          if(!frame)return;\n          function resizeIntegrityFrame(){\n            try{\n              var doc=frame.contentWindow.document;\n              var listPage=doc.getElementById('listPage');\n              var detailPage=doc.getElementById('detailPage');\n              var activePage=detailPage && detailPage.classList.contains('on') ? detailPage : listPage;\n              var body=doc.body;\n              var h=Math.max(activePage?activePage.offsetHeight:0, activePage?activePage.scrollHeight:0, body?body.offsetHeight:0, 260);\n              if(h && h>100) frame.style.height=(h+4)+'px';\n            }catch(e){frame.style.height='420px';}\n          }\n          frame.addEventListener('load',function(){resizeIntegrityFrame();setTimeout(resizeIntegrityFrame,250);setTimeout(resizeIntegrityFrame,900);setTimeout(resizeIntegrityFrame,1800);setInterval(resizeIntegrityFrame,900);});\n        window.addEventListener('message',function(event){\n  if(!event || !event.data || !event.data.type) return;\n\n  if(event.data.type === 'integrity-scroll-top'){\n    try{\n      var rect = frame.getBoundingClientRect();\n      var absoluteTop = rect.top + window.pageYOffset - 20;\n      window.scrollTo({top:absoluteTop, behavior:'smooth'});\n    }catch(e){\n      frame.scrollIntoView({behavior:'smooth', block:'start'});\n    }\n\n    setTimeout(resizeLegacyFrame,120);\n    setTimeout(resizeLegacyFrame,450);\n    return;\n  }\n\n  if(event.data.type === 'integrity-scroll-to-offset'){\n    try{\n      var rect2 = frame.getBoundingClientRect();\n      var iframeTop = rect2.top + window.pageYOffset;\n      var offset = parseInt(event.data.offset, 10) || 0;\n      var finalTop = iframeTop + offset - 20;\n\n      window.scrollTo({\n        top: finalTop,\n        behavior: 'smooth'\n      });\n    }catch(e){}\n\n    setTimeout(resizeLegacyFrame,120);\n    setTimeout(resizeLegacyFrame,450);\n    return;\n  }\n});\n          window.addEventListener('resize',resizeIntegrityFrame);\n        })();\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-4400","page","type-page","status-publish","hentry"],"meta_box":{"mb_page_sidebar_layout":"default","mb_page_sidebar_def":"","mb_page_sidebar_def_width":"9","mb_sticky_sidebar":"0","mb_sidebar_gap":"def","mb_page_colors_switch":"default","mb_page_theme_color":"#cbbc9d","mb_page_theme_secondary_color":"#ac9b79","mb_body_background_color":"#ffffff","mb_scroll_up_bg_color":"#fc7268","mb_scroll_up_arrow_color":"#ffffff","mb_customize_logo":"default","mb_header_logo":[],"mb_logo_height_custom":"0","mb_logo_height":"50","mb_logo_sticky":[],"mb_sticky_logo_height_custom":"0","mb_sticky_logo_height":"","mb_logo_mobile":[],"mb_mobile_logo_height_custom":"0","mb_mobile_logo_height":"","mb_logo_mobile_menu":[],"mb_mobile_logo_menu_height_custom":"0","mb_mobile_logo_menu_height":"","mb_header_building_tool":"elementor","mb_customize_header_e":"5292","mb_customize_header":"default","mb_customize_header_layout":"custom","mb_menu_header":"Danbury Menu","mb_header_sticky":"1","mb_sticky_header_content_type":"elementor","mb_customize_sticky_header":"5292","mb_mobile_menu_custom":"default","mb_mobile_menu_header":"Danbury Menu","mb_page_title_switch":"off","mb_page_title_bg_switch":"1","mb_page_title_bg":{"repeat":"no-repeat","size":"cover","attachment":"scroll","position":"bottom center","image":"","color":"#f2f2f4"},"mb_page_title_height":"550","mb_page_title_align":"center","mb_page_title_padding":{"padding-top":"188","padding-bottom":"88"},"mb_page_title_margin":{"margin-bottom":"48"},"mb_page_title_border_switch":"0","mb_page_title_border_color":"#e5e5e5","mb_page_title_border_bottom_switch":"0","mb_page_title_border_bottom_color":"#e5e5e5","mb_page_title_parallax":"0","mb_page_title_parallax_speed":"0.3","mb_page_change_tile_switch":"0","mb_page_change_tile":"","mb_page_title_breadcrumbs_switch":"1","mb_page_title_breadcrumbs_align":"center","mb_page_title_font":{"font-size":"48","line-height":"58","color":"#ffffff"},"mb_page_title_breadcrumbs_font":{"font-size":"16","line-height":"24","color":"#ffffff"},"mb_page_title_resp_switch":"0","mb_page_title_resp_resolution":"768","mb_page_title_resp_height":"230","mb_page_title_resp_padding":{"padding-top":"15","padding-bottom":"40"},"mb_page_title_resp_font":{"font-size":"48","line-height":"58","color":"#ffffff"},"mb_page_title_resp_breadcrumbs_switch":"1","mb_page_title_resp_breadcrumbs_font":{"font-size":"16","line-height":"24","color":"#ffffff"},"mb_customize_side_panel":"default","mb_side_panel_content_type":"widgets","mb_side_panel_page_select":"","mb_side_panel_spacing":{"padding-top":"105","padding-right":"90","padding-bottom":"105","padding-left":"90"},"mb_side_panel_title_color":"#ffffff","mb_side_panel_text_color":"#313538","mb_side_panel_bg":"#ffffff","mb_side_panel_text_alignment":"center","mb_side_panel_width":"480","mb_side_panel_position":"right","mb_customize_soc_shares":"default","mb_soc_icon_style":"standard","mb_soc_icon_position":"0","mb_soc_icon_offset":"50","mb_soc_icon_facebook":"0","mb_soc_icon_twitter":"0","mb_soc_icon_linkedin":"0","mb_soc_icon_pinterest":"0","mb_soc_icon_tumblr":"0","mb_footer_switch":"default","mb_footer_add_wave":"0","mb_footer_wave_height":"158","mb_footer_content_type":"widgets","mb_footer_page_select":"","mb_footer_spacing":{"padding-top":"90","padding-right":"0","padding-bottom":"10","padding-left":"0"},"mb_footer_bg":{"repeat":"no-repeat","size":"cover","attachment":"scroll","position":"bottom center","image":"","color":"#f2f2f4"},"mb_copyright_switch":"default","mb_copyright_editor":"Copyright \u00a9 2019 Stoni by WebGeniusLab. All Rights Reserved","mb_copyright_text_color":"#838383","mb_copyright_bg_color":"#171a1e","mb_copyright_spacing":{"padding-top":"10","padding-bottom":"10"}},"_links":{"self":[{"href":"https:\/\/kitcheniquecabinetry.com\/es\/wp-json\/wp\/v2\/pages\/4400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitcheniquecabinetry.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kitcheniquecabinetry.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kitcheniquecabinetry.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitcheniquecabinetry.com\/es\/wp-json\/wp\/v2\/comments?post=4400"}],"version-history":[{"count":11,"href":"https:\/\/kitcheniquecabinetry.com\/es\/wp-json\/wp\/v2\/pages\/4400\/revisions"}],"predecessor-version":[{"id":5317,"href":"https:\/\/kitcheniquecabinetry.com\/es\/wp-json\/wp\/v2\/pages\/4400\/revisions\/5317"}],"wp:attachment":[{"href":"https:\/\/kitcheniquecabinetry.com\/es\/wp-json\/wp\/v2\/media?parent=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}