{"title":"DIY Collection","description":"","products":[{"product_id":"custom-design","title":"Custom Design","description":"\u003cstyle\u003e\n  .chilo-custom * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .chilo-custom {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 60px 24px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;\n    color: #111;\n  }\n\n  .chilo-hero {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    align-items: start;\n    padding-bottom: 48px;\n    border-bottom: 1px solid #e8e8e8;\n    margin-bottom: 48px;\n  }\n\n  @media (max-width: 720px) {\n    .chilo-hero { grid-template-columns: 1fr; }\n    .chilo-swatches { grid-template-columns: repeat(3, 1fr) !important; }\n    .chilo-ct-swatches { grid-template-columns: repeat(3, 1fr) !important; }\n  }\n\n  .chilo-hero-img {\n    background: #f5f5f3;\n    border-radius: 12px;\n    border: 1px solid #e8e8e8;\n    overflow: hidden;\n  }\n\n  .chilo-hero-img img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n  .chilo-eyebrow { font-size: 13px; color: #888; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 10px; }\n\n  .chilo-hero-title { font-size: 32px; font-weight: 500; letter-spacing: -0.02em; margin-bottom: 14px; line-height: 1.2; }\n\n  .chilo-hero-desc { font-size: 15px; color: #555; line-height: 1.6; margin-bottom: 20px; }\n\n  .chilo-tags { display: flex; gap: 8px; flex-wrap: wrap; }\n\n  .chilo-tag { font-size: 12px; color: #666; background: #f5f5f3; border: 1px solid #e8e8e8; border-radius: 6px; padding: 5px 12px; }\n\n  .chilo-section { margin-bottom: 48px; padding-bottom: 48px; border-bottom: 1px solid #e8e8e8; }\n\n  .chilo-step { font-size: 12px; color: #aaa; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }\n\n  .chilo-section-title { font-size: 18px; font-weight: 500; margin-bottom: 20px; }\n\n  .chilo-selected-label { font-size: 14px; color: #888; margin-bottom: 16px; }\n  .chilo-selected-label span { color: #111; font-weight: 500; }\n\n  .chilo-swatches { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }\n\n  .chilo-swatch { cursor: pointer; border-radius: 8px; border: 1px solid #e0e0e0; overflow: hidden; transition: border-color 0.15s, transform 0.1s; background: #fff; }\n  .chilo-swatch:hover { border-color: #aaa; transform: translateY(-1px); }\n  .chilo-swatch.active { border: 2px solid #111; }\n  .chilo-swatch-color { height: 48px; }\n  .chilo-swatch-name { padding: 7px 8px; font-size: 12px; color: #111; line-height: 1.3; background: #fff; }\n  .chilo-swatch-sub { display: block; font-size: 10px; margin-top: 2px; color: #999; }\n  .chilo-swatch-sub.outdoor { color: #3a7a50; }\n\n  .chilo-ct-swatches { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }\n\n  .chilo-ct-swatch { cursor: pointer; border-radius: 8px; border: 1px solid #e0e0e0; overflow: hidden; transition: border-color 0.15s, transform 0.1s; background: #fff; }\n  .chilo-ct-swatch:hover { border-color: #aaa; transform: translateY(-1px); }\n  .chilo-ct-swatch.active { border: 2px solid #111; }\n  .chilo-ct-color { height: 52px; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: center; }\n  .chilo-ct-name { padding: 7px 8px; font-size: 12px; color: #111; background: #fff; line-height: 1.3; }\n\n  .chilo-cta { padding-top: 8px; }\n\n  .chilo-summary { background: #f5f5f3; border: 1px solid #e8e8e8; border-radius: 10px; padding: 16px 20px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }\n  .chilo-summary-item { font-size: 14px; color: #888; }\n  .chilo-summary-item span { color: #111; font-weight: 500; }\n  .chilo-lead { font-size: 12px; color: #888; background: #fff; border: 1px solid #e8e8e8; border-radius: 6px; padding: 4px 12px; }\n\n  .chilo-cta-desc { font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 20px; }\n\n  .chilo-cta-buttons { display: flex; gap: 12px; flex-wrap: wrap; }\n\n  .chilo-btn-primary { background: #111; color: #fff; border: none; border-radius: 8px; padding: 14px 28px; font-size: 14px; font-weight: 500; cursor: pointer; text-decoration: none; display: inline-block; transition: background 0.15s; }\n  .chilo-btn-primary:hover { background: #333; color: #fff; }\n\n  .chilo-btn-secondary { background: transparent; color: #111; border: 1px solid #ccc; border-radius: 8px; padding: 14px 28px; font-size: 14px; cursor: pointer; text-decoration: none; display: inline-block; transition: border-color 0.15s; }\n  .chilo-btn-secondary:hover { border-color: #888; color: #111; }\n\u003c\/style\u003e\n\u003cdiv class=\"chilo-custom\"\u003e\n\u003cdiv class=\"chilo-hero\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"chilo-eyebrow\"\u003eCustom design\u003c\/p\u003e\n\u003ch1 class=\"chilo-hero-title\"\u003eBuild your plunge\u003c\/h1\u003e\n\u003cp class=\"chilo-hero-desc\"\u003eChoose your siding and countertop finish. Every plunge is built to order in Orange County.\u003c\/p\u003e\n\u003cdiv class=\"chilo-tags\"\u003e\n\u003cspan class=\"chilo-tag\"\u003eFully customizable\u003c\/span\u003e \u003cspan class=\"chilo-tag\"\u003eBuilt in OC\u003c\/span\u003e \u003cspan class=\"chilo-tag\"\u003e6–8 wk lead time\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-section\"\u003e\n\u003cp class=\"chilo-step\"\u003eStep 1\u003c\/p\u003e\n\u003ch2 class=\"chilo-section-title\"\u003eChoose your siding\u003c\/h2\u003e\n\u003cp class=\"chilo-selected-label\"\u003eSelected: \u003cspan id=\"chilo-siding-selected\"\u003eWhite Oak\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"chilo-swatches\" id=\"chilo-siding-swatches\"\u003e\n\u003cdiv class=\"chilo-swatch active\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #D4C5A9;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eWhite Oak\u003cspan class=\"chilo-swatch-sub\"\u003elow maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #C8BFA8;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eAsh\u003cspan class=\"chilo-swatch-sub\"\u003elow maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #E8D5A3;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eMaple\u003cspan class=\"chilo-swatch-sub\"\u003elow maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #8B3A2A;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eCherry\u003cspan class=\"chilo-swatch-sub\"\u003elow maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #6B2D1E;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eMahogany\u003cspan class=\"chilo-swatch-sub\"\u003elow maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #4A3728;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eWalnut\u003cspan class=\"chilo-swatch-sub\"\u003elow maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #A0522D;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eCedar\u003cspan class=\"chilo-swatch-sub outdoor\"\u003erec. for outdoors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #B8860B;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eTeak\u003cspan class=\"chilo-swatch-sub outdoor\"\u003erec. for outdoors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #2E1A0E;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eIpe\u003cspan class=\"chilo-swatch-sub outdoor\"\u003erec. for outdoors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #1A1A16;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eShou Sugi Ban\u003cspan class=\"chilo-swatch-sub outdoor\"\u003erec. for outdoors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch\"\u003e\n\u003cdiv class=\"chilo-swatch-color\" style=\"background: #7A7A72;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-swatch-name\"\u003eTimberTech\u003cspan class=\"chilo-swatch-sub outdoor\"\u003eno maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-section\"\u003e\n\u003cp class=\"chilo-step\"\u003eStep 2\u003c\/p\u003e\n\u003ch2 class=\"chilo-section-title\"\u003eChoose your countertop\u003c\/h2\u003e\n\u003cp class=\"chilo-selected-label\"\u003eSelected: \u003cspan id=\"chilo-ct-selected\"\u003eArctic White\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"chilo-ct-swatches\" id=\"chilo-ct-swatches\"\u003e\n\u003cdiv class=\"chilo-ct-swatch active\"\u003e\n\u003cdiv class=\"chilo-ct-color\" style=\"background: #F5F5F5;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-name\"\u003eArctic White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-swatch\"\u003e\n\u003cdiv class=\"chilo-ct-color\" style=\"background: #F0EDE8; background-image: linear-gradient(135deg, transparent 30%, rgba(160,155,150,0.5) 30%, rgba(160,155,150,0.5) 31%, transparent 31%), linear-gradient(160deg, transparent 55%, rgba(140,135,128,0.35) 55%, rgba(140,135,128,0.35) 56%, transparent 56%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-name\"\u003eVeined Marble\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-swatch\"\u003e\n\u003cdiv class=\"chilo-ct-color\" style=\"background: #D4C09A;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-name\"\u003eTravertine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-swatch\"\u003e\n\u003cdiv class=\"chilo-ct-color\" style=\"background: #7D9B76;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-name\"\u003eSage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-swatch\"\u003e\n\u003cdiv class=\"chilo-ct-color\" style=\"background: #8A8A8A;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-name\"\u003eUrban Grey\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-swatch\"\u003e\n\u003cdiv class=\"chilo-ct-color\" style=\"background: #2C2C2C;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-name\"\u003eCarbon Concrete\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-swatch\"\u003e\n\u003cdiv class=\"chilo-ct-color\" style=\"background: #D6D0C4; background-image: radial-gradient(circle at 20% 30%, #888 1.5px, transparent 1.5px), radial-gradient(circle at 70% 60%, #aaa 2px, transparent 2px), radial-gradient(circle at 50% 80%, #999 1px, transparent 1px);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-name\"\u003eTerrazzo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-swatch\"\u003e\n\u003cdiv class=\"chilo-ct-color\" style=\"background: #f5f5f3;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\u003cline x1=\"10\" y1=\"3\" x2=\"10\" y2=\"17\" stroke=\"#aaa\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"10\" x2=\"17\" y2=\"10\" stroke=\"#aaa\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"chilo-ct-name\"\u003eCustom finish\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-cta\"\u003e\n\u003cdiv class=\"chilo-summary\"\u003e\n\u003cdiv class=\"chilo-summary-item\"\u003eSiding: \u003cspan id=\"chilo-summary-siding\"\u003eWhite Oak\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chilo-summary-item\"\u003eCountertop: \u003cspan id=\"chilo-summary-ct\"\u003eArctic White\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chilo-lead\"\u003e6–8 wk lead time\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"chilo-cta-desc\"\u003ePricing varies by finish selection. Reach out and we'll put together a quote for your build.\u003c\/p\u003e\n\u003cdiv class=\"chilo-cta-buttons\"\u003e\n\u003ca href=\"\/pages\/contact\" class=\"chilo-btn-primary\"\u003eStart your custom design\u003c\/a\u003e \u003ca href=\"\/pages\/contact\" class=\"chilo-btn-secondary\"\u003eAsk a question\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Chilo Plunges ","offers":[{"title":"Default Title","offer_id":43883459379382,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0637\/1393\/5542\/files\/Screenshot_2026-06-17_at_10.13.44_AM.png?v=1781716431"}],"url":"https:\/\/chilocoldplunges.com\/collections\/diy-collection.oembed","provider":"Chilo Plunges ","version":"1.0","type":"link"}