{"title":"Tables \u0026 Surfaces","description":null,"products":[{"product_id":"jovialness™-compact-five-tier-woven-tabletop-display-stand-with-staggered-round-trays","title":"jovialness™ Compact Five-Tier Woven Tabletop Display Stand with Staggered Round Trays","description":"\u003cstyle\u003e\n\/* =========================================================\n jovialness™ COMPACT FIVE-TIER WOVEN TABLETOP DISPLAY STAND\n Shopify Custom Liquid\n\n TABLETOP SCULPTURAL DISPLAY LAYOUT\n Footprint \/ Tier Rhythm \/ Tray Hierarchy \/ Curve \/ Styling\n\n Theme:\n Deep Coffee Brown + Roasted Walnut\n + Soft Ivory + Warm Linen\n ========================================================= *\/\n\n.ftd,\n.ftd * {\n box-sizing: border-box;\n}\n\n.ftd {\n --ftd-coffee: #2b1c17;\n --ftd-coffee-2: #3b2720;\n --ftd-walnut: #5b3d30;\n --ftd-brown: #775445;\n\n --ftd-ivory: #efe6d8;\n --ftd-linen: #f7f3ed;\n --ftd-sand: #e8ddd1;\n --ftd-white: #ffffff;\n\n --ftd-text: #433730;\n --ftd-muted: #796c64;\n --ftd-border: #ded3c8;\n\n width: 100%;\n max-width: 820px;\n\n margin: 24px auto 0;\n padding: 0;\n\n overflow: hidden;\n\n border: 1px solid rgba(43,28,23,.09);\n border-radius: 20px;\n\n background: var(--ftd-white);\n color: var(--ftd-text);\n\n font-family:\n Arial,\n Helvetica,\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n sans-serif;\n}\n\n.ftd img {\n display: block;\n width: 100%;\n max-width: 100%;\n}\n\n.ftd-shell {\n width: 100%;\n max-width: 730px;\n\n margin: 0 auto;\n padding: 0 18px;\n}\n\n.ftd-kicker {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n\n margin-bottom: 8px;\n\n color: var(--ftd-brown);\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 800;\n letter-spacing: 1.2px;\n\n text-transform: uppercase;\n}\n\n.ftd-kicker::before {\n content: \"\";\n\n width: 24px;\n height: 1px;\n\n background: currentColor;\n}\n\n.ftd-heading {\n margin: 0;\n\n color: var(--ftd-coffee);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 30px;\n line-height: 1.08;\n font-weight: 400;\n letter-spacing: -.35px;\n}\n\n.ftd-copy {\n margin: 10px 0 0;\n\n color: var(--ftd-muted);\n\n font-size: 12px;\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n FIXED 1:1 IMAGE SYSTEM\n ========================================================= *\/\n\n.ftd-media {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n height: auto !important;\n\n overflow: hidden;\n\n border-radius: 15px;\n\n background:\n linear-gradient(\n 145deg,\n #3b2922 0%,\n #211512 100%\n );\n\n box-shadow:\n 0 14px 30px rgba(43,28,23,.14);\n}\n\n.ftd-media img {\n display: block;\n width: 100%;\n height: 100% !important;\n\n object-fit: cover;\n object-position: center;\n}\n\n.ftd-placeholder {\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n padding: 30px;\n\n text-align: center;\n\n background:\n radial-gradient(\n circle at 50% 36%,\n rgba(239,230,216,.10),\n transparent 35%\n ),\n linear-gradient(\n 145deg,\n #3b2922 0%,\n #211512 100%\n );\n}\n\n.ftd-placeholder strong {\n display: block;\n\n color: var(--ftd-ivory);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n}\n\n.ftd-placeholder span {\n display: block;\n\n max-width: 430px;\n margin-top: 8px;\n\n color: rgba(239,230,216,.67);\n\n font-size: 8.3px;\n line-height: 1.45;\n font-weight: 700;\n letter-spacing: .78px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 01 — HERO\n ========================================================= *\/\n\n.ftd-hero {\n padding: 36px 0 29px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(119,84,69,.10),\n transparent 25%\n ),\n linear-gradient(\n 180deg,\n #fbf8f3 0%,\n #efe7dd 100%\n );\n}\n\n.ftd-stand-mark {\n position: relative;\n\n width: 84px;\n height: 88px;\n\n margin-bottom: 15px;\n}\n\n.ftd-stand-spine {\n position: absolute;\n\n left: 40px;\n top: 10px;\n\n width: 4px;\n height: 65px;\n\n border-radius: 999px;\n\n background: var(--ftd-coffee);\n\n transform: rotate(5deg);\n}\n\n.ftd-stand-mark::before,\n.ftd-stand-mark::after {\n content: \"\";\n\n position: absolute;\n\n height: 9px;\n\n border: 2px solid var(--ftd-brown);\n border-radius: 50%;\n}\n\n.ftd-stand-mark::before {\n width: 50px;\n left: 7px;\n top: 25px;\n}\n\n.ftd-stand-mark::after {\n width: 42px;\n right: 3px;\n top: 48px;\n}\n\n.ftd-mark-top {\n position: absolute;\n\n width: 30px;\n height: 8px;\n\n left: 31px;\n top: 4px;\n\n border: 2px solid var(--ftd-brown);\n border-radius: 50%;\n}\n\n.ftd-mark-base {\n position: absolute;\n\n left: 17px;\n right: 17px;\n bottom: 1px;\n\n height: 11px;\n\n border: 3px solid var(--ftd-coffee);\n border-radius: 50%;\n}\n\n.ftd-hero-tag {\n display: inline-flex;\n\n margin-bottom: 10px;\n padding: 6px 11px;\n\n border: 1px solid rgba(119,84,69,.20);\n border-radius: 999px;\n\n background: rgba(119,84,69,.07);\n\n color: var(--ftd-walnut);\n\n font-size: 8px;\n line-height: 1;\n font-weight: 800;\n letter-spacing: .92px;\n\n text-transform: uppercase;\n}\n\n.ftd-hero h1 {\n max-width: 710px;\n margin: 0;\n\n color: var(--ftd-coffee);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 41px;\n line-height: 1.03;\n font-weight: 400;\n letter-spacing: -.75px;\n}\n\n.ftd-hero-sub {\n max-width: 660px;\n margin-top: 12px;\n\n color: var(--ftd-walnut);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 17px;\n line-height: 1.42;\n}\n\n.ftd-hero-copy {\n max-width: 680px;\n margin: 13px 0 0;\n\n color: var(--ftd-muted);\n\n font-size: 11.8px;\n line-height: 1.62;\n}\n\n.ftd-hero-image {\n margin-top: 21px;\n}\n\n.ftd-spec-strip {\n display: grid;\n grid-template-columns:\n repeat(4,minmax(0,1fr));\n\n gap: 6px;\n margin-top: 11px;\n}\n\n.ftd-spec-strip div {\n padding: 10px 7px;\n\n border: 1px solid var(--ftd-border);\n border-radius: 9px;\n\n background: rgba(255,255,255,.84);\n\n text-align: center;\n}\n\n.ftd-spec-strip small {\n display: block;\n\n color: var(--ftd-brown);\n\n font-size: 6.8px;\n line-height: 1.25;\n font-weight: 800;\n letter-spacing: .68px;\n\n text-transform: uppercase;\n}\n\n.ftd-spec-strip strong {\n display: block;\n\n margin-top: 4px;\n\n color: var(--ftd-coffee);\n\n font-size: 9px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n 02 — TABLETOP SCALE\n ========================================================= *\/\n\n.ftd-scale {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.ftd-scale-band {\n margin-top: 18px;\n\n display: grid;\n grid-template-columns:\n 1.4fr 1fr 1fr;\n\n gap: 7px;\n}\n\n.ftd-scale-card {\n padding: 13px 10px;\n\n border: 1px solid var(--ftd-border);\n border-radius: 10px;\n\n background: var(--ftd-linen);\n}\n\n.ftd-scale-card:first-child {\n border-top: 3px solid var(--ftd-coffee);\n}\n\n.ftd-scale-card:nth-child(2) {\n border-top: 3px solid var(--ftd-brown);\n}\n\n.ftd-scale-card:nth-child(3) {\n border-top: 3px solid var(--ftd-walnut);\n}\n\n.ftd-scale-card small {\n display: block;\n\n color: var(--ftd-brown);\n\n font-size: 6.7px;\n font-weight: 800;\n letter-spacing: .66px;\n\n text-transform: uppercase;\n}\n\n.ftd-scale-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--ftd-coffee);\n\n font-size: 10px;\n line-height: 1.3;\n}\n\n.ftd-scale-card p {\n margin: 4px 0 0;\n\n color: var(--ftd-muted);\n\n font-size: 9px;\n line-height: 1.42;\n}\n\n\n\/* =========================================================\n IMAGE 02\n ========================================================= *\/\n\n.ftd-image-two {\n padding: 0 0 32px;\n\n background: #ffffff;\n}\n\n.ftd-caption {\n margin-top: 11px;\n\n display: grid;\n grid-template-columns:\n minmax(0,.85fr)\n minmax(0,1.15fr);\n\n gap: 18px;\n}\n\n.ftd-caption strong {\n color: var(--ftd-coffee);\n\n font-size: 10.4px;\n line-height: 1.38;\n}\n\n.ftd-caption span {\n color: var(--ftd-muted);\n\n font-size: 9.4px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n 03 — FIVE TIER RHYTHM\n ========================================================= *\/\n\n.ftd-tiers {\n padding: 33px 0;\n\n background: var(--ftd-linen);\n}\n\n.ftd-tier-board {\n margin-top: 18px;\n\n position: relative;\n\n min-height: 235px;\n\n padding: 16px;\n\n overflow: hidden;\n\n border: 1px solid var(--ftd-border);\n border-radius: 14px;\n\n background: #ffffff;\n}\n\n.ftd-tier-spine {\n position: absolute;\n\n left: 50%;\n top: 22px;\n bottom: 29px;\n\n width: 5px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 180deg,\n var(--ftd-coffee) 0%,\n var(--ftd-brown) 100%\n );\n\n transform: translateX(-50%) rotate(4deg);\n}\n\n.ftd-tier-tray {\n position: absolute;\n\n height: 14px;\n\n border: 3px solid var(--ftd-coffee);\n border-radius: 50%;\n\n background: rgba(119,84,69,.06);\n}\n\n.ftd-tier-tray.t1 {\n width: 38%;\n left: 31%;\n top: 22px;\n}\n\n.ftd-tier-tray.t2 {\n width: 47%;\n left: 9%;\n top: 61px;\n}\n\n.ftd-tier-tray.t3 {\n width: 52%;\n right: 7%;\n top: 103px;\n}\n\n.ftd-tier-tray.t4 {\n width: 58%;\n left: 7%;\n top: 146px;\n}\n\n.ftd-tier-tray.t5 {\n width: 68%;\n left: 16%;\n top: 188px;\n}\n\n.ftd-tier-base {\n position: absolute;\n\n left: 30%;\n right: 30%;\n bottom: 11px;\n\n height: 15px;\n\n border: 4px solid var(--ftd-coffee);\n border-radius: 50%;\n}\n\n.ftd-tier-labels {\n display: grid;\n grid-template-columns:\n repeat(5,minmax(0,1fr));\n\n gap: 6px;\n margin-top: 12px;\n}\n\n.ftd-tier-label {\n padding: 9px 6px;\n\n border: 1px solid var(--ftd-border);\n border-radius: 8px;\n\n background: #ffffff;\n\n text-align: center;\n}\n\n.ftd-tier-label small {\n display: block;\n\n color: var(--ftd-brown);\n\n font-size: 6.4px;\n font-weight: 800;\n letter-spacing: .55px;\n\n text-transform: uppercase;\n}\n\n.ftd-tier-label strong {\n display: block;\n\n margin-top: 4px;\n\n color: var(--ftd-coffee);\n\n font-size: 8.5px;\n line-height: 1.28;\n}\n\n\n\/* =========================================================\n 04 — TRAY HIERARCHY\n ========================================================= *\/\n\n.ftd-tray {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.ftd-tray-map {\n margin-top: 18px;\n\n border-top: 1px solid var(--ftd-border);\n border-bottom: 1px solid var(--ftd-border);\n}\n\n.ftd-tray-row {\n display: grid;\n grid-template-columns:\n 74px\n minmax(0,1fr)\n 78px;\n\n gap: 10px;\n align-items: center;\n\n padding: 11px 2px;\n\n border-bottom: 1px solid rgba(222,211,200,.75);\n}\n\n.ftd-tray-row:last-child {\n border-bottom: 0;\n}\n\n.ftd-tray-level {\n color: var(--ftd-brown);\n\n font-size: 7px;\n line-height: 1.3;\n font-weight: 800;\n letter-spacing: .66px;\n\n text-transform: uppercase;\n}\n\n.ftd-tray-row strong {\n display: block;\n\n color: var(--ftd-coffee);\n\n font-size: 10px;\n line-height: 1.3;\n}\n\n.ftd-tray-row p {\n margin: 4px 0 0;\n\n color: var(--ftd-muted);\n\n font-size: 9px;\n line-height: 1.42;\n}\n\n.ftd-tray-size {\n color: var(--ftd-muted);\n\n font-size: 8.4px;\n line-height: 1.3;\n\n text-align: right;\n}\n\n\n\/* =========================================================\n IMAGE 03\n ========================================================= *\/\n\n.ftd-detail {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.ftd-detail-head {\n max-width: 640px;\n margin-bottom: 17px;\n}\n\n.ftd-detail-copy {\n margin-top: 9px;\n\n color: var(--ftd-walnut);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 13.5px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n 05 — CURVED SUPPORT\n ========================================================= *\/\n\n.ftd-support {\n padding: 33px 0;\n\n background:\n radial-gradient(\n circle at 88% 10%,\n rgba(239,230,216,.10),\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #3b2922 0%,\n #261915 60%,\n #1b1210 100%\n );\n\n color: #ffffff;\n}\n\n.ftd-support .ftd-kicker {\n color: #d9c1ae;\n}\n\n.ftd-support .ftd-heading {\n color: var(--ftd-ivory);\n}\n\n.ftd-support-copy {\n max-width: 620px;\n\n margin-top: 9px;\n\n color: rgba(239,230,216,.68);\n\n font-size: 11.4px;\n line-height: 1.56;\n}\n\n.ftd-support-grid {\n display: grid;\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap: 8px;\n margin-top: 17px;\n}\n\n.ftd-support-card {\n padding: 14px 11px;\n\n border: 1px solid rgba(239,230,216,.13);\n border-radius: 10px;\n\n background: rgba(255,255,255,.035);\n}\n\n.ftd-support-card small {\n display: block;\n\n color: #d7bda9;\n\n font-size: 6.8px;\n font-weight: 800;\n letter-spacing: .68px;\n\n text-transform: uppercase;\n}\n\n.ftd-support-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: #f7f0e8;\n\n font-size: 10px;\n line-height: 1.3;\n}\n\n.ftd-support-card p {\n margin: 5px 0 0;\n\n color: rgba(239,230,216,.63);\n\n font-size: 9px;\n line-height: 1.43;\n}\n\n\n\/* =========================================================\n 06 — WEAVE + EDGE SYSTEM\n ========================================================= *\/\n\n.ftd-material {\n padding: 32px 0;\n\n background: var(--ftd-linen);\n}\n\n.ftd-material-grid {\n display: grid;\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap: 7px;\n margin-top: 17px;\n}\n\n.ftd-material-item {\n display: grid;\n grid-template-columns:\n 34px\n minmax(0,1fr);\n\n gap: 8px;\n align-items: center;\n\n padding: 10px;\n\n border: 1px solid var(--ftd-border);\n border-radius: 9px;\n\n background: #ffffff;\n}\n\n.ftd-material-no {\n width: 32px;\n height: 32px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--ftd-coffee);\n\n color: var(--ftd-ivory);\n\n font-size: 7px;\n font-weight: 800;\n}\n\n.ftd-material-item strong {\n color: var(--ftd-coffee);\n\n font-size: 9.4px;\n line-height: 1.35;\n}\n\n\n\/* =========================================================\n 07 — COLOR ACCENT LOGIC\n ========================================================= *\/\n\n.ftd-color {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.ftd-color-layout {\n margin-top: 17px;\n\n display: grid;\n grid-template-columns:\n 2.5fr .75fr;\n\n gap: 7px;\n}\n\n.ftd-color-main,\n.ftd-color-accent {\n min-height: 118px;\n\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n\n padding: 12px;\n\n border-radius: 11px;\n}\n\n.ftd-color-main {\n background:\n linear-gradient(\n 135deg,\n var(--ftd-coffee) 0%,\n var(--ftd-walnut) 100%\n );\n\n color: #ffffff;\n}\n\n.ftd-color-accent {\n border: 1px solid var(--ftd-border);\n\n background: var(--ftd-ivory);\n\n color: var(--ftd-coffee);\n}\n\n.ftd-color-main small,\n.ftd-color-accent small {\n display: block;\n\n font-size: 6.7px;\n font-weight: 800;\n letter-spacing: .62px;\n\n text-transform: uppercase;\n}\n\n.ftd-color-main strong,\n.ftd-color-accent strong {\n display: block;\n\n margin-top: 4px;\n\n font-size: 9.5px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n 08 — LIGHTWEIGHT DISPLAY USES\n ========================================================= *\/\n\n.ftd-uses {\n padding: 32px 0;\n\n background: var(--ftd-linen);\n}\n\n.ftd-uses-grid {\n display: grid;\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap: 7px;\n margin-top: 17px;\n}\n\n.ftd-use-card {\n padding: 12px 9px;\n\n border: 1px solid var(--ftd-border);\n border-radius: 9px;\n\n background: #ffffff;\n\n text-align: center;\n}\n\n.ftd-use-card small {\n display: block;\n\n color: var(--ftd-brown);\n\n font-size: 6.5px;\n font-weight: 800;\n letter-spacing: .58px;\n\n text-transform: uppercase;\n}\n\n.ftd-use-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--ftd-coffee);\n\n font-size: 8.9px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n IMAGE 04\n ========================================================= *\/\n\n.ftd-image-four {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n\n\/* =========================================================\n 09 — PLACEMENT\n ========================================================= *\/\n\n.ftd-placement {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.ftd-placement-strip {\n margin-top: 17px;\n\n display: grid;\n grid-template-columns:\n repeat(5,minmax(0,1fr));\n\n gap: 6px;\n}\n\n.ftd-placement-card {\n padding: 12px 6px;\n\n border-top: 2px solid var(--ftd-coffee);\n\n background: var(--ftd-linen);\n\n text-align: center;\n}\n\n.ftd-placement-card small {\n display: block;\n\n color: var(--ftd-brown);\n\n font-size: 6.2px;\n font-weight: 800;\n letter-spacing: .5px;\n\n text-transform: uppercase;\n}\n\n.ftd-placement-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--ftd-coffee);\n\n font-size: 8.3px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n 10 — DISPLAY GUIDANCE\n ========================================================= *\/\n\n.ftd-guidance {\n padding: 32px 0;\n\n background: var(--ftd-linen);\n}\n\n.ftd-guidance-list {\n margin-top: 17px;\n\n display: grid;\n gap: 7px;\n}\n\n.ftd-guidance-row {\n display: grid;\n grid-template-columns:\n 42px\n minmax(0,1fr);\n\n gap: 10px;\n align-items: start;\n\n padding: 11px 12px;\n\n border: 1px solid var(--ftd-border);\n border-radius: 10px;\n\n background: #ffffff;\n}\n\n.ftd-guidance-no {\n width: 32px;\n height: 32px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--ftd-coffee);\n\n color: var(--ftd-ivory);\n\n font-size: 7px;\n font-weight: 800;\n}\n\n.ftd-guidance-row strong {\n display: block;\n\n color: var(--ftd-coffee);\n\n font-size: 10px;\n line-height: 1.3;\n}\n\n.ftd-guidance-row p {\n margin: 4px 0 0;\n\n color: var(--ftd-muted);\n\n font-size: 9.2px;\n line-height: 1.44;\n}\n\n\n\/* =========================================================\n 11 — DESIGN CHARACTER\n ========================================================= *\/\n\n.ftd-character {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.ftd-character-box {\n margin-top: 17px;\n\n padding: 16px;\n\n border-top: 1px solid var(--ftd-border);\n border-bottom: 1px solid var(--ftd-border);\n}\n\n.ftd-character-box strong {\n display: block;\n\n color: var(--ftd-coffee);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 15px;\n line-height: 1.32;\n font-weight: 400;\n}\n\n.ftd-character-box p {\n margin: 8px 0 0;\n\n color: var(--ftd-muted);\n\n font-size: 9.5px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n FINAL\n ========================================================= *\/\n\n.ftd-final {\n padding: 41px 0 44px;\n\n background:\n radial-gradient(\n circle at 50% 115%,\n rgba(119,84,69,.36),\n transparent 34%\n ),\n linear-gradient(\n 135deg,\n #3b2922 0%,\n #261915 65%,\n #1b1210 100%\n );\n\n text-align: center;\n}\n\n.ftd-final-mark {\n position: relative;\n\n width: 54px;\n height: 62px;\n\n margin: 0 auto 12px;\n}\n\n.ftd-final-mark::before {\n content: \"\";\n\n position: absolute;\n\n left: 25px;\n top: 3px;\n\n width: 3px;\n height: 50px;\n\n background: rgba(239,230,216,.5);\n\n transform: rotate(4deg);\n}\n\n.ftd-final-mark::after {\n content: \"\";\n\n position: absolute;\n\n left: 5px;\n right: 5px;\n bottom: 1px;\n\n height: 10px;\n\n border: 2px solid rgba(239,230,216,.62);\n border-radius: 50%;\n}\n\n.ftd-final-label {\n color: #d7beaa;\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 800;\n letter-spacing: 1.25px;\n\n text-transform: uppercase;\n}\n\n.ftd-final h2 {\n margin: 9px 0 0;\n\n color: var(--ftd-ivory);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 29px;\n line-height: 1.1;\n font-weight: 400;\n}\n\n.ftd-final p {\n max-width: 575px;\n\n margin: 11px auto 0;\n\n color: rgba(239,230,216,.70);\n\n font-size: 11.3px;\n line-height: 1.56;\n}\n\n\n\/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n@media (max-width: 680px) {\n\n .ftd-scale-band,\n .ftd-support-grid,\n .ftd-uses-grid {\n grid-template-columns: 1fr;\n }\n\n .ftd-caption {\n grid-template-columns: 1fr;\n gap: 4px;\n }\n\n .ftd-tier-labels {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n\n .ftd-placement-strip {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n}\n\n@media (max-width: 480px) {\n\n .ftd {\n margin-top: 16px;\n border-radius: 0;\n }\n\n .ftd-shell {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n .ftd-hero h1 {\n font-size: 31px;\n }\n\n .ftd-heading {\n font-size: 25px;\n }\n\n .ftd-spec-strip,\n .ftd-material-grid {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n\n .ftd-tray-row {\n grid-template-columns:\n 62px\n minmax(0,1fr);\n }\n\n .ftd-tray-size {\n grid-column: 2;\n\n text-align: left;\n }\n\n .ftd-tier-board {\n min-height: 210px;\n }\n\n .ftd-tier-tray.t1 {\n top: 18px;\n }\n\n .ftd-tier-tray.t2 {\n top: 53px;\n }\n\n .ftd-tier-tray.t3 {\n top: 89px;\n }\n\n .ftd-tier-tray.t4 {\n top: 126px;\n }\n\n .ftd-tier-tray.t5 {\n top: 163px;\n }\n\n .ftd-color-layout {\n grid-template-columns:\n minmax(0,1fr) 84px;\n }\n\n .ftd-media {\n aspect-ratio: 1 \/ 1;\n min-height: 0 !important;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"ftd\"\u003e\n\u003c!-- ======================================================\n 01 — HERO\n ====================================================== --\u003e\n\u003csection class=\"ftd-hero\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-stand-mark\"\u003e\n\u003cdiv class=\"ftd-stand-spine\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-mark-top\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-mark-base\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-hero-tag\"\u003eCompact Five-Tier Tabletop Display\u003c\/div\u003e\n\u003ch1\u003ejovialness™ Compact Five-Tier Woven Tabletop Display Stand with Staggered Round Trays\u003c\/h1\u003e\n\u003cdiv class=\"ftd-hero-sub\"\u003eA compact sculptural organizer built around five shallow woven trays, staggered heights, and a restrained tabletop footprint.\u003c\/div\u003e\n\u003cp class=\"ftd-hero-copy\"\u003eThe jovialness™ Compact Five-Tier Woven Tabletop Display Stand is designed specifically for consoles, dressers, countertops, tables, and other flat indoor surfaces. Five shallow circular trays branch outward at different heights around a gently offset central structure, creating a layered arrangement without the scale of a floor-standing shelf.\u003c\/p\u003e\n\u003c!-- IMAGE 01 --\u003e\n\u003cdiv class=\"ftd-hero-image\"\u003e\n\u003cdiv class=\"ftd-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/1_5463f370-c089-49f6-ad6e-debaa86040c9.png?v=1792047503\" alt=\"jovialness Compact Five-Tier Woven Tabletop Display Stand in Deep Coffee Brown with staggered round trays and compact tabletop base\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-spec-strip\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eFormat\u003c\/small\u003e \u003cstrong\u003eTabletop Display\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eLevels\u003c\/small\u003e \u003cstrong\u003eFive Round Trays\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eLayout\u003c\/small\u003e \u003cstrong\u003eStaggered Heights\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eFinish\u003c\/small\u003e \u003cstrong\u003eDeep Coffee Brown\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 02 — TABLETOP SCALE\n ====================================================== --\u003e\n\u003csection class=\"ftd-scale\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eCompact Tabletop Scale\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eDesigned to Sit on Furniture, Not Compete With It.\u003c\/h2\u003e\n\u003cp class=\"ftd-copy\"\u003eThe footprint stays intentionally compact and the overall height moderate, allowing the stand to function as a decorative tabletop organizer rather than a reduced version of a floor shelf.\u003c\/p\u003e\n\u003cdiv class=\"ftd-scale-band\"\u003e\n\u003cdiv class=\"ftd-scale-card\"\u003e\n\u003csmall\u003e Footprint \u003c\/small\u003e \u003cstrong\u003e Broad Enough to Feel Stable \u003c\/strong\u003e\n\u003cp\u003eA compact woven base visually anchors the staggered tray structure above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-scale-card\"\u003e\n\u003csmall\u003e Height \u003c\/small\u003e \u003cstrong\u003e Moderate Vertical Rise \u003c\/strong\u003e\n\u003cp\u003eThe stand remains proportionate when placed on a table, dresser, or console.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-scale-card\"\u003e\n\u003csmall\u003e Volume \u003c\/small\u003e \u003cstrong\u003e Open Multi-Level Silhouette \u003c\/strong\u003e\n\u003cp\u003eStaggered trays create display capacity without forming a solid visual block.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n IMAGE 02\n ====================================================== --\u003e\n\u003csection class=\"ftd-image-two\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/2_b993baf3-c1ba-4510-b959-da814138a0b3.png?v=1792047503\" alt=\"jovialness five-tier woven tabletop display stand showing staggered shallow trays around a curved central support\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-caption\"\u003e\n\u003cstrong\u003e Each tray remains visually readable from the front instead of disappearing behind the level above. \u003c\/strong\u003e \u003cspan\u003e Alternating left-and-right placement creates a layered sculptural arrangement while keeping the overall footprint compact. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 03 — FIVE TIER RHYTHM\n ====================================================== --\u003e\n\u003csection class=\"ftd-tiers\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eFive-Tier Display Rhythm\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eFive Levels Rise Through an Intentional Staggered Sequence.\u003c\/h2\u003e\n\u003cp class=\"ftd-copy\"\u003eTray sizes and positions change gradually from the broad lower level to the smaller upper display point, helping the silhouette remain balanced.\u003c\/p\u003e\n\u003cdiv class=\"ftd-tier-board\"\u003e\n\u003cdiv class=\"ftd-tier-spine\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-tray t1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-tray t2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-tray t3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-tray t4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-tray t5\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-base\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-labels\"\u003e\n\u003cdiv class=\"ftd-tier-label\"\u003e\n\u003csmall\u003eTier 01\u003c\/small\u003e \u003cstrong\u003eUpper Accent\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-label\"\u003e\n\u003csmall\u003eTier 02\u003c\/small\u003e \u003cstrong\u003eOffset Left\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-label\"\u003e\n\u003csmall\u003eTier 03\u003c\/small\u003e \u003cstrong\u003eOffset Right\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-label\"\u003e\n\u003csmall\u003eTier 04\u003c\/small\u003e \u003cstrong\u003eLower Display\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tier-label\"\u003e\n\u003csmall\u003eTier 05\u003c\/small\u003e \u003cstrong\u003eWide Base Tray\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 04 — TRAY HIERARCHY\n ====================================================== --\u003e\n\u003csection class=\"ftd-tray\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eTray Hierarchy\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eWider Below. Smaller Above. Shallow at Every Level.\u003c\/h2\u003e\n\u003cp class=\"ftd-copy\"\u003eEach circular display surface uses a shallow profile with only a lightly raised edge, keeping the stand visually open instead of basket-heavy.\u003c\/p\u003e\n\u003cdiv class=\"ftd-tray-map\"\u003e\n\u003cdiv class=\"ftd-tray-row\"\u003e\n\u003cdiv class=\"ftd-tray-level\"\u003eLowest\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWidest Display Tray\u003c\/strong\u003e\n\u003cp\u003ePositioned near the tabletop to establish the visual base of the arrangement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-size\"\u003eBroadest\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-row\"\u003e\n\u003cdiv class=\"ftd-tray-level\"\u003eLower Mid\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAlternating Side Extension\u003c\/strong\u003e\n\u003cp\u003eExtends outward from the support without aligning directly above the lower tray.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-size\"\u003eLarge\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-row\"\u003e\n\u003cdiv class=\"ftd-tray-level\"\u003eCenter\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBalanced Middle Level\u003c\/strong\u003e\n\u003cp\u003eCreates the central visual connection between the upper and lower tray groups.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-size\"\u003eMedium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-row\"\u003e\n\u003cdiv class=\"ftd-tray-level\"\u003eUpper Mid\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eOpposing Offset Position\u003c\/strong\u003e\n\u003cp\u003eContinues the alternating rhythm while reducing the visible tray diameter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-size\"\u003eCompact\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-row\"\u003e\n\u003cdiv class=\"ftd-tray-level\"\u003eUppermost\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSmall Centered Display Point\u003c\/strong\u003e\n\u003cp\u003eA smaller upper tray finishes the silhouette without making the top feel visually heavy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-tray-size\"\u003eSmallest\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n IMAGE 03\n ====================================================== --\u003e\n\u003csection class=\"ftd-detail\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-detail-head\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eTray + Weave Detail\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eShallow Raised Edges Keep the Surfaces Defined Without Becoming Deep Baskets.\u003c\/h2\u003e\n\u003cdiv class=\"ftd-detail-copy\"\u003eDense Deep Coffee Brown weaving gives each tray a refined matte surface, while restrained Soft Ivory binding may appear on only one or two selected edges for a small controlled contrast.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/3_107fb1ac-e922-4766-8248-17fbc69526eb.png?v=1792047504\" alt=\"Detail of jovialness woven display stand with dense coffee brown tray surface shallow raised rim and limited Soft Ivory edge accent\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 05 — CURVED SUPPORT\n ====================================================== --\u003e\n\u003csection class=\"ftd-support\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eCurved Central Structure\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eA Gentle Offset Line Connects the Five Display Levels.\u003c\/h2\u003e\n\u003cp class=\"ftd-support-copy\"\u003eRather than using a perfectly straight utility pole, the dark central structure follows a subtle curved or offset path that visually connects the staggered trays and reinforces the sculptural furniture character.\u003c\/p\u003e\n\u003cdiv class=\"ftd-support-grid\"\u003e\n\u003cdiv class=\"ftd-support-card\"\u003e\n\u003csmall\u003e Line \u003c\/small\u003e \u003cstrong\u003e Gentle Vertical Offset \u003c\/strong\u003e\n\u003cp\u003eSlight movement through the center prevents the structure from feeling mechanical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-support-card\"\u003e\n\u003csmall\u003e Connection \u003c\/small\u003e \u003cstrong\u003e Trays Visually Linked \u003c\/strong\u003e\n\u003cp\u003eEach display level feels connected to one continuous decorative support system.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-support-card\"\u003e\n\u003csmall\u003e Finish \u003c\/small\u003e \u003cstrong\u003e Matching Dark Coffee Tone \u003c\/strong\u003e\n\u003cp\u003eKeeping the support tonal allows the woven surfaces to remain the visual focus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 06 — MATERIAL INDEX\n ====================================================== --\u003e\n\u003csection class=\"ftd-material\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eMaterial + Detail Index\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eDense Weaving, Shallow Edges, and a Restrained Accent Palette.\u003c\/h2\u003e\n\u003cdiv class=\"ftd-material-grid\"\u003e\n\u003cdiv class=\"ftd-material-item\"\u003e\n\u003cdiv class=\"ftd-material-no\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003eFive shallow circular woven trays\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-material-item\"\u003e\n\u003cdiv class=\"ftd-material-no\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003eDense refined fiber texture\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-material-item\"\u003e\n\u003cdiv class=\"ftd-material-no\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003eMatte low-reflection surface\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-material-item\"\u003e\n\u003cdiv class=\"ftd-material-no\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003eLightly raised tray perimeter\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-material-item\"\u003e\n\u003cdiv class=\"ftd-material-no\"\u003e05\u003c\/div\u003e\n\u003cstrong\u003eCurved or offset central support\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-material-item\"\u003e\n\u003cdiv class=\"ftd-material-no\"\u003e06\u003c\/div\u003e\n\u003cstrong\u003eLow compact woven base\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-material-item\"\u003e\n\u003cdiv class=\"ftd-material-no\"\u003e07\u003c\/div\u003e\n\u003cstrong\u003eDeep Coffee Brown dominant finish\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-material-item\"\u003e\n\u003cdiv class=\"ftd-material-no\"\u003e08\u003c\/div\u003e\n\u003cstrong\u003eLimited Soft Ivory edge binding\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 07 — COLOR ACCENT\n ====================================================== --\u003e\n\u003csection class=\"ftd-color\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eColor Balance\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eCoffee Brown Leads. Ivory Appears Only Where It Adds Definition.\u003c\/h2\u003e\n\u003cp class=\"ftd-copy\"\u003eSoft Ivory should remain limited to selected edge details rather than repeating around every tray, preserving a dark and sophisticated overall silhouette.\u003c\/p\u003e\n\u003cdiv class=\"ftd-color-layout\"\u003e\n\u003cdiv class=\"ftd-color-main\"\u003e\n\u003csmall\u003e Dominant Finish \u003c\/small\u003e \u003cstrong\u003e Deep Coffee Brown \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-color-accent\"\u003e\n\u003csmall\u003e Limited Accent \u003c\/small\u003e \u003cstrong\u003e Soft Ivory \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 08 — DISPLAY USES\n ====================================================== --\u003e\n\u003csection class=\"ftd-uses\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eLightweight Display Uses\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eDesigned for Small Decorative Objects and Curated Everyday Displays.\u003c\/h2\u003e\n\u003cdiv class=\"ftd-uses-grid\"\u003e\n\u003cdiv class=\"ftd-use-card\"\u003e\n\u003csmall\u003eDisplay 01\u003c\/small\u003e \u003cstrong\u003eJewelry + Accessories\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-use-card\"\u003e\n\u003csmall\u003eDisplay 02\u003c\/small\u003e \u003cstrong\u003eSmall Keepsakes\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-use-card\"\u003e\n\u003csmall\u003eDisplay 03\u003c\/small\u003e \u003cstrong\u003eWrapped Items\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-use-card\"\u003e\n\u003csmall\u003eDisplay 04\u003c\/small\u003e \u003cstrong\u003eContained Candles\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-use-card\"\u003e\n\u003csmall\u003eDisplay 05\u003c\/small\u003e \u003cstrong\u003eMini Artificial Botanicals\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-use-card\"\u003e\n\u003csmall\u003eDisplay 06\u003c\/small\u003e \u003cstrong\u003eDecorative Objects\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n IMAGE 04\n ====================================================== --\u003e\n\u003csection class=\"ftd-image-four\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/4_400da298-51df-4de7-a192-e957b0055368.png?v=1792047503\" alt=\"jovialness five-tier Deep Coffee Brown woven tabletop display stand styled on a console dresser or tabletop\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 09 — PLACEMENT\n ====================================================== --\u003e\n\u003csection class=\"ftd-placement\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eTabletop Placement\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eCompact Enough for Everyday Interior Surfaces.\u003c\/h2\u003e\n\u003cdiv class=\"ftd-placement-strip\"\u003e\n\u003cdiv class=\"ftd-placement-card\"\u003e\n\u003csmall\u003eSurface 01\u003c\/small\u003e \u003cstrong\u003eConsole\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-placement-card\"\u003e\n\u003csmall\u003eSurface 02\u003c\/small\u003e \u003cstrong\u003eDresser\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-placement-card\"\u003e\n\u003csmall\u003eSurface 03\u003c\/small\u003e \u003cstrong\u003eCountertop\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-placement-card\"\u003e\n\u003csmall\u003eSurface 04\u003c\/small\u003e \u003cstrong\u003eSide Table\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-placement-card\"\u003e\n\u003csmall\u003eSurface 05\u003c\/small\u003e \u003cstrong\u003eDisplay Table\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 10 — DISPLAY GUIDANCE\n ====================================================== --\u003e\n\u003csection class=\"ftd-guidance\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eDisplay Guidance\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eKeep Each Level Light Enough for the Staggered Shape to Stay Visible.\u003c\/h2\u003e\n\u003cdiv class=\"ftd-guidance-list\"\u003e\n\u003cdiv class=\"ftd-guidance-row\"\u003e\n\u003cdiv class=\"ftd-guidance-no\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Use Lightweight Decorative Pieces \u003c\/strong\u003e\n\u003cp\u003eThe stand is intended for small display objects and decorative organization rather than heavy-duty storage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-guidance-row\"\u003e\n\u003cdiv class=\"ftd-guidance-no\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Keep the Lowest Tray Visually Grounded \u003c\/strong\u003e\n\u003cp\u003eSlightly larger items can sit lower while smaller accents move upward through the display.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-guidance-row\"\u003e\n\u003cdiv class=\"ftd-guidance-no\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Avoid Overfilling Every Level \u003c\/strong\u003e\n\u003cp\u003eLeaving open areas around the tray edges helps preserve the sculptural staggered silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ftd-guidance-row\"\u003e\n\u003cdiv class=\"ftd-guidance-no\"\u003e04\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Place on a Stable Flat Surface \u003c\/strong\u003e\n\u003cp\u003ePosition the compact woven base fully on a flat tabletop, dresser, console, or countertop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 11 — DESIGN CHARACTER\n ====================================================== --\u003e\n\u003csection class=\"ftd-character\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-kicker\"\u003eDesign Character\u003c\/div\u003e\n\u003ch2 class=\"ftd-heading\"\u003eDecorative Tabletop Object. Not a Miniature Floor Shelf.\u003c\/h2\u003e\n\u003cdiv class=\"ftd-character-box\"\u003e\n\u003cstrong\u003e The entire piece should remain visually compact, sculptural, and furniture-friendly. \u003c\/strong\u003e\n\u003cp\u003eKeep the lowest tray broad, the upper levels progressively smaller, the tray profiles shallow, and the central support gently curved or offset. Avoid oversized shelf proportions, deep storage baskets, bright bamboo tones, shiny metal poles, bulky hardware, or repetitive ivory trim around every level.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n FINAL\n ====================================================== --\u003e\n\u003csection class=\"ftd-final\"\u003e\n\u003cdiv class=\"ftd-shell\"\u003e\n\u003cdiv class=\"ftd-final-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ftd-final-label\"\u003ejovialness™ Five-Tier Woven Tabletop Display Stand\u003c\/div\u003e\n\u003ch2\u003eLayered in Height.\u003cbr\u003eCompact in Footprint.\u003c\/h2\u003e\n\u003cp\u003eA sculptural tabletop organizer defined by five staggered woven trays, a gently offset central structure, compact weighted base, and a restrained Deep Coffee Brown palette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"jovialness™","offers":[{"title":"Default Title","offer_id":50412889080065,"sku":"jovialness*12","price":59.87,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/5_5cd6ab0d-9493-43ef-924c-4780f63c4d28.png?v=1792047181"},{"product_id":"jovialness™-tall-tapered-woven-laundry-hamper-with-fitted-lid-and-removable-liner","title":"jovialness™ Tall Tapered Woven Laundry Hamper with Fitted Lid and Removable Liner","description":"\u003cstyle\u003e\n\/* =========================================================\n jovialness™ TALL TAPERED WOVEN LAUNDRY HAMPER\n Shopify Custom Liquid\n\n VERTICAL WOVEN STORAGE LAYOUT\n Height \/ Taper \/ Weave \/ Lid \/ Liner \/ Placement\n\n Theme:\n Deep Coffee Brown + Espresso\n + Soft Ivory + Warm Linen\n ========================================================= *\/\n\n.flh,\n.flh * {\n box-sizing: border-box;\n}\n\n.flh {\n --flh-coffee: #2b1c17;\n --flh-espresso: #211512;\n --flh-walnut: #53382d;\n --flh-brown: #715043;\n\n --flh-ivory: #f0e7da;\n --flh-linen: #f7f3ed;\n --flh-sand: #e8ddd2;\n --flh-white: #ffffff;\n\n --flh-text: #433730;\n --flh-muted: #796d65;\n --flh-border: #ded3c8;\n\n width: 100%;\n max-width: 820px;\n\n margin: 24px auto 0;\n padding: 0;\n\n overflow: hidden;\n\n border: 1px solid rgba(43,28,23,.09);\n border-radius: 20px;\n\n background: var(--flh-white);\n color: var(--flh-text);\n\n font-family:\n Arial,\n Helvetica,\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n sans-serif;\n}\n\n.flh img {\n display: block;\n width: 100%;\n max-width: 100%;\n}\n\n.flh-shell {\n width: 100%;\n max-width: 730px;\n\n margin: 0 auto;\n padding: 0 18px;\n}\n\n.flh-kicker {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n\n margin-bottom: 8px;\n\n color: var(--flh-brown);\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 800;\n letter-spacing: 1.15px;\n\n text-transform: uppercase;\n}\n\n.flh-kicker::before {\n content: \"\";\n\n width: 24px;\n height: 1px;\n\n background: currentColor;\n}\n\n.flh-heading {\n margin: 0;\n\n color: var(--flh-coffee);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 30px;\n line-height: 1.08;\n font-weight: 400;\n letter-spacing: -.35px;\n}\n\n.flh-copy {\n margin: 10px 0 0;\n\n color: var(--flh-muted);\n\n font-size: 12px;\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n FIXED 1:1 IMAGE SYSTEM\n ========================================================= *\/\n\n.flh-media {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n height: auto !important;\n\n overflow: hidden;\n\n border-radius: 15px;\n\n background:\n linear-gradient(\n 145deg,\n #3a2822 0%,\n #211512 100%\n );\n\n box-shadow:\n 0 14px 30px rgba(43,28,23,.14);\n}\n\n.flh-media img {\n display: block;\n width: 100%;\n height: 100% !important;\n\n object-fit: cover;\n object-position: center;\n}\n\n.flh-placeholder {\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n padding: 30px;\n\n text-align: center;\n\n background:\n radial-gradient(\n circle at 50% 35%,\n rgba(240,231,218,.10),\n transparent 35%\n ),\n linear-gradient(\n 145deg,\n #3a2822 0%,\n #211512 100%\n );\n}\n\n.flh-placeholder strong {\n display: block;\n\n color: var(--flh-ivory);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n}\n\n.flh-placeholder span {\n display: block;\n\n max-width: 430px;\n margin-top: 8px;\n\n color: rgba(240,231,218,.66);\n\n font-size: 8.3px;\n line-height: 1.45;\n font-weight: 700;\n letter-spacing: .76px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 01 — HERO\n ========================================================= *\/\n\n.flh-hero {\n padding: 36px 0 29px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(113,80,67,.10),\n transparent 25%\n ),\n linear-gradient(\n 180deg,\n #fbf8f3 0%,\n #efe7dd 100%\n );\n}\n\n.flh-hamper-mark {\n position: relative;\n\n width: 66px;\n height: 88px;\n\n margin-bottom: 15px;\n}\n\n.flh-hamper-mark::before {\n content: \"\";\n\n position: absolute;\n\n left: 11px;\n right: 11px;\n top: 12px;\n bottom: 4px;\n\n border: 3px solid var(--flh-coffee);\n border-radius: 16px 16px 20px 20px \/ 10px 10px 28px 28px;\n}\n\n.flh-hamper-mark::after {\n content: \"\";\n\n position: absolute;\n\n left: 8px;\n right: 8px;\n top: 5px;\n\n height: 13px;\n\n border: 3px solid var(--flh-walnut);\n border-radius: 50%;\n}\n\n.flh-loop-mark {\n position: absolute;\n\n left: 28px;\n top: 0;\n\n width: 10px;\n height: 8px;\n\n border: 2px solid var(--flh-brown);\n border-bottom: 0;\n border-radius: 8px 8px 0 0;\n}\n\n.flh-hero-tag {\n display: inline-flex;\n\n margin-bottom: 10px;\n padding: 6px 11px;\n\n border: 1px solid rgba(113,80,67,.20);\n border-radius: 999px;\n\n background: rgba(113,80,67,.07);\n\n color: var(--flh-walnut);\n\n font-size: 8px;\n line-height: 1;\n font-weight: 800;\n letter-spacing: .9px;\n\n text-transform: uppercase;\n}\n\n.flh-hero h1 {\n max-width: 710px;\n margin: 0;\n\n color: var(--flh-coffee);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 41px;\n line-height: 1.03;\n font-weight: 400;\n letter-spacing: -.72px;\n}\n\n.flh-hero-sub {\n max-width: 660px;\n margin-top: 12px;\n\n color: var(--flh-walnut);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 17px;\n line-height: 1.42;\n}\n\n.flh-hero-copy {\n max-width: 680px;\n margin: 13px 0 0;\n\n color: var(--flh-muted);\n\n font-size: 11.8px;\n line-height: 1.62;\n}\n\n.flh-hero-image {\n margin-top: 21px;\n}\n\n.flh-spec-strip {\n display: grid;\n grid-template-columns:\n repeat(4,minmax(0,1fr));\n\n gap: 6px;\n margin-top: 11px;\n}\n\n.flh-spec-strip div {\n padding: 10px 7px;\n\n border: 1px solid var(--flh-border);\n border-radius: 9px;\n\n background: rgba(255,255,255,.85);\n\n text-align: center;\n}\n\n.flh-spec-strip small {\n display: block;\n\n color: var(--flh-brown);\n\n font-size: 6.7px;\n line-height: 1.25;\n font-weight: 800;\n letter-spacing: .66px;\n\n text-transform: uppercase;\n}\n\n.flh-spec-strip strong {\n display: block;\n\n margin-top: 4px;\n\n color: var(--flh-coffee);\n\n font-size: 9px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n 02 — VERTICAL PROPORTION\n ========================================================= *\/\n\n.flh-proportion {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.flh-proportion-board {\n margin-top: 18px;\n\n display: grid;\n grid-template-columns:\n 110px\n minmax(0,1fr);\n\n gap: 18px;\n align-items: center;\n\n padding: 15px;\n\n border: 1px solid var(--flh-border);\n border-radius: 14px;\n\n background: var(--flh-linen);\n}\n\n.flh-shape {\n position: relative;\n\n width: 78px;\n height: 150px;\n\n margin: 0 auto;\n\n border: 4px solid var(--flh-coffee);\n border-radius: 20px 20px 28px 28px \/ 10px 10px 24px 24px;\n}\n\n.flh-shape::before {\n content: \"\";\n\n position: absolute;\n\n left: -4px;\n right: -4px;\n top: 15px;\n\n height: 6px;\n\n background: var(--flh-walnut);\n}\n\n.flh-shape::after {\n content: \"\";\n\n position: absolute;\n\n left: -4px;\n right: -4px;\n bottom: 13px;\n\n height: 7px;\n\n background: var(--flh-walnut);\n}\n\n.flh-proportion-list {\n display: grid;\n gap: 10px;\n}\n\n.flh-proportion-item {\n padding-bottom: 9px;\n\n border-bottom: 1px solid var(--flh-border);\n}\n\n.flh-proportion-item:last-child {\n padding-bottom: 0;\n\n border-bottom: 0;\n}\n\n.flh-proportion-item small {\n display: block;\n\n color: var(--flh-brown);\n\n font-size: 6.8px;\n font-weight: 800;\n letter-spacing: .66px;\n\n text-transform: uppercase;\n}\n\n.flh-proportion-item strong {\n display: block;\n\n margin-top: 4px;\n\n color: var(--flh-coffee);\n\n font-size: 10px;\n line-height: 1.3;\n}\n\n.flh-proportion-item p {\n margin: 4px 0 0;\n\n color: var(--flh-muted);\n\n font-size: 9px;\n line-height: 1.43;\n}\n\n\n\/* =========================================================\n IMAGE 02\n ========================================================= *\/\n\n.flh-image-two {\n padding: 0 0 32px;\n\n background: #ffffff;\n}\n\n.flh-caption {\n display: grid;\n grid-template-columns:\n minmax(0,.86fr)\n minmax(0,1.14fr);\n\n gap: 18px;\n\n margin-top: 11px;\n}\n\n.flh-caption strong {\n color: var(--flh-coffee);\n\n font-size: 10.4px;\n line-height: 1.38;\n}\n\n.flh-caption span {\n color: var(--flh-muted);\n\n font-size: 9.4px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n 03 — HORIZONTAL WEAVE\n ========================================================= *\/\n\n.flh-weave {\n padding: 33px 0;\n\n background: var(--flh-linen);\n}\n\n.flh-weave-panel {\n margin-top: 18px;\n\n padding: 15px;\n\n border: 1px solid var(--flh-border);\n border-radius: 13px;\n\n background: #ffffff;\n}\n\n.flh-weave-lines {\n display: grid;\n gap: 5px;\n\n margin-bottom: 14px;\n}\n\n.flh-weave-lines span {\n height: 5px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n var(--flh-coffee),\n var(--flh-walnut),\n var(--flh-coffee)\n );\n}\n\n.flh-weave-lines span:nth-child(even) {\n margin-left: 12px;\n margin-right: 8px;\n\n opacity: .82;\n}\n\n.flh-weave-grid {\n display: grid;\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap: 7px;\n}\n\n.flh-weave-card {\n padding: 12px 10px;\n\n border-radius: 9px;\n\n background: #f8f4ee;\n}\n\n.flh-weave-card small {\n display: block;\n\n color: var(--flh-brown);\n\n font-size: 6.7px;\n font-weight: 800;\n letter-spacing: .64px;\n\n text-transform: uppercase;\n}\n\n.flh-weave-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--flh-coffee);\n\n font-size: 9.8px;\n line-height: 1.3;\n}\n\n.flh-weave-card p {\n margin: 4px 0 0;\n\n color: var(--flh-muted);\n\n font-size: 8.9px;\n line-height: 1.42;\n}\n\n\n\/* =========================================================\n 04 — REINFORCED BANDS\n ========================================================= *\/\n\n.flh-bands {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.flh-band-strip {\n margin-top: 18px;\n\n display: grid;\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap: 7px;\n}\n\n.flh-band-card {\n padding: 14px 11px;\n\n border: 1px solid var(--flh-border);\n border-radius: 10px;\n\n background: #faf7f2;\n}\n\n.flh-band-card::before {\n content: \"\";\n\n display: block;\n\n width: 100%;\n height: 6px;\n\n margin-bottom: 10px;\n\n border-radius: 999px;\n\n background: var(--flh-coffee);\n}\n\n.flh-band-card:nth-child(2)::before {\n background: var(--flh-walnut);\n}\n\n.flh-band-card small {\n display: block;\n\n color: var(--flh-brown);\n\n font-size: 6.7px;\n font-weight: 800;\n letter-spacing: .64px;\n\n text-transform: uppercase;\n}\n\n.flh-band-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--flh-coffee);\n\n font-size: 9.8px;\n line-height: 1.3;\n}\n\n.flh-band-card p {\n margin: 4px 0 0;\n\n color: var(--flh-muted);\n\n font-size: 8.9px;\n line-height: 1.42;\n}\n\n\n\/* =========================================================\n 05 — FITTED LID\n ========================================================= *\/\n\n.flh-lid {\n padding: 33px 0;\n\n background:\n radial-gradient(\n circle at 88% 10%,\n rgba(240,231,218,.10),\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #3a2822 0%,\n #261915 60%,\n #1b1210 100%\n );\n\n color: #ffffff;\n}\n\n.flh-lid .flh-kicker {\n color: #d9c2af;\n}\n\n.flh-lid .flh-heading {\n color: var(--flh-ivory);\n}\n\n.flh-lid-copy {\n max-width: 620px;\n\n margin-top: 9px;\n\n color: rgba(240,231,218,.68);\n\n font-size: 11.4px;\n line-height: 1.56;\n}\n\n.flh-lid-visual {\n position: relative;\n\n height: 120px;\n\n margin-top: 18px;\n\n border: 1px solid rgba(240,231,218,.12);\n border-radius: 13px;\n\n background: rgba(255,255,255,.03);\n}\n\n.flh-lid-disc {\n position: absolute;\n\n left: 18%;\n right: 18%;\n top: 31px;\n\n height: 25px;\n\n border: 4px solid #cdb4a0;\n border-radius: 50%;\n}\n\n.flh-lid-loop {\n position: absolute;\n\n left: 50%;\n top: 20px;\n\n width: 18px;\n height: 14px;\n\n border: 3px solid #cdb4a0;\n border-bottom: 0;\n border-radius: 12px 12px 0 0;\n\n transform: translateX(-50%);\n}\n\n.flh-lid-grid {\n display: grid;\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap: 7px;\n margin-top: 12px;\n}\n\n.flh-lid-card {\n padding: 12px 10px;\n\n border: 1px solid rgba(240,231,218,.12);\n border-radius: 9px;\n\n background: rgba(255,255,255,.035);\n}\n\n.flh-lid-card small {\n display: block;\n\n color: #d5baa6;\n\n font-size: 6.7px;\n font-weight: 800;\n letter-spacing: .63px;\n\n text-transform: uppercase;\n}\n\n.flh-lid-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: #f8f0e8;\n\n font-size: 9.7px;\n line-height: 1.3;\n}\n\n.flh-lid-card p {\n margin: 4px 0 0;\n\n color: rgba(240,231,218,.62);\n\n font-size: 8.9px;\n line-height: 1.42;\n}\n\n\n\/* =========================================================\n IMAGE 03\n ========================================================= *\/\n\n.flh-detail {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.flh-detail-head {\n max-width: 640px;\n margin-bottom: 17px;\n}\n\n.flh-detail-copy {\n margin-top: 9px;\n\n color: var(--flh-walnut);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 13.5px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n 06 — REMOVABLE LINER\n ========================================================= *\/\n\n.flh-liner {\n padding: 33px 0;\n\n background: var(--flh-linen);\n}\n\n.flh-liner-box {\n margin-top: 18px;\n\n display: grid;\n grid-template-columns:\n minmax(0,1.15fr)\n minmax(0,.85fr);\n\n gap: 8px;\n}\n\n.flh-liner-main {\n min-height: 180px;\n\n padding: 16px;\n\n border-radius: 12px;\n\n background: var(--flh-ivory);\n\n color: var(--flh-coffee);\n}\n\n.flh-liner-main small {\n display: block;\n\n color: var(--flh-brown);\n\n font-size: 6.8px;\n font-weight: 800;\n letter-spacing: .65px;\n\n text-transform: uppercase;\n}\n\n.flh-liner-main strong {\n display: block;\n\n max-width: 300px;\n margin-top: 7px;\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 18px;\n line-height: 1.28;\n font-weight: 400;\n}\n\n.flh-liner-main p {\n margin: 8px 0 0;\n\n color: #74665d;\n\n font-size: 9.5px;\n line-height: 1.48;\n}\n\n.flh-liner-side {\n display: grid;\n gap: 8px;\n}\n\n.flh-liner-card {\n padding: 13px 11px;\n\n border: 1px solid var(--flh-border);\n border-radius: 10px;\n\n background: #ffffff;\n}\n\n.flh-liner-card small {\n display: block;\n\n color: var(--flh-brown);\n\n font-size: 6.6px;\n font-weight: 800;\n letter-spacing: .6px;\n\n text-transform: uppercase;\n}\n\n.flh-liner-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--flh-coffee);\n\n font-size: 9.6px;\n line-height: 1.3;\n}\n\n.flh-liner-card p {\n margin: 4px 0 0;\n\n color: var(--flh-muted);\n\n font-size: 8.8px;\n line-height: 1.42;\n}\n\n\n\/* =========================================================\n 07 — FEATURE INDEX\n ========================================================= *\/\n\n.flh-features {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.flh-feature-grid {\n display: grid;\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap: 7px;\n margin-top: 17px;\n}\n\n.flh-feature-item {\n display: grid;\n grid-template-columns:\n 34px\n minmax(0,1fr);\n\n gap: 8px;\n align-items: center;\n\n padding: 10px;\n\n border: 1px solid var(--flh-border);\n border-radius: 9px;\n\n background: #faf7f2;\n}\n\n.flh-feature-no {\n width: 32px;\n height: 32px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--flh-coffee);\n\n color: var(--flh-ivory);\n\n font-size: 7px;\n font-weight: 800;\n}\n\n.flh-feature-item strong {\n color: var(--flh-coffee);\n\n font-size: 9.3px;\n line-height: 1.35;\n}\n\n\n\/* =========================================================\n IMAGE 04\n ========================================================= *\/\n\n.flh-image-four {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n\n\/* =========================================================\n 08 — ROOM PLACEMENT\n ========================================================= *\/\n\n.flh-room {\n padding: 32px 0;\n\n background: var(--flh-linen);\n}\n\n.flh-room-grid {\n display: grid;\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap: 8px;\n margin-top: 17px;\n}\n\n.flh-room-card {\n padding: 14px 10px;\n\n border: 1px solid var(--flh-border);\n border-radius: 10px;\n\n background: #ffffff;\n\n text-align: center;\n}\n\n.flh-room-card small {\n display: block;\n\n color: var(--flh-brown);\n\n font-size: 6.6px;\n font-weight: 800;\n letter-spacing: .58px;\n\n text-transform: uppercase;\n}\n\n.flh-room-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--flh-coffee);\n\n font-size: 9.2px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n 09 — STORAGE USE\n ========================================================= *\/\n\n.flh-use {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.flh-use-list {\n margin-top: 17px;\n\n display: grid;\n gap: 7px;\n}\n\n.flh-use-row {\n display: grid;\n grid-template-columns:\n 42px\n minmax(0,1fr);\n\n gap: 10px;\n align-items: center;\n\n padding: 11px 12px;\n\n border: 1px solid var(--flh-border);\n border-radius: 10px;\n\n background: #faf7f2;\n}\n\n.flh-use-no {\n width: 32px;\n height: 32px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--flh-coffee);\n\n color: var(--flh-ivory);\n\n font-size: 7px;\n font-weight: 800;\n}\n\n.flh-use-row strong {\n display: block;\n\n color: var(--flh-coffee);\n\n font-size: 10px;\n line-height: 1.3;\n}\n\n.flh-use-row p {\n margin: 4px 0 0;\n\n color: var(--flh-muted);\n\n font-size: 9px;\n line-height: 1.42;\n}\n\n\n\/* =========================================================\n 10 — COLOR COMPOSITION\n ========================================================= *\/\n\n.flh-color {\n padding: 32px 0;\n\n background: var(--flh-linen);\n}\n\n.flh-color-layout {\n display: grid;\n grid-template-columns:\n 2.5fr .8fr;\n\n gap: 7px;\n margin-top: 17px;\n}\n\n.flh-color-main,\n.flh-color-accent {\n min-height: 112px;\n\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n\n padding: 12px;\n\n border-radius: 11px;\n}\n\n.flh-color-main {\n background:\n linear-gradient(\n 135deg,\n var(--flh-coffee) 0%,\n var(--flh-walnut) 100%\n );\n\n color: #ffffff;\n}\n\n.flh-color-accent {\n border: 1px solid var(--flh-border);\n\n background: var(--flh-ivory);\n\n color: var(--flh-coffee);\n}\n\n.flh-color-main small,\n.flh-color-accent small {\n font-size: 6.6px;\n font-weight: 800;\n letter-spacing: .6px;\n\n text-transform: uppercase;\n}\n\n.flh-color-main strong,\n.flh-color-accent strong {\n display: block;\n\n margin-top: 4px;\n\n font-size: 9.4px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n 11 — DESIGN CHARACTER\n ========================================================= *\/\n\n.flh-character {\n padding: 32px 0;\n\n background: #ffffff;\n}\n\n.flh-character-box {\n margin-top: 17px;\n\n padding: 16px;\n\n border-top: 1px solid var(--flh-border);\n border-bottom: 1px solid var(--flh-border);\n}\n\n.flh-character-box strong {\n display: block;\n\n color: var(--flh-coffee);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 15px;\n line-height: 1.32;\n font-weight: 400;\n}\n\n.flh-character-box p {\n margin: 8px 0 0;\n\n color: var(--flh-muted);\n\n font-size: 9.5px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n FINAL\n ========================================================= *\/\n\n.flh-final {\n padding: 41px 0 44px;\n\n background:\n radial-gradient(\n circle at 50% 115%,\n rgba(113,80,67,.36),\n transparent 34%\n ),\n linear-gradient(\n 135deg,\n #3a2822 0%,\n #261915 65%,\n #1b1210 100%\n );\n\n text-align: center;\n}\n\n.flh-final-mark {\n position: relative;\n\n width: 46px;\n height: 68px;\n\n margin: 0 auto 13px;\n\n border: 2px solid rgba(240,231,218,.58);\n border-radius: 13px 13px 18px 18px;\n}\n\n.flh-final-mark::before {\n content: \"\";\n\n position: absolute;\n\n left: -3px;\n right: -3px;\n top: 9px;\n\n height: 3px;\n\n background: rgba(240,231,218,.45);\n}\n\n.flh-final-label {\n color: #d8bfac;\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 800;\n letter-spacing: 1.22px;\n\n text-transform: uppercase;\n}\n\n.flh-final h2 {\n margin: 9px 0 0;\n\n color: var(--flh-ivory);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 29px;\n line-height: 1.1;\n font-weight: 400;\n}\n\n.flh-final p {\n max-width: 575px;\n\n margin: 11px auto 0;\n\n color: rgba(240,231,218,.70);\n\n font-size: 11.3px;\n line-height: 1.56;\n}\n\n\n\/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n@media (max-width: 680px) {\n\n .flh-weave-grid,\n .flh-band-strip,\n .flh-lid-grid,\n .flh-room-grid {\n grid-template-columns: 1fr;\n }\n\n .flh-caption {\n grid-template-columns: 1fr;\n gap: 4px;\n }\n\n .flh-liner-box {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 480px) {\n\n .flh {\n margin-top: 16px;\n border-radius: 0;\n }\n\n .flh-shell {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n .flh-hero h1 {\n font-size: 31px;\n }\n\n .flh-heading {\n font-size: 25px;\n }\n\n .flh-spec-strip,\n .flh-feature-grid {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n\n .flh-proportion-board {\n grid-template-columns: 88px minmax(0,1fr);\n gap: 12px;\n }\n\n .flh-shape {\n width: 64px;\n height: 132px;\n }\n\n .flh-color-layout {\n grid-template-columns:\n minmax(0,1fr) 88px;\n }\n\n .flh-media {\n aspect-ratio: 1 \/ 1;\n min-height: 0 !important;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"flh\"\u003e\n\u003c!-- 01 — HERO --\u003e\n\u003csection class=\"flh-hero\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-hamper-mark\"\u003e\n\u003cdiv class=\"flh-loop-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-hero-tag\"\u003eTall Woven Laundry Storage\u003c\/div\u003e\n\u003ch1\u003ejovialness™ Tall Tapered Woven Laundry Hamper with Fitted Lid and Removable Liner\u003c\/h1\u003e\n\u003cdiv class=\"flh-hero-sub\"\u003eA vertically proportioned woven hamper combining a dark tapered body, fitted lid, reinforced borders, and a removable Soft Ivory interior liner.\u003c\/div\u003e\n\u003cp class=\"flh-hero-copy\"\u003eThe jovialness™ Tall Tapered Woven Laundry Hamper is designed for bedrooms, dressing spaces, and laundry areas where practical household storage should still feel visually coordinated with the surrounding furniture. Its tall Deep Coffee Brown exterior is balanced by a broad base, reinforced woven bands, a fitted lid, and a restrained Soft Ivory liner.\u003c\/p\u003e\n\u003c!-- IMAGE 01 --\u003e\n\u003cdiv class=\"flh-hero-image\"\u003e\n\u003cdiv class=\"flh-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/1_a9fa44ca-3076-476f-8358-363c4a3de518.png?v=1792048420\" alt=\"jovialness Tall Tapered Woven Laundry Hamper in Deep Coffee Brown with fitted lid small center loop and Soft Ivory removable liner\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-spec-strip\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eBody\u003c\/small\u003e \u003cstrong\u003eTall Tapered Form\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eExterior\u003c\/small\u003e \u003cstrong\u003eDense Horizontal Weave\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eLid\u003c\/small\u003e \u003cstrong\u003eMatching Fitted Top\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eInterior\u003c\/small\u003e \u003cstrong\u003eRemovable Ivory Liner\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 02 — VERTICAL PROPORTION --\u003e\n\u003csection class=\"flh-proportion\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eVertical Proportion\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eTall in Profile. Broad Enough at the Base to Stay Visually Grounded.\u003c\/h2\u003e\n\u003cp class=\"flh-copy\"\u003eThe hamper uses a gently cylindrical silhouette with subtle tapering rather than a narrow tower-like form.\u003c\/p\u003e\n\u003cdiv class=\"flh-proportion-board\"\u003e\n\u003cdiv class=\"flh-shape\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flh-proportion-list\"\u003e\n\u003cdiv class=\"flh-proportion-item\"\u003e\n\u003csmall\u003eUpper Body\u003c\/small\u003e \u003cstrong\u003eSubtle Inward Narrowing\u003c\/strong\u003e\n\u003cp\u003eThe upper section becomes slightly more compact as it approaches the reinforced rim.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-proportion-item\"\u003e\n\u003csmall\u003eLower Half\u003c\/small\u003e \u003cstrong\u003eSlightly Fuller Volume\u003c\/strong\u003e\n\u003cp\u003eThe lower body carries more visual weight to balance the vertical shape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-proportion-item\"\u003e\n\u003csmall\u003eBase\u003c\/small\u003e \u003cstrong\u003eBroad Grounded Footprint\u003c\/strong\u003e\n\u003cp\u003eThe lower diameter remains substantial rather than tapering sharply toward the floor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 02 --\u003e\n\u003csection class=\"flh-image-two\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/2_0040dba7-2571-4b32-8f17-a0340626b61b.png?v=1792048421\" alt=\"jovialness tall woven laundry hamper showing the tapered cylindrical body reinforced upper rim thick base band and fitted woven lid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flh-caption\"\u003e\n\u003cstrong\u003e The vertical form stays refined without becoming visually narrow or unstable. \u003c\/strong\u003e \u003cspan\u003e A fuller lower half and reinforced base help give the dark woven body a more substantial furniture-like presence. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 03 — HORIZONTAL WEAVE --\u003e\n\u003csection class=\"flh-weave\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eDense Horizontal Weave\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eDark Woven Bands Create a Controlled, Cohesive Surface.\u003c\/h2\u003e\n\u003cp class=\"flh-copy\"\u003eThe exterior is organized primarily through horizontal woven lines, allowing subtle strand variation without breaking the Deep Coffee Brown finish.\u003c\/p\u003e\n\u003cdiv class=\"flh-weave-panel\"\u003e\n\u003cdiv class=\"flh-weave-lines\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-weave-grid\"\u003e\n\u003cdiv class=\"flh-weave-card\"\u003e\n\u003csmall\u003ePattern\u003c\/small\u003e \u003cstrong\u003ePrimarily Horizontal Bands\u003c\/strong\u003e\n\u003cp\u003eThe weave follows the hamper circumference in a visually calm horizontal rhythm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-weave-card\"\u003e\n\u003csmall\u003eTone\u003c\/small\u003e \u003cstrong\u003eDeep Coffee Variation\u003c\/strong\u003e\n\u003cp\u003eSlight strand variation adds depth while the overall exterior remains dark and cohesive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-weave-card\"\u003e\n\u003csmall\u003eSurface\u003c\/small\u003e \u003cstrong\u003eDense Matte Texture\u003c\/strong\u003e\n\u003cp\u003eThe woven finish stays refined and low-reflection rather than bright, glossy, or straw-like.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 04 — REINFORCED BANDS --\u003e\n\u003csection class=\"flh-bands\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eReinforced Borders\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eStronger Woven Bands Finish the Top and Ground the Base.\u003c\/h2\u003e\n\u003cdiv class=\"flh-band-strip\"\u003e\n\u003cdiv class=\"flh-band-card\"\u003e\n\u003csmall\u003eUpper Rim\u003c\/small\u003e \u003cstrong\u003eReinforced Opening\u003c\/strong\u003e\n\u003cp\u003eA thicker woven border creates a clean structural finish around the top opening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-band-card\"\u003e\n\u003csmall\u003eLower Base\u003c\/small\u003e \u003cstrong\u003eThicker Foundation Band\u003c\/strong\u003e\n\u003cp\u003eThe reinforced lower section visually anchors the vertical body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-band-card\"\u003e\n\u003csmall\u003eBody\u003c\/small\u003e \u003cstrong\u003eContinuous Dark Finish\u003c\/strong\u003e\n\u003cp\u003eReinforcement remains tonal rather than introducing bright contrasting materials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 05 — FITTED LID --\u003e\n\u003csection class=\"flh-lid\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eFitted Woven Lid\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eA Matching Circular Top With Only a Small Central Lift Detail.\u003c\/h2\u003e\n\u003cp class=\"flh-lid-copy\"\u003eThe woven lid follows the same circular profile as the hamper and sits neatly over the upper rim with minimal overhang.\u003c\/p\u003e\n\u003cdiv class=\"flh-lid-visual\"\u003e\n\u003cdiv class=\"flh-lid-disc\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flh-lid-loop\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-lid-grid\"\u003e\n\u003cdiv class=\"flh-lid-card\"\u003e\n\u003csmall\u003eFit\u003c\/small\u003e \u003cstrong\u003eClose Circular Profile\u003c\/strong\u003e\n\u003cp\u003eThe lid aligns visually with the body instead of projecting far beyond the rim.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-lid-card\"\u003e\n\u003csmall\u003eSurface\u003c\/small\u003e \u003cstrong\u003eMatching Woven Finish\u003c\/strong\u003e\n\u003cp\u003eDeep Coffee Brown weaving continues across the lid for a unified appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-lid-card\"\u003e\n\u003csmall\u003eLift Detail\u003c\/small\u003e \u003cstrong\u003eSmall Integrated Loop\u003c\/strong\u003e\n\u003cp\u003eA compact woven center loop replaces large handles or decorative knobs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 03 --\u003e\n\u003csection class=\"flh-detail\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-detail-head\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eLid + Liner Detail\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eDark Woven Exterior. Soft Ivory Only at the Interior Edge.\u003c\/h2\u003e\n\u003cdiv class=\"flh-detail-copy\"\u003eThe removable liner follows the full interior height while only a narrow Soft Ivory portion remains visible around the top opening.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/3_45652b63-1f58-4f07-bffe-8d023f9da014.png?v=1792048416\" alt=\"Detail of jovialness woven laundry hamper with fitted lid small center loop reinforced rim and Soft Ivory removable interior liner\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 06 — REMOVABLE LINER --\u003e\n\u003csection class=\"flh-liner\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eRemovable Interior Liner\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eA Full-Height Soft Ivory Interior Kept Visually Secondary.\u003c\/h2\u003e\n\u003cdiv class=\"flh-liner-box\"\u003e\n\u003cdiv class=\"flh-liner-main\"\u003e\n\u003csmall\u003e Interior System \u003c\/small\u003e \u003cstrong\u003e Full-Height Removable Fabric Liner \u003c\/strong\u003e\n\u003cp\u003eThe liner follows the interior profile of the hamper and can be removed separately from the woven outer body. From the exterior, only a narrow portion of the ivory fabric should remain visible around the upper rim.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-liner-side\"\u003e\n\u003cdiv class=\"flh-liner-card\"\u003e\n\u003csmall\u003eVisibility\u003c\/small\u003e \u003cstrong\u003eNarrow Upper Edge Only\u003c\/strong\u003e\n\u003cp\u003eIvory remains an interior accent rather than becoming a major exterior color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-liner-card\"\u003e\n\u003csmall\u003eContrast\u003c\/small\u003e \u003cstrong\u003eSoft Against Deep Coffee Brown\u003c\/strong\u003e\n\u003cp\u003eThe lighter fabric creates a restrained internal contrast against the dark woven body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 07 — FEATURE INDEX --\u003e\n\u003csection class=\"flh-features\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eProduct Feature Index\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eBuilt Around Vertical Storage, Woven Structure, and a Clean Finished Top.\u003c\/h2\u003e\n\u003cdiv class=\"flh-feature-grid\"\u003e\n\u003cdiv class=\"flh-feature-item\"\u003e\n\u003cdiv class=\"flh-feature-no\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003eTall tapered cylindrical body\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-feature-item\"\u003e\n\u003cdiv class=\"flh-feature-no\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003eDense horizontal weave\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-feature-item\"\u003e\n\u003cdiv class=\"flh-feature-no\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003eReinforced lower base\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-feature-item\"\u003e\n\u003cdiv class=\"flh-feature-no\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003eReinforced upper rim\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-feature-item\"\u003e\n\u003cdiv class=\"flh-feature-no\"\u003e05\u003c\/div\u003e\n\u003cstrong\u003eMatching fitted woven lid\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-feature-item\"\u003e\n\u003cdiv class=\"flh-feature-no\"\u003e06\u003c\/div\u003e\n\u003cstrong\u003eSmall integrated lid loop\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-feature-item\"\u003e\n\u003cdiv class=\"flh-feature-no\"\u003e07\u003c\/div\u003e\n\u003cstrong\u003eFull-height removable liner\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-feature-item\"\u003e\n\u003cdiv class=\"flh-feature-no\"\u003e08\u003c\/div\u003e\n\u003cstrong\u003eDeep Coffee Brown exterior\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 04 --\u003e\n\u003csection class=\"flh-image-four\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/4_1a49a950-be9f-4ddd-a4df-a5b98350ac06.png?v=1792048420\" alt=\"jovialness Deep Coffee Brown woven laundry hamper styled in a refined bedroom dressing space or laundry area\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 08 — ROOM PLACEMENT --\u003e\n\u003csection class=\"flh-room\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eInterior Placement\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eDesigned to Sit Comfortably Within Everyday Household Spaces.\u003c\/h2\u003e\n\u003cdiv class=\"flh-room-grid\"\u003e\n\u003cdiv class=\"flh-room-card\"\u003e\n\u003csmall\u003ePlacement 01\u003c\/small\u003e \u003cstrong\u003eBedroom\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-room-card\"\u003e\n\u003csmall\u003ePlacement 02\u003c\/small\u003e \u003cstrong\u003eDressing Area\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-room-card\"\u003e\n\u003csmall\u003ePlacement 03\u003c\/small\u003e \u003cstrong\u003eLaundry Space\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 09 — STORAGE USE --\u003e\n\u003csection class=\"flh-use\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eHousehold Storage\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eVertical Storage for Laundry and Everyday Household Textiles.\u003c\/h2\u003e\n\u003cdiv class=\"flh-use-list\"\u003e\n\u003cdiv class=\"flh-use-row\"\u003e\n\u003cdiv class=\"flh-use-no\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEveryday Laundry\u003c\/strong\u003e\n\u003cp\u003eThe tall interior provides a dedicated household space for clothing awaiting laundry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-use-row\"\u003e\n\u003cdiv class=\"flh-use-no\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTowels and Household Textiles\u003c\/strong\u003e\n\u003cp\u003eThe hamper can also organize lightweight household textiles in bedrooms, dressing areas, or laundry spaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-use-row\"\u003e\n\u003cdiv class=\"flh-use-no\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCovered Storage Appearance\u003c\/strong\u003e\n\u003cp\u003eThe fitted woven lid keeps the upper silhouette visually finished when the hamper is not being accessed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10 — COLOR --\u003e\n\u003csection class=\"flh-color\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eColor Composition\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eDeep Coffee Outside. Soft Ivory Inside.\u003c\/h2\u003e\n\u003cp class=\"flh-copy\"\u003eThe dark woven exterior remains dominant, while Soft Ivory is limited to the removable interior liner and narrow visible upper edge.\u003c\/p\u003e\n\u003cdiv class=\"flh-color-layout\"\u003e\n\u003cdiv class=\"flh-color-main\"\u003e\n\u003csmall\u003eExterior\u003c\/small\u003e \u003cstrong\u003eDeep Coffee Brown\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flh-color-accent\"\u003e\n\u003csmall\u003eInterior\u003c\/small\u003e \u003cstrong\u003eSoft Ivory\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 11 — DESIGN CHARACTER --\u003e\n\u003csection class=\"flh-character\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-kicker\"\u003eDesign Character\u003c\/div\u003e\n\u003ch2 class=\"flh-heading\"\u003eHousehold Storage With a Refined Woven Furniture Presence.\u003c\/h2\u003e\n\u003cdiv class=\"flh-character-box\"\u003e\n\u003cstrong\u003e The hamper should remain dark, vertically balanced, and visually cohesive from lid to base. \u003c\/strong\u003e\n\u003cp\u003eKeep the body gently tapered, the horizontal weaving dense, the reinforcement bands tonal, the lid closely fitted, and the Soft Ivory liner mostly inside the opening. Avoid white exterior panels, printed liners, large leather handles, caster wheels, bright natural straw, pale cane, or oversized decorative hardware.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL --\u003e\n\u003csection class=\"flh-final\"\u003e\n\u003cdiv class=\"flh-shell\"\u003e\n\u003cdiv class=\"flh-final-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flh-final-label\"\u003ejovialness™ Tall Tapered Woven Laundry Hamper\u003c\/div\u003e\n\u003ch2\u003eTall in Form.\u003cbr\u003eQuiet in Detail.\u003c\/h2\u003e\n\u003cp\u003eA vertically balanced woven storage piece defined by a Deep Coffee Brown exterior, reinforced borders, matching fitted lid, compact lift loop, and removable Soft Ivory interior liner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"jovialness™","offers":[{"title":"Default Title","offer_id":50418149490945,"sku":"jovialness*10","price":59.96,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/5_617e8705-97ce-46e3-bef8-215fde886b98.png?v=1792048424"},{"product_id":"jovialness™-sculpted-wall-mounted-woven-pocket-basket-with-curved-front-and-reinforced-rim","title":"jovialness™ Sculpted Wall-Mounted Woven Pocket Basket with Curved Front and Reinforced Rim","description":"\u003cstyle\u003e\n\/* =========================================================\n jovialness™ Sculpted Wall-Mounted Woven Pocket Basket\n Premium Woven Wall Decor Layout\n\n Theme:\n Deep Coffee Brown + Soft Ivory + Warm Taupe + Natural Linen\n\n Layout:\n - Shopify Custom Liquid safe\n - 4 x 1:1 image system\n - Desktop text-above-image structure\n - Compact editorial furniture\/decor layout\n - Mobile responsive\n ========================================================= *\/\n\n.fwb,\n.fwb * {\n box-sizing: border-box;\n}\n\n.fwb {\n --fwb-coffee: #4a3227;\n --fwb-coffee-dark: #2e2019;\n --fwb-coffee-soft: #6a4e3f;\n --fwb-ivory: #f5efe6;\n --fwb-linen: #faf7f2;\n --fwb-taupe: #e7ddd2;\n --fwb-taupe-dark: #cdbdaf;\n --fwb-white: #ffffff;\n --fwb-text: #514942;\n --fwb-muted: #7b7169;\n --fwb-line: #ddd2c6;\n --fwb-shadow: rgba(62,42,33,.10);\n\n width: 100%;\n max-width: 760px;\n margin: 24px auto 0;\n overflow: hidden;\n\n border: 1px solid rgba(74,50,39,.10);\n border-radius: 18px;\n\n background: var(--fwb-white);\n color: var(--fwb-text);\n\n font-family:\n Arial,\n Helvetica,\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n sans-serif;\n}\n\n.fwb h1,\n.fwb h2,\n.fwb h3,\n.fwb p,\n.fwb span,\n.fwb strong {\n word-break: normal;\n overflow-wrap: break-word;\n hyphens: none;\n}\n\n.fwb img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.fwb-shell {\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n padding: 0 18px;\n}\n\n.fwb-copy {\n width: 100%;\n max-width: 620px;\n margin: 0 auto;\n}\n\n.fwb-kicker {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n\n margin: 0 0 8px;\n\n color: var(--fwb-coffee-soft);\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 900;\n letter-spacing: 1.12px;\n text-transform: uppercase;\n}\n\n.fwb-kicker::before {\n content: \"\";\n width: 20px;\n height: 1px;\n background: var(--fwb-coffee-soft);\n}\n\n.fwb-title,\n.fwb-h2 {\n margin: 0;\n\n color: var(--fwb-coffee-dark);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-weight: 500;\n}\n\n.fwb-title {\n font-size: 38px;\n line-height: 1.03;\n letter-spacing: -.7px;\n}\n\n.fwb-h2 {\n font-size: 27px;\n line-height: 1.1;\n letter-spacing: -.28px;\n}\n\n.fwb-lead {\n margin: 9px 0 0;\n\n color: var(--fwb-muted);\n\n font-size: 11.7px;\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n 1:1 IMAGE SYSTEM\n ========================================================= *\/\n\n.fwb-square {\n width: 100%;\n max-width: 620px;\n aspect-ratio: 1 \/ 1;\n\n margin: 0 auto;\n overflow: hidden;\n\n border-radius: 14px;\n\n background:\n linear-gradient(\n 145deg,\n #e7ddd3 0%,\n #c9b7a8 100%\n );\n\n box-shadow:\n 0 12px 28px var(--fwb-shadow);\n}\n\n\n\/* =========================================================\n 01 — WALL DECOR COVER\n ========================================================= *\/\n\n.fwb-hero {\n position: relative;\n\n background:\n linear-gradient(\n 145deg,\n #34231c 0%,\n #4a3227 62%,\n #2a1d17 100%\n );\n\n color: #ffffff;\n}\n\n.fwb-hero::after {\n content: \"\";\n position: absolute;\n right: 28px;\n top: 28px;\n\n width: 70px;\n height: 70px;\n\n border: 1px solid rgba(245,239,230,.13);\n border-radius: 50%;\n}\n\n.fwb-hero-main {\n position: relative;\n z-index: 1;\n\n padding: 36px 0 24px;\n}\n\n.fwb-hero .fwb-kicker {\n color: #eadfd4;\n}\n\n.fwb-hero .fwb-kicker::before {\n background: #eadfd4;\n}\n\n.fwb-hero .fwb-title {\n color: #ffffff;\n}\n\n.fwb-hero-sub {\n max-width: 580px;\n\n margin: 11px 0 0;\n\n color: #f4eee8;\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 16.8px;\n line-height: 1.4;\n}\n\n.fwb-hero-note {\n max-width: 580px;\n\n margin: 11px 0 0;\n\n color: rgba(255,255,255,.66);\n\n font-size: 10.5px;\n line-height: 1.52;\n}\n\n.fwb-hero-facts {\n display: grid;\n grid-template-columns:\n repeat(4, minmax(0,1fr));\n\n max-width: 620px;\n margin: 0 auto;\n\n border-top: 1px solid rgba(255,255,255,.13);\n}\n\n.fwb-hero-fact {\n padding: 11px 8px 12px;\n text-align: center;\n}\n\n.fwb-hero-fact + .fwb-hero-fact {\n border-left: 1px solid rgba(255,255,255,.13);\n}\n\n.fwb-hero-fact small {\n display: block;\n\n color: #e9d8c8;\n\n font-size: 6.8px;\n font-weight: 900;\n letter-spacing: .58px;\n text-transform: uppercase;\n}\n\n.fwb-hero-fact strong {\n display: block;\n\n margin-top: 4px;\n\n color: #ffffff;\n\n font-size: 8.8px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n 02 — PRODUCT PORTRAIT\n ========================================================= *\/\n\n.fwb-portrait {\n padding: 28px 0 31px;\n background: #ffffff;\n}\n\n.fwb-caption {\n max-width: 620px;\n\n margin: 10px auto 0;\n\n color: var(--fwb-muted);\n\n font-size: 9.8px;\n line-height: 1.45;\n text-align: center;\n}\n\n\n\/* =========================================================\n 03 — WALL PROFILE\n ========================================================= *\/\n\n.fwb-profile {\n padding: 31px 0;\n\n background:\n linear-gradient(\n 180deg,\n #f8f4ef 0%,\n #ffffff 100%\n );\n}\n\n.fwb-profile-media {\n margin-top: 16px;\n}\n\n.fwb-profile-grid {\n display: grid;\n grid-template-columns:\n repeat(3, minmax(0,1fr));\n\n gap: 8px;\n\n max-width: 620px;\n margin: 13px auto 0;\n}\n\n.fwb-profile-card {\n padding: 12px 10px;\n\n border: 1px solid var(--fwb-line);\n border-radius: 10px;\n\n background: #ffffff;\n}\n\n.fwb-profile-card small {\n display: block;\n\n color: var(--fwb-coffee-soft);\n\n font-size: 7px;\n font-weight: 900;\n letter-spacing: .62px;\n text-transform: uppercase;\n}\n\n.fwb-profile-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--fwb-coffee-dark);\n\n font-size: 9.6px;\n line-height: 1.3;\n}\n\n.fwb-profile-card p {\n margin: 4px 0 0;\n\n color: var(--fwb-muted);\n\n font-size: 8.9px;\n line-height: 1.4;\n}\n\n\n\/* =========================================================\n 04 — CURVED POCKET VOLUME\n ========================================================= *\/\n\n.fwb-pocket {\n padding: 31px 0;\n\n background:\n linear-gradient(\n 135deg,\n #3b2921 0%,\n #251914 100%\n );\n\n color: #ffffff;\n}\n\n.fwb-pocket .fwb-kicker {\n color: #eadfd4;\n}\n\n.fwb-pocket .fwb-kicker::before {\n background: #eadfd4;\n}\n\n.fwb-pocket .fwb-h2 {\n color: #ffffff;\n}\n\n.fwb-pocket .fwb-lead {\n color: rgba(255,255,255,.68);\n}\n\n.fwb-pocket-media {\n margin-top: 16px;\n}\n\n.fwb-pocket .fwb-square {\n border: 1px solid rgba(255,255,255,.10);\n box-shadow: none;\n}\n\n.fwb-pocket-list {\n max-width: 620px;\n margin: 11px auto 0;\n\n border-top: 1px solid rgba(255,255,255,.14);\n}\n\n.fwb-pocket-row {\n display: grid;\n grid-template-columns:\n 120px\n minmax(0,1fr);\n\n gap: 11px;\n\n padding: 9px 0;\n\n border-bottom: 1px solid rgba(255,255,255,.14);\n}\n\n.fwb-pocket-row span {\n color: #e9d8c8;\n\n font-size: 7px;\n line-height: 1.25;\n font-weight: 900;\n letter-spacing: .65px;\n text-transform: uppercase;\n}\n\n.fwb-pocket-row strong {\n display: block;\n\n color: #ffffff;\n\n font-size: 9.7px;\n line-height: 1.3;\n}\n\n.fwb-pocket-row p {\n margin: 3px 0 0;\n\n color: rgba(255,255,255,.64);\n\n font-size: 9px;\n line-height: 1.42;\n}\n\n\n\/* =========================================================\n 05 — TAPERED SILHOUETTE\n ========================================================= *\/\n\n.fwb-shape {\n padding: 31px 0;\n background: #ffffff;\n}\n\n.fwb-shape-band {\n display: grid;\n grid-template-columns:\n repeat(4, minmax(0,1fr));\n\n max-width: 620px;\n margin: 14px auto 0;\n\n border-top: 1px solid var(--fwb-line);\n border-bottom: 1px solid var(--fwb-line);\n}\n\n.fwb-shape-item {\n padding: 10px 8px;\n text-align: center;\n}\n\n.fwb-shape-item + .fwb-shape-item {\n border-left: 1px solid var(--fwb-line);\n}\n\n.fwb-shape-item small {\n display: block;\n\n color: var(--fwb-coffee-soft);\n\n font-size: 7px;\n font-weight: 900;\n letter-spacing: .6px;\n text-transform: uppercase;\n}\n\n.fwb-shape-item strong {\n display: block;\n\n margin-top: 4px;\n\n color: var(--fwb-coffee-dark);\n\n font-size: 9px;\n line-height: 1.3;\n}\n\n\n\/* =========================================================\n 06 — WEAVE CHARACTER\n ========================================================= *\/\n\n.fwb-weave {\n padding: 31px 0;\n\n background: var(--fwb-linen);\n}\n\n.fwb-weave-media {\n margin-top: 16px;\n}\n\n.fwb-weave-grid {\n display: grid;\n grid-template-columns:\n repeat(3, minmax(0,1fr));\n\n gap: 8px;\n\n max-width: 620px;\n margin: 13px auto 0;\n}\n\n.fwb-weave-card {\n padding: 12px 10px;\n\n border-left: 3px solid var(--fwb-coffee-soft);\n\n background: #ffffff;\n}\n\n.fwb-weave-card small {\n display: block;\n\n color: var(--fwb-coffee-soft);\n\n font-size: 7px;\n font-weight: 900;\n letter-spacing: .62px;\n text-transform: uppercase;\n}\n\n.fwb-weave-card strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--fwb-coffee-dark);\n\n font-size: 9.6px;\n line-height: 1.3;\n}\n\n.fwb-weave-card p {\n margin: 4px 0 0;\n\n color: var(--fwb-muted);\n\n font-size: 8.9px;\n line-height: 1.4;\n}\n\n\n\/* =========================================================\n 07 — REINFORCED RIM\n ========================================================= *\/\n\n.fwb-rim {\n padding: 31px 0;\n background: #ffffff;\n}\n\n.fwb-rim-grid {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0,1fr));\n\n gap: 8px;\n\n max-width: 620px;\n margin: 14px auto 0;\n}\n\n.fwb-rim-card {\n padding: 11px 10px;\n\n border: 1px solid var(--fwb-line);\n border-radius: 10px;\n\n background: var(--fwb-linen);\n}\n\n.fwb-rim-card small {\n display: block;\n\n color: var(--fwb-coffee-soft);\n\n font-size: 7px;\n font-weight: 900;\n letter-spacing: .62px;\n text-transform: uppercase;\n}\n\n.fwb-rim-card strong {\n display: block;\n\n margin-top: 4px;\n\n color: var(--fwb-coffee-dark);\n\n font-size: 9.5px;\n line-height: 1.3;\n}\n\n.fwb-rim-card p {\n margin: 4px 0 0;\n\n color: var(--fwb-muted);\n\n font-size: 8.8px;\n line-height: 1.4;\n}\n\n\n\/* =========================================================\n 08 — WALL STYLING\n ========================================================= *\/\n\n.fwb-style {\n padding: 31px 0;\n\n background:\n linear-gradient(\n 180deg,\n #f3ede6 0%,\n #ffffff 100%\n );\n}\n\n.fwb-style-media {\n margin-top: 16px;\n}\n\n.fwb-style-strip {\n display: grid;\n grid-template-columns:\n repeat(3, minmax(0,1fr));\n\n max-width: 620px;\n margin: 12px auto 0;\n\n border: 1px solid var(--fwb-line);\n border-radius: 10px;\n\n overflow: hidden;\n}\n\n.fwb-style-strip div {\n padding: 11px 10px;\n background: #ffffff;\n}\n\n.fwb-style-strip div + div {\n border-left: 1px solid var(--fwb-line);\n}\n\n.fwb-style-strip small {\n display: block;\n\n color: var(--fwb-coffee-soft);\n\n font-size: 7px;\n font-weight: 900;\n letter-spacing: .62px;\n text-transform: uppercase;\n}\n\n.fwb-style-strip strong {\n display: block;\n\n margin-top: 5px;\n\n color: var(--fwb-coffee-dark);\n\n font-size: 9.4px;\n line-height: 1.3;\n}\n\n.fwb-style-strip p {\n margin: 4px 0 0;\n\n color: var(--fwb-muted);\n\n font-size: 8.8px;\n line-height: 1.4;\n}\n\n\n\/* =========================================================\n 09 — STORAGE USE\n ========================================================= *\/\n\n.fwb-use {\n padding: 31px 0;\n background: #ffffff;\n}\n\n.fwb-use-box {\n max-width: 620px;\n margin: 14px auto 0;\n\n border: 1px solid var(--fwb-line);\n border-top: 4px solid var(--fwb-coffee-soft);\n border-radius: 10px;\n\n background: var(--fwb-linen);\n}\n\n.fwb-use-row {\n display: grid;\n grid-template-columns:\n 112px\n minmax(0,1fr);\n\n gap: 10px;\n\n padding: 10px 12px;\n}\n\n.fwb-use-row + .fwb-use-row {\n border-top: 1px solid var(--fwb-line);\n}\n\n.fwb-use-row span {\n color: var(--fwb-coffee-soft);\n\n font-size: 7px;\n line-height: 1.25;\n font-weight: 900;\n letter-spacing: .62px;\n text-transform: uppercase;\n}\n\n.fwb-use-row strong {\n display: block;\n\n color: var(--fwb-coffee-dark);\n\n font-size: 9.6px;\n line-height: 1.3;\n}\n\n.fwb-use-row p {\n margin: 3px 0 0;\n\n color: var(--fwb-muted);\n\n font-size: 8.9px;\n line-height: 1.42;\n}\n\n\n\/* =========================================================\n 10 — DESIGN DIRECTION\n ========================================================= *\/\n\n.fwb-direction {\n padding: 31px 0;\n\n background: var(--fwb-linen);\n}\n\n.fwb-direction-grid {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0,1fr));\n\n gap: 8px;\n\n max-width: 620px;\n margin: 14px auto 0;\n}\n\n.fwb-direction-card {\n padding: 11px 10px;\n\n background: #ffffff;\n\n border-left: 3px solid var(--fwb-coffee-soft);\n}\n\n.fwb-direction-card small {\n display: block;\n\n color: var(--fwb-coffee-soft);\n\n font-size: 7px;\n font-weight: 900;\n letter-spacing: .62px;\n text-transform: uppercase;\n}\n\n.fwb-direction-card strong {\n display: block;\n\n margin-top: 4px;\n\n color: var(--fwb-coffee-dark);\n\n font-size: 9.5px;\n line-height: 1.3;\n}\n\n.fwb-direction-card p {\n margin: 4px 0 0;\n\n color: var(--fwb-muted);\n\n font-size: 8.8px;\n line-height: 1.4;\n}\n\n\n\/* =========================================================\n 11 — FINAL\n ========================================================= *\/\n\n.fwb-final {\n padding: 40px 0 44px;\n\n background:\n radial-gradient(\n circle at 50% 118%,\n rgba(235,220,204,.16),\n transparent 38%\n ),\n linear-gradient(\n 145deg,\n #3b2921 0%,\n #241812 100%\n );\n\n text-align: center;\n}\n\n.fwb-final-label {\n color: #eadfd4;\n\n font-size: 8.2px;\n line-height: 1.2;\n font-weight: 900;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n}\n\n.fwb-final h2 {\n margin: 9px 0 0;\n\n color: #ffffff;\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 29px;\n line-height: 1.1;\n font-weight: 500;\n}\n\n.fwb-final p {\n max-width: 530px;\n margin: 10px auto 0;\n\n color: rgba(255,255,255,.70);\n\n font-size: 11.1px;\n line-height: 1.56;\n}\n\n.fwb-final-note {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 590px;\n\n margin-top: 14px;\n padding: 7px 10px;\n\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n\n color: rgba(255,255,255,.80);\n\n font-size: 8px;\n line-height: 1.35;\n font-weight: 800;\n letter-spacing: .5px;\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n@media (max-width: 680px) {\n\n .fwb-hero-facts,\n .fwb-shape-band {\n grid-template-columns:\n repeat(2, minmax(0,1fr));\n }\n\n .fwb-hero-fact:nth-child(3),\n .fwb-shape-item:nth-child(3) {\n border-left: 0;\n border-top: 1px solid var(--fwb-line);\n }\n\n .fwb-hero-fact:nth-child(3) {\n border-top-color: rgba(255,255,255,.13);\n }\n\n .fwb-hero-fact:nth-child(4),\n .fwb-shape-item:nth-child(4) {\n border-top: 1px solid var(--fwb-line);\n }\n\n .fwb-hero-fact:nth-child(4) {\n border-top-color: rgba(255,255,255,.13);\n }\n\n .fwb-profile-grid,\n .fwb-weave-grid,\n .fwb-rim-grid,\n .fwb-style-strip,\n .fwb-direction-grid {\n grid-template-columns: 1fr;\n }\n\n .fwb-style-strip div + div {\n border-left: 0;\n border-top: 1px solid var(--fwb-line);\n }\n}\n\n@media (max-width: 480px) {\n\n .fwb {\n margin-top: 16px;\n border-radius: 0;\n }\n\n .fwb-shell {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n .fwb-title {\n font-size: 30px;\n }\n\n .fwb-h2 {\n font-size: 24px;\n }\n\n .fwb-square {\n max-width: 100%;\n aspect-ratio: 1 \/ 1;\n }\n\n .fwb-pocket-row,\n .fwb-use-row {\n grid-template-columns:\n 88px\n minmax(0,1fr);\n }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"fwb\"\u003e\n\n \u003c!-- 01 — WALL DECOR COVER --\u003e\n \u003csection class=\"fwb-hero\"\u003e\n\n \u003cdiv class=\"fwb-hero-main\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n jovialness™ Sculptural Woven Wall Decor\n \u003c\/div\u003e\n\n \u003ch1 class=\"fwb-title\"\u003e\n jovialness™ Sculpted Wall-Mounted Woven Pocket Basket with Curved Front and Reinforced Rim\n \u003c\/h1\u003e\n\n \u003cdiv class=\"fwb-hero-sub\"\u003e\n A vertically elongated wall basket with a slim rear profile and a softly projecting woven front pocket.\n \u003c\/div\u003e\n\n \u003cdiv class=\"fwb-hero-note\"\u003e\n Deep Coffee Brown weaving, a curved reinforced rim, tapered lower form, and one restrained Soft Ivory hanging accent create a refined wall-storage piece with a sculptural rather than rustic character.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-hero-facts\"\u003e\n\n \u003cdiv class=\"fwb-hero-fact\"\u003e\n \u003csmall\u003eRear\u003c\/small\u003e\n \u003cstrong\u003eFlat Vertical Panel\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fwb-hero-fact\"\u003e\n \u003csmall\u003eFront\u003c\/small\u003e\n \u003cstrong\u003eCurved Pocket Volume\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fwb-hero-fact\"\u003e\n \u003csmall\u003eBottom\u003c\/small\u003e\n \u003cstrong\u003eTapered Silhouette\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fwb-hero-fact\"\u003e\n \u003csmall\u003eRim\u003c\/small\u003e\n \u003cstrong\u003eReinforced Woven Edge\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 02 — PRODUCT PORTRAIT --\u003e\n \u003csection class=\"fwb-portrait\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-square\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/1_2589287e-2583-4c76-8bd9-5ea82b36fa1c.png?v=1792048814\" alt=\"jovialness Sculpted Wall-Mounted Woven Pocket Basket\" width=\"1000\" height=\"1000\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-caption\"\u003e\n A slim wall-mounted woven form designed to combine decorative presence with lightweight everyday storage.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 03 — WALL PROFILE --\u003e\n \u003csection class=\"fwb-profile\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n Slim Wall Profile\n \u003c\/div\u003e\n\n \u003ch2 class=\"fwb-h2\"\u003e\n Flat at the Rear, Sculpted Forward at the Front.\n \u003c\/h2\u003e\n\n \u003cp class=\"fwb-lead\"\u003e\n The vertically elongated rear panel remains relatively flat so the basket can sit neatly against the wall, while the woven front section projects forward only where additional pocket volume is needed.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-profile-media\"\u003e\n\n \u003cdiv class=\"fwb-square\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/2_cb4c5d49-d0ad-4cce-8825-8b23260f657c.png?v=1792048853\" alt=\"jovialness woven basket side profile and curved pocket\" width=\"1000\" height=\"1000\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-profile-grid\"\u003e\n\n \u003cdiv class=\"fwb-profile-card\"\u003e\n\n \u003csmall\u003e\n Rear\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Vertically Elongated Flat Panel\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Keeps the basket visually close to the wall instead of creating unnecessary rear bulk.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-profile-card\"\u003e\n\n \u003csmall\u003e\n Projection\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Controlled Front Depth\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The storage volume develops gradually toward the lower center of the front section.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-profile-card\"\u003e\n\n \u003csmall\u003e\n Placement\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Decorative Wall Storage\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Designed to read as a sculptural home object rather than a box-like wall container.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 04 — CURVED POCKET VOLUME --\u003e\n \u003csection class=\"fwb-pocket\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n Sculpted Front Pocket\n \u003c\/div\u003e\n\n \u003ch2 class=\"fwb-h2\"\u003e\n Shallow Near the Opening, Fuller Toward the Lower Center.\n \u003c\/h2\u003e\n\n \u003cp class=\"fwb-lead\"\u003e\n The front woven section begins closer to the rear panel near the upper edges, then curves outward as it moves downward. This creates a smooth pocket-like volume without the hard geometry of a rectangular storage bin.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-pocket-media\"\u003e\n\n \u003cdiv class=\"fwb-square\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/3_c2b6c740-3f2a-4d44-91a0-a729c954e2e1.png?v=1792048859\" alt=\"jovialness curved woven front pocket and reinforced rim\" width=\"1000\" height=\"1000\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-pocket-list\"\u003e\n\n \u003cdiv class=\"fwb-pocket-row\"\u003e\n\n \u003cspan\u003e\n Upper Edge\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Shallow Entry Profile\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The front begins relatively close to the wall near the opening.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-pocket-row\"\u003e\n\n \u003cspan\u003e\n Center\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Soft Outward Curve\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The woven front gradually projects forward to create useful pocket depth.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-pocket-row\"\u003e\n\n \u003cspan\u003e\n Bottom\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Tapered Return\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The lower section narrows inward instead of ending in a flat rectangular base.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 05 — TAPERED SILHOUETTE --\u003e\n \u003csection class=\"fwb-shape\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n Sculptural Silhouette\n \u003c\/div\u003e\n\n \u003ch2 class=\"fwb-h2\"\u003e\n A Softer Wall Object Than a Traditional Rectangular Basket.\n \u003c\/h2\u003e\n\n \u003cp class=\"fwb-lead\"\u003e\n Rounded transitions, a projecting central pocket, and an inward-tapering bottom keep the form visually fluid from top to bottom.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-shape-band\"\u003e\n\n \u003cdiv class=\"fwb-shape-item\"\u003e\n \u003csmall\u003eTop\u003c\/small\u003e\n \u003cstrong\u003eOpen Curved Rim\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fwb-shape-item\"\u003e\n \u003csmall\u003eFront\u003c\/small\u003e\n \u003cstrong\u003eProjecting Pocket\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fwb-shape-item\"\u003e\n \u003csmall\u003eSides\u003c\/small\u003e\n \u003cstrong\u003eSmooth Taper\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fwb-shape-item\"\u003e\n \u003csmall\u003eBottom\u003c\/small\u003e\n \u003cstrong\u003eInward Finish\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 06 — WEAVE CHARACTER --\u003e\n \u003csection class=\"fwb-weave\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n Weave Character\n \u003c\/div\u003e\n\n \u003ch2 class=\"fwb-h2\"\u003e\n Denser Below, Slightly More Open Toward the Upper Section.\n \u003c\/h2\u003e\n\n \u003cp class=\"fwb-lead\"\u003e\n The Deep Coffee Brown weave becomes visually denser across the lower pocket while slightly more visible strand spacing near the upper section prevents the wall basket from feeling overly heavy.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-weave-media\"\u003e\n\n \u003cdiv class=\"fwb-square\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/4_726037d6-ed1c-4eb6-a8e3-d52fc4154c0b.png?v=1792048858\" alt=\"jovialness woven wall basket styled in a refined interior\" width=\"1000\" height=\"1000\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-weave-grid\"\u003e\n\n \u003cdiv class=\"fwb-weave-card\"\u003e\n\n \u003csmall\u003e\n Lower Weave\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Denser Visual Structure\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The lower pocket carries a more substantial woven appearance.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-weave-card\"\u003e\n\n \u003csmall\u003e\n Upper Weave\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Slightly More Visible Spacing\n \u003c\/strong\u003e\n\n \u003cp\u003e\n A lighter visual rhythm near the opening prevents the upper section from appearing closed.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-weave-card\"\u003e\n\n \u003csmall\u003e\n Color\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Unified Deep Coffee Finish\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The primary woven surfaces stay within one dark warm-brown family.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 07 — REINFORCED RIM --\u003e\n \u003csection class=\"fwb-rim\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n Reinforced Upper Rim\n \u003c\/div\u003e\n\n \u003ch2 class=\"fwb-h2\"\u003e\n A Thicker Woven Border Defines the Opening.\n \u003c\/h2\u003e\n\n \u003cp class=\"fwb-lead\"\u003e\n The basket opening is framed by a more substantial woven rim that follows a gentle curved line across the front and gives the upper edge a cleaner architectural finish.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-rim-grid\"\u003e\n\n \u003cdiv class=\"fwb-rim-card\"\u003e\n\n \u003csmall\u003e\n Front Rim\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Softly Curved Upper Line\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The rim follows the shape of the front pocket instead of forming a rigid horizontal opening.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-rim-card\"\u003e\n\n \u003csmall\u003e\n Construction\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Thicker Woven Edge\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Creates clearer visual definition around the basket opening.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-rim-card\"\u003e\n\n \u003csmall\u003e\n Accent\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Small Soft Ivory Detail\n \u003c\/strong\u003e\n\n \u003cp\u003e\n A restrained ivory loop or fabric element may appear near the upper attachment area.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-rim-card\"\u003e\n\n \u003csmall\u003e\n Contrast\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Light Detail Kept Minimal\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The ivory accent remains secondary to the Deep Coffee Brown woven body.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 08 — WALL STYLING --\u003e\n \u003csection class=\"fwb-style\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n Refined Wall Styling\n \u003c\/div\u003e\n\n \u003ch2 class=\"fwb-h2\"\u003e\n Decorative Storage Without the Visual Weight of a Cabinet.\n \u003c\/h2\u003e\n\n \u003cp class=\"fwb-lead\"\u003e\n The basket works as a wall-mounted styling element while providing accessible storage for selected lightweight household items.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-style-strip\"\u003e\n\n \u003cdiv\u003e\n\n \u003csmall\u003e\n Entryway\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Mail \u0026amp; Paper Goods\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Suitable for lightweight paper items and everyday entryway organization.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003csmall\u003e\n Living Space\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Lightweight Textiles\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Use for scarves, small folded textiles, or similar lightweight accessories.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003csmall\u003e\n Decorative\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Dried Arrangements\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The curved pocket form can also support refined decorative wall styling.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 09 — STORAGE USE --\u003e\n \u003csection class=\"fwb-use\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n Everyday Storage Use\n \u003c\/div\u003e\n\n \u003ch2 class=\"fwb-h2\"\u003e\n Designed for Lightweight Wall Organization.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-use-box\"\u003e\n\n \u003cdiv class=\"fwb-use-row\"\u003e\n\n \u003cspan\u003e\n Mail\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Paper Goods \u0026amp; Everyday Notes\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Use the pocket for compatible lightweight mail and paper items.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-use-row\"\u003e\n\n \u003cspan\u003e\n Textiles\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Scarves \u0026amp; Small Soft Accessories\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Suitable for selected lightweight household textiles.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-use-row\"\u003e\n\n \u003cspan\u003e\n Decor\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Dried Botanical Arrangements\n \u003c\/strong\u003e\n\n \u003cp\u003e\n The curved basket shape can be styled as a decorative woven wall feature.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-use-row\"\u003e\n\n \u003cspan\u003e\n Accessories\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Small Lightweight Household Items\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Use only for appropriately sized objects suited to decorative wall storage.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- 10 — DESIGN DIRECTION --\u003e\n \u003csection class=\"fwb-direction\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-copy\"\u003e\n\n \u003cdiv class=\"fwb-kicker\"\u003e\n Design Direction\n \u003c\/div\u003e\n\n \u003ch2 class=\"fwb-h2\"\u003e\n Sculptural Woven Decor, Not Rustic Country Storage.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-direction-grid\"\u003e\n\n \u003cdiv class=\"fwb-direction-card\"\u003e\n\n \u003csmall\u003e\n Color\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Deep Coffee Brown First\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Avoid pale wicker or washed natural-cane tones that weaken the darker sculptural identity.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-direction-card\"\u003e\n\n \u003csmall\u003e\n Accent\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n One Restrained Ivory Detail\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Keep light-colored elements limited to a small hanging loop or attachment detail.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-direction-card\"\u003e\n\n \u003csmall\u003e\n Styling\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Clean Contemporary Interior\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Avoid country-style floral lining or overly decorative fabric inserts.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fwb-direction-card\"\u003e\n\n \u003csmall\u003e\n Hardware\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Visually Discreet Attachment\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Avoid oversized hooks, rope tassels, or hardware that dominates the woven form.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- FINAL --\u003e\n \u003csection class=\"fwb-final\"\u003e\n\n \u003cdiv class=\"fwb-shell\"\u003e\n\n \u003cdiv class=\"fwb-final-label\"\u003e\n jovialness™ Sculpted Wall-Mounted Woven Pocket Basket\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Flat Against the Wall.\u003cbr\u003e\n Sculpted Toward the Room.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n A Deep Coffee Brown woven wall basket combining a slim vertical rear panel, softly projecting front pocket, tapered lower silhouette, reinforced curved rim, and one minimal Soft Ivory hanging accent.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fwb-final-note\"\u003e\n Flat Rear Panel · Curved Front Pocket · Tapered Base · Reinforced Rim · Minimal Ivory Accent\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"jovialness™","offers":[{"title":"Default Title","offer_id":50418230526209,"sku":"jovialness*7","price":42.63,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/5_dc24a846-7ba4-47bd-8a1a-de7b0e328ab1.png?v=1792048871"},{"product_id":"jovialness™-woven-round-bar-cart-with-two-circular-shelves","title":"jovialness™ Woven Round Bar Cart with Two Circular Shelves","description":"\u003cstyle\u003e\n\/* =========================================================\n jovialness™ WOVEN ROUND BAR CART\n Shopify Custom Liquid — Fresh Woven Furniture Layout\n\n Layout direction:\n Editorial Hero \/ Image \/ Round Profile \/ Image \/\n Material System \/ Image \/ Mobility + Use \/ Image \/ Final\n\n Theme:\n Deep Coffee Brown + Espresso + Dark Walnut\n Soft Ivory + Warm Linen + Muted Sand\n ========================================================= *\/\n\n.fbrc,\n.fbrc * {\n box-sizing: border-box;\n}\n\n.fbrc {\n --fbrc-coffee: #2b1c18;\n --fbrc-espresso: #1d1210;\n --fbrc-walnut: #4e352b;\n --fbrc-roast: #6d4b3e;\n --fbrc-ivory: #f7f2ea;\n --fbrc-linen: #fbf8f3;\n --fbrc-sand: #e7dbce;\n --fbrc-stone: #cdbcae;\n --fbrc-text: #41342f;\n --fbrc-muted: #796b63;\n --fbrc-line: #ded3c9;\n --fbrc-white: #ffffff;\n\n width: 100%;\n max-width: 820px;\n margin: 24px auto 0;\n overflow: hidden;\n border: 1px solid rgba(43, 28, 24, .10);\n border-radius: 22px;\n background: var(--fbrc-white);\n color: var(--fbrc-text);\n font-family: Arial, Helvetica, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n line-height: 1.55;\n}\n\n.fbrc img {\n max-width: 100%;\n}\n\n\n\/* =========================================================\n SHARED\n ========================================================= *\/\n\n.fbrc-section {\n padding: 28px 20px;\n}\n\n.fbrc-kicker {\n margin: 0 0 7px;\n color: var(--fbrc-roast);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: .18em;\n line-height: 1.2;\n text-transform: uppercase;\n}\n\n.fbrc-title {\n margin: 0;\n color: var(--fbrc-coffee);\n font-size: 27px;\n font-weight: 800;\n letter-spacing: -.025em;\n line-height: 1.12;\n}\n\n.fbrc-copy {\n max-width: 680px;\n margin: 10px 0 0;\n color: var(--fbrc-muted);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.fbrc-rule {\n width: 100%;\n height: 1px;\n margin: 0;\n background: var(--fbrc-line);\n}\n\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.fbrc-hero {\n position: relative;\n padding: 34px 20px 24px;\n overflow: hidden;\n background:\n radial-gradient(circle at 82% 12%, rgba(255,255,255,.09), transparent 25%),\n linear-gradient(145deg, var(--fbrc-coffee), var(--fbrc-espresso));\n color: var(--fbrc-ivory);\n}\n\n.fbrc-hero::after {\n content: \"\";\n position: absolute;\n right: -56px;\n bottom: -82px;\n width: 220px;\n height: 220px;\n border: 1px solid rgba(247,242,234,.14);\n border-radius: 50%;\n box-shadow:\n 0 0 0 18px rgba(247,242,234,.035),\n 0 0 0 36px rgba(247,242,234,.025);\n pointer-events: none;\n}\n\n.fbrc-hero-inner {\n position: relative;\n z-index: 1;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.fbrc-brandline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 15px;\n color: rgba(247,242,234,.72);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n}\n\n.fbrc-brandline::before {\n content: \"\";\n width: 22px;\n height: 1px;\n background: var(--fbrc-stone);\n}\n\n.fbrc-hero h1 {\n max-width: 650px;\n margin: 0;\n color: var(--fbrc-ivory);\n font-size: 32px;\n font-weight: 800;\n letter-spacing: -.035em;\n line-height: 1.08;\n}\n\n.fbrc-hero-lead {\n max-width: 650px;\n margin: 13px 0 0;\n color: rgba(247,242,234,.78);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.fbrc-hero-note {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n margin-top: 20px;\n}\n\n.fbrc-pill {\n padding: 6px 9px;\n border: 1px solid rgba(247,242,234,.17);\n border-radius: 999px;\n background: rgba(255,255,255,.045);\n color: rgba(247,242,234,.82);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: .04em;\n}\n\n\n\/* =========================================================\n FIXED 1:1 IMAGE MODULE\n ========================================================= *\/\n\n.fbrc-media-wrap {\n padding: 0 20px 28px;\n background: var(--fbrc-espresso);\n}\n\n.fbrc-media {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n height: auto !important;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 16px;\n background: linear-gradient(145deg, #3b2720, #201512);\n box-shadow: 0 12px 28px rgba(20,12,10,.16);\n}\n\n.fbrc-media img {\n display: block;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n}\n\n.fbrc-placeholder {\n display: flex;\n width: 100%;\n height: 100%;\n min-height: 0;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 6px;\n color: rgba(247,242,234,.72);\n text-align: center;\n font-size: 12px;\n font-weight: 800;\n letter-spacing: .13em;\n text-transform: uppercase;\n}\n\n.fbrc-placeholder span {\n color: rgba(247,242,234,.42);\n font-size: 9px;\n letter-spacing: .18em;\n}\n\n\n\/* =========================================================\n ROUND PROFILE\n ========================================================= *\/\n\n.fbrc-profile {\n background: var(--fbrc-linen);\n}\n\n.fbrc-profile-head {\n max-width: 680px;\n margin: 0 auto;\n}\n\n.fbrc-round-diagram {\n position: relative;\n width: 214px;\n height: 214px;\n margin: 24px auto 22px;\n}\n\n.fbrc-ring {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n border: 2px solid var(--fbrc-roast);\n border-radius: 50%;\n background: rgba(255,255,255,.42);\n}\n\n.fbrc-ring.top {\n top: 24px;\n width: 150px;\n height: 150px;\n}\n\n.fbrc-ring.bottom {\n top: 96px;\n width: 178px;\n height: 94px;\n border-top-color: transparent;\n}\n\n.fbrc-post {\n position: absolute;\n top: 47px;\n width: 4px;\n height: 119px;\n border-radius: 4px;\n background: var(--fbrc-walnut);\n}\n\n.fbrc-post.left {\n left: 55px;\n}\n\n.fbrc-post.right {\n right: 55px;\n}\n\n.fbrc-handle {\n position: absolute;\n top: 5px;\n left: 50%;\n width: 90px;\n height: 42px;\n transform: translateX(-50%);\n border: 5px solid var(--fbrc-coffee);\n border-bottom: 0;\n border-radius: 48px 48px 0 0;\n}\n\n.fbrc-wheel {\n position: absolute;\n bottom: 0;\n width: 20px;\n height: 20px;\n border: 4px solid var(--fbrc-coffee);\n border-radius: 50%;\n background: var(--fbrc-ivory);\n}\n\n.fbrc-wheel.one {\n left: 39px;\n}\n\n.fbrc-wheel.two {\n left: 97px;\n}\n\n.fbrc-wheel.three {\n right: 39px;\n}\n\n.fbrc-profile-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 8px;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.fbrc-profile-item {\n padding: 13px 11px;\n border: 1px solid var(--fbrc-line);\n border-radius: 12px;\n background: var(--fbrc-white);\n}\n\n.fbrc-profile-number {\n display: block;\n margin-bottom: 5px;\n color: var(--fbrc-roast);\n font-size: 9px;\n font-weight: 800;\n letter-spacing: .14em;\n}\n\n.fbrc-profile-item strong {\n display: block;\n color: var(--fbrc-coffee);\n font-size: 12px;\n line-height: 1.3;\n}\n\n.fbrc-profile-item span {\n display: block;\n margin-top: 4px;\n color: var(--fbrc-muted);\n font-size: 10px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n SHELF ARCHITECTURE\n ========================================================= *\/\n\n.fbrc-architecture {\n background: var(--fbrc-white);\n}\n\n.fbrc-architecture-inner {\n max-width: 680px;\n margin: 0 auto;\n}\n\n.fbrc-architecture-list {\n margin-top: 20px;\n border-top: 1px solid var(--fbrc-line);\n}\n\n.fbrc-architecture-row {\n display: grid;\n grid-template-columns: 56px 1fr;\n gap: 14px;\n padding: 15px 0;\n border-bottom: 1px solid var(--fbrc-line);\n}\n\n.fbrc-architecture-num {\n color: var(--fbrc-roast);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: .12em;\n}\n\n.fbrc-architecture-row strong {\n display: block;\n margin-bottom: 3px;\n color: var(--fbrc-coffee);\n font-size: 13px;\n}\n\n.fbrc-architecture-row p {\n margin: 0;\n color: var(--fbrc-muted);\n font-size: 12px;\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n MATERIAL SYSTEM\n ========================================================= *\/\n\n.fbrc-material {\n background: var(--fbrc-sand);\n}\n\n.fbrc-material-inner {\n max-width: 680px;\n margin: 0 auto;\n}\n\n.fbrc-swatch-row {\n display: grid;\n grid-template-columns: 1.25fr 1fr 1fr 1fr;\n gap: 7px;\n margin-top: 19px;\n}\n\n.fbrc-swatch {\n min-height: 72px;\n padding: 9px;\n border-radius: 10px;\n display: flex;\n align-items: flex-end;\n color: var(--fbrc-white);\n font-size: 9px;\n font-weight: 800;\n letter-spacing: .06em;\n text-transform: uppercase;\n}\n\n.fbrc-swatch.coffee {\n background: #2b1c18;\n}\n\n.fbrc-swatch.espresso {\n background: #1d1210;\n}\n\n.fbrc-swatch.walnut {\n background: #4e352b;\n}\n\n.fbrc-swatch.ivory {\n background: #f7f2ea;\n color: var(--fbrc-coffee);\n border: 1px solid rgba(43,28,24,.12);\n}\n\n.fbrc-material-note {\n margin: 14px 0 0;\n color: #675951;\n font-size: 12px;\n line-height: 1.65;\n}\n\n.fbrc-feature-strip {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 7px;\n margin-top: 17px;\n}\n\n.fbrc-feature {\n padding: 11px 9px;\n border: 1px solid rgba(43,28,24,.12);\n border-radius: 10px;\n background: rgba(255,255,255,.38);\n}\n\n.fbrc-feature strong {\n display: block;\n color: var(--fbrc-coffee);\n font-size: 10px;\n line-height: 1.35;\n}\n\n.fbrc-feature span {\n display: block;\n margin-top: 4px;\n color: #75665d;\n font-size: 9px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n MOVEMENT\n ========================================================= *\/\n\n.fbrc-mobility {\n background: var(--fbrc-coffee);\n color: var(--fbrc-ivory);\n}\n\n.fbrc-mobility .fbrc-title {\n color: var(--fbrc-ivory);\n}\n\n.fbrc-mobility .fbrc-copy {\n color: rgba(247,242,234,.70);\n}\n\n.fbrc-mobility-inner {\n max-width: 680px;\n margin: 0 auto;\n}\n\n.fbrc-handle-stage {\n position: relative;\n height: 116px;\n margin: 20px 0 19px;\n overflow: hidden;\n border: 1px solid rgba(247,242,234,.13);\n border-radius: 14px;\n background: rgba(255,255,255,.035);\n}\n\n.fbrc-handle-stage::before,\n.fbrc-handle-stage::after {\n content: \"\";\n position: absolute;\n bottom: 25px;\n width: 48%;\n height: 1px;\n background: rgba(247,242,234,.16);\n}\n\n.fbrc-handle-stage::before {\n left: 0;\n}\n\n.fbrc-handle-stage::after {\n right: 0;\n}\n\n.fbrc-handle-visual {\n position: absolute;\n left: 50%;\n top: 20px;\n width: 155px;\n height: 68px;\n transform: translateX(-50%);\n border: 6px solid var(--fbrc-stone);\n border-bottom: 0;\n border-radius: 90px 90px 0 0;\n}\n\n.fbrc-handle-visual::before,\n.fbrc-handle-visual::after {\n content: \"\";\n position: absolute;\n top: 54px;\n width: 7px;\n height: 28px;\n border-radius: 6px;\n background: var(--fbrc-stone);\n}\n\n.fbrc-handle-visual::before {\n left: 7px;\n}\n\n.fbrc-handle-visual::after {\n right: 7px;\n}\n\n.fbrc-mobility-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 8px;\n}\n\n.fbrc-mobility-item {\n padding: 13px 11px;\n border-top: 1px solid rgba(247,242,234,.22);\n}\n\n.fbrc-mobility-item strong {\n display: block;\n color: var(--fbrc-ivory);\n font-size: 12px;\n}\n\n.fbrc-mobility-item span {\n display: block;\n margin-top: 4px;\n color: rgba(247,242,234,.60);\n font-size: 10px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n USE \/ STYLING\n ========================================================= *\/\n\n.fbrc-use {\n background: var(--fbrc-linen);\n}\n\n.fbrc-use-inner {\n max-width: 680px;\n margin: 0 auto;\n}\n\n.fbrc-use-list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n margin-top: 19px;\n}\n\n.fbrc-use-card {\n padding: 14px 13px;\n border-left: 3px solid var(--fbrc-roast);\n border-radius: 0 10px 10px 0;\n background: var(--fbrc-white);\n}\n\n.fbrc-use-card strong {\n display: block;\n color: var(--fbrc-coffee);\n font-size: 12px;\n}\n\n.fbrc-use-card span {\n display: block;\n margin-top: 4px;\n color: var(--fbrc-muted);\n font-size: 10px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n FINAL\n ========================================================= *\/\n\n.fbrc-final {\n padding: 30px 20px 32px;\n background: linear-gradient(145deg, #f0e7dc, #fbf8f3);\n text-align: center;\n}\n\n.fbrc-final-inner {\n max-width: 600px;\n margin: 0 auto;\n}\n\n.fbrc-final-mark {\n width: 54px;\n height: 54px;\n margin: 0 auto 14px;\n border: 1px solid var(--fbrc-roast);\n border-radius: 50%;\n position: relative;\n}\n\n.fbrc-final-mark::before,\n.fbrc-final-mark::after {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n border: 1px solid var(--fbrc-roast);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n}\n\n.fbrc-final-mark::before {\n width: 34px;\n height: 34px;\n}\n\n.fbrc-final-mark::after {\n width: 12px;\n height: 12px;\n background: var(--fbrc-roast);\n}\n\n.fbrc-final h2 {\n margin: 0;\n color: var(--fbrc-coffee);\n font-size: 24px;\n line-height: 1.15;\n}\n\n.fbrc-final p {\n max-width: 560px;\n margin: 10px auto 0;\n color: var(--fbrc-muted);\n font-size: 12px;\n line-height: 1.7;\n}\n\n.fbrc-final-tags {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 7px;\n margin-top: 17px;\n}\n\n.fbrc-final-tag {\n padding: 6px 9px;\n border: 1px solid var(--fbrc-line);\n border-radius: 999px;\n background: rgba(255,255,255,.58);\n color: var(--fbrc-text);\n font-size: 9px;\n font-weight: 700;\n letter-spacing: .04em;\n}\n\n\n\/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n@media (max-width: 640px) {\n\n .fbrc {\n margin-top: 12px;\n border-radius: 16px;\n }\n\n .fbrc-section {\n padding: 24px 15px;\n }\n\n .fbrc-hero {\n padding: 29px 15px 21px;\n }\n\n .fbrc-hero h1 {\n font-size: 26px;\n }\n\n .fbrc-media-wrap {\n padding: 0 15px 24px;\n }\n\n .fbrc-title {\n font-size: 23px;\n }\n\n .fbrc-profile-grid,\n .fbrc-mobility-grid {\n grid-template-columns: 1fr;\n }\n\n .fbrc-swatch-row {\n grid-template-columns: 1.2fr 1fr;\n }\n\n .fbrc-feature-strip {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .fbrc-use-list {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 480px) {\n\n .fbrc-media {\n aspect-ratio: 1 \/ 1;\n min-height: 0 !important;\n }\n\n .fbrc-round-diagram {\n transform: scale(.92);\n transform-origin: center;\n margin-top: 14px;\n margin-bottom: 10px;\n }\n\n .fbrc-architecture-row {\n grid-template-columns: 42px 1fr;\n gap: 10px;\n }\n\n .fbrc-hero-note {\n gap: 5px;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"fbrc\"\u003e\n\u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\u003csection class=\"fbrc-hero\"\u003e\n\u003cdiv class=\"fbrc-hero-inner\"\u003e\n\u003cdiv class=\"fbrc-brandline\"\u003ejovialness™ \/ Woven Furniture\u003c\/div\u003e\n\u003ch1\u003eWoven Round Bar Cart with Two Circular Shelves\u003c\/h1\u003e\n\u003cp class=\"fbrc-hero-lead\"\u003eA compact rolling home cart that brings woven texture, rounded structure, and versatile display storage together in a refined indoor piece.\u003c\/p\u003e\n\u003cdiv class=\"fbrc-hero-note\"\u003e\n\u003cspan class=\"fbrc-pill\"\u003eTwo Circular Shelves\u003c\/span\u003e \u003cspan class=\"fbrc-pill\"\u003eDeep Coffee Brown\u003c\/span\u003e \u003cspan class=\"fbrc-pill\"\u003eSoft Ivory Accents\u003c\/span\u003e \u003cspan class=\"fbrc-pill\"\u003eFour Compact Casters\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01 — MAIN PRODUCT IMAGE\n ===================================================== --\u003e\n\u003cdiv class=\"fbrc-media-wrap\"\u003e\n\u003cdiv class=\"fbrc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/1_66288194-ac58-4ed4-a65c-da7d43d23d28.png?v=1792049274\" alt=\"jovialness Woven Round Bar Cart with Two Circular Shelves in Deep Coffee Brown\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-rule\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n 01 \/ ROUND PROFILE\n ===================================================== --\u003e\n\u003csection class=\"fbrc-section fbrc-profile\"\u003e\n\u003cdiv class=\"fbrc-profile-head\"\u003e\n\u003cp class=\"fbrc-kicker\"\u003e01 \/ Round Profile\u003c\/p\u003e\n\u003ch2 class=\"fbrc-title\"\u003eA balanced circular silhouette, built in two levels.\u003c\/h2\u003e\n\u003cp class=\"fbrc-copy\"\u003eThe cart is organized around two circular woven shelf levels connected by a slim vertical support frame. The stacked arrangement keeps the profile rounded and decorative while providing an upper and lower surface for display or storage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-round-diagram\"\u003e\n\u003cdiv class=\"fbrc-handle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fbrc-ring top\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fbrc-ring bottom\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fbrc-post left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fbrc-post right\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fbrc-wheel one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fbrc-wheel two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fbrc-wheel three\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-profile-grid\"\u003e\n\u003cdiv class=\"fbrc-profile-item\"\u003e\n\u003cspan class=\"fbrc-profile-number\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Upper Tray \u003c\/strong\u003e \u003cspan\u003e Easy-to-reach surface for frequently used items. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-profile-item\"\u003e\n\u003cspan class=\"fbrc-profile-number\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Lower Tray \u003c\/strong\u003e \u003cspan\u003e Additional space for display or organized storage. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-profile-item\"\u003e\n\u003cspan class=\"fbrc-profile-number\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Raised Rim \u003c\/strong\u003e \u003cspan\u003e Defines each circular tray with a finished edge. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02 — DETAIL \/ ANGLE\n ===================================================== --\u003e\n\u003cdiv class=\"fbrc-media-wrap\" style=\"background: var(--fbrc-linen);\"\u003e\n\u003cdiv class=\"fbrc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/2_47f9ddc9-b221-4964-8d18-ad4261cf5329.png?v=1792049271\" alt=\"jovialness round woven bar cart showing two circular shelf tiers and raised tray rims\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n 02 \/ SHELF ARCHITECTURE\n ===================================================== --\u003e\n\u003csection class=\"fbrc-section fbrc-architecture\"\u003e\n\u003cdiv class=\"fbrc-architecture-inner\"\u003e\n\u003cp class=\"fbrc-kicker\"\u003e02 \/ Shelf Architecture\u003c\/p\u003e\n\u003ch2 class=\"fbrc-title\"\u003eWoven surfaces with a furniture-like edge.\u003c\/h2\u003e\n\u003cp class=\"fbrc-copy\"\u003eEach shelf uses a broad circular woven tray surface with a gently raised surrounding rim. The controlled weave gives the trays a more polished appearance than a casual basket texture, while the slim frame keeps the structure visually light.\u003c\/p\u003e\n\u003cdiv class=\"fbrc-architecture-list\"\u003e\n\u003cdiv class=\"fbrc-architecture-row\"\u003e\n\u003cdiv class=\"fbrc-architecture-num\"\u003eA\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Dense woven tray surface \u003c\/strong\u003e\n\u003cp\u003eDeep Coffee Brown texture forms the main visual identity of both shelf levels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-architecture-row\"\u003e\n\u003cdiv class=\"fbrc-architecture-num\"\u003eB\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Gently raised surrounding rim \u003c\/strong\u003e\n\u003cp\u003eThe circular edge gives each tray a defined, finished furniture profile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-architecture-row\"\u003e\n\u003cdiv class=\"fbrc-architecture-num\"\u003eC\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Slim vertical support frame \u003c\/strong\u003e\n\u003cp\u003eClean posts connect the tiers without visually overpowering the woven surfaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-architecture-row\"\u003e\n\u003cdiv class=\"fbrc-architecture-num\"\u003eD\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Lower stabilizing support \u003c\/strong\u003e\n\u003cp\u003eA circular or cross-braced lower support visually completes the stacked structure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 03 \/ MATERIAL \u0026 COLOR\n ===================================================== --\u003e\n\u003csection class=\"fbrc-section fbrc-material\"\u003e\n\u003cdiv class=\"fbrc-material-inner\"\u003e\n\u003cp class=\"fbrc-kicker\"\u003e03 \/ Material \u0026amp; Color\u003c\/p\u003e\n\u003ch2 class=\"fbrc-title\"\u003eDeep coffee tones keep the woven texture grounded.\u003c\/h2\u003e\n\u003cp class=\"fbrc-copy\" style=\"color: #675951;\"\u003eThe dominant finish stays within espresso, dark walnut, and roasted coffee tones. The surface remains matte and low-reflection, while Soft Ivory is reserved for restrained accent details so the coffee brown remains visually dominant.\u003c\/p\u003e\n\u003cdiv class=\"fbrc-swatch-row\"\u003e\n\u003cdiv class=\"fbrc-swatch coffee\"\u003eDeep Coffee\u003c\/div\u003e\n\u003cdiv class=\"fbrc-swatch espresso\"\u003eEspresso\u003c\/div\u003e\n\u003cdiv class=\"fbrc-swatch walnut\"\u003eDark Walnut\u003c\/div\u003e\n\u003cdiv class=\"fbrc-swatch ivory\"\u003eSoft Ivory\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"fbrc-material-note\"\u003eSoft Ivory may appear as a subtle tray-edge binding, inner tray detail, or woven junction accent. It is intentionally minimal rather than a second dominant color.\u003c\/p\u003e\n\u003cdiv class=\"fbrc-feature-strip\"\u003e\n\u003cdiv class=\"fbrc-feature\"\u003e\n\u003cstrong\u003e Refined Weave \u003c\/strong\u003e \u003cspan\u003e Controlled, dense texture \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-feature\"\u003e\n\u003cstrong\u003e Matte Finish \u003c\/strong\u003e \u003cspan\u003e Low-reflection appearance \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-feature\"\u003e\n\u003cstrong\u003e Soft Accent \u003c\/strong\u003e \u003cspan\u003e Ivory used sparingly \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-feature\"\u003e\n\u003cstrong\u003e Light Frame \u003c\/strong\u003e \u003cspan\u003e Slim visual structure \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03 — STRUCTURE \/ DETAIL\n ===================================================== --\u003e\n\u003cdiv class=\"fbrc-media-wrap\"\u003e\n\u003cdiv class=\"fbrc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/3_2d0d5a66-d24e-47fe-8e1e-718592e4bce6.png?v=1792049273\" alt=\"jovialness woven round bar cart detail showing structured frame curved handle and compact caster wheels\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n 04 \/ MOVEMENT\n ===================================================== --\u003e\n\u003csection class=\"fbrc-section fbrc-mobility\"\u003e\n\u003cdiv class=\"fbrc-mobility-inner\"\u003e\n\u003cp class=\"fbrc-kicker\" style=\"color: var(--fbrc-stone);\"\u003e04 \/ Movement\u003c\/p\u003e\n\u003ch2 class=\"fbrc-title\"\u003eA rounded handle and compact casters keep movement understated.\u003c\/h2\u003e\n\u003cp class=\"fbrc-copy\"\u003eA curved push handle follows the upper rear section in the same dark coffee tone. Four compact caster wheels support easy repositioning on suitable indoor floor surfaces while remaining visually discreet beneath the woven structure.\u003c\/p\u003e\n\u003cdiv class=\"fbrc-handle-stage\"\u003e\n\u003cdiv class=\"fbrc-handle-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-mobility-grid\"\u003e\n\u003cdiv class=\"fbrc-mobility-item\"\u003e\n\u003cstrong\u003e Curved Push Handle \u003c\/strong\u003e \u003cspan\u003e Rounded and clean with no ornate detailing. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-mobility-item\"\u003e\n\u003cstrong\u003e Four Compact Casters \u003c\/strong\u003e \u003cspan\u003e Small and discreet so the woven form stays primary. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-mobility-item\"\u003e\n\u003cstrong\u003e Indoor Mobility \u003c\/strong\u003e \u003cspan\u003e Designed for decorative repositioning around the home. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 05 \/ AT HOME\n ===================================================== --\u003e\n\u003csection class=\"fbrc-section fbrc-use\"\u003e\n\u003cdiv class=\"fbrc-use-inner\"\u003e\n\u003cp class=\"fbrc-kicker\"\u003e05 \/ At Home\u003c\/p\u003e\n\u003ch2 class=\"fbrc-title\"\u003eOne compact cart, several indoor roles.\u003c\/h2\u003e\n\u003cp class=\"fbrc-copy\"\u003eUse the two-tier profile as a serving cart, tea cart, beverage station, display trolley, or mobile accent shelf. The rounded woven structure works naturally in living rooms, dining areas, kitchens, reading corners, and covered indoor entertaining spaces.\u003c\/p\u003e\n\u003cdiv class=\"fbrc-use-list\"\u003e\n\u003cdiv class=\"fbrc-use-card\"\u003e\n\u003cstrong\u003e Serving Cart \u003c\/strong\u003e \u003cspan\u003e Cups, teapots, glassware, napkins, and small serving pieces. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-use-card\"\u003e\n\u003cstrong\u003e Tea \u0026amp; Beverage Station \u003c\/strong\u003e \u003cspan\u003e A compact home setup with frequently reached items above. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-use-card\"\u003e\n\u003cstrong\u003e Display Trolley \u003c\/strong\u003e \u003cspan\u003e Candles, books, decorative vessels, and compact accessories. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fbrc-use-card\"\u003e\n\u003cstrong\u003e Mobile Accent Shelf \u003c\/strong\u003e \u003cspan\u003e A rounded decorative piece for changing indoor arrangements. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 04 — LIFESTYLE \/ INDOOR USE\n ===================================================== --\u003e\n\u003cdiv class=\"fbrc-media-wrap\" style=\"background: var(--fbrc-linen);\"\u003e\n\u003cdiv class=\"fbrc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/4_a53e07fe-3170-4a36-b9a5-ea8af92fb141.png?v=1792049274\" alt=\"jovialness Deep Coffee Brown woven round bar cart styled indoors as a serving and display trolley\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL CHARACTER\n ===================================================== --\u003e\n\u003csection class=\"fbrc-final\"\u003e\n\u003cdiv class=\"fbrc-final-inner\"\u003e\n\u003cdiv class=\"fbrc-final-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"fbrc-kicker\"\u003ejovialness™ \/ Final Character\u003c\/p\u003e\n\u003ch2\u003eRounded, woven, elevated, and quietly mobile.\u003c\/h2\u003e\n\u003cp\u003eThe jovialness™ Woven Round Bar Cart keeps its visual language simple: two circular woven trays, a slim structured frame, a curved handle, discreet casters, and a Deep Coffee Brown finish with restrained Soft Ivory accents. The result is a compact home cart designed to feel like woven furniture rather than a generic utility trolley.\u003c\/p\u003e\n\u003cdiv class=\"fbrc-final-tags\"\u003e\n\u003cspan class=\"fbrc-final-tag\"\u003e Woven Texture \u003c\/span\u003e \u003cspan class=\"fbrc-final-tag\"\u003e Circular Shelves \u003c\/span\u003e \u003cspan class=\"fbrc-final-tag\"\u003e Deep Coffee Brown \u003c\/span\u003e \u003cspan class=\"fbrc-final-tag\"\u003e Indoor Display \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"jovialness™","offers":[{"title":"Default Title","offer_id":50419275530497,"sku":"fibravelle*5","price":39.53,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/4013\/8497\/files\/5_113123fa-cbf5-4c61-80b4-1815b9a20fd7.png?v=1792049596"}],"url":"https:\/\/jovialness.com\/collections\/tables-surfaces.oembed","provider":"jovialness™","version":"1.0","type":"link"}