{"product_id":"safford-36-bathroom-vanity-with-white-quartz-countertop","title":"Safford 36\" bathroom vanity with white quartz countertop","description":"\u003cdiv class=\"tt-lux-product tt-safford-36-code1-ui\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"tt-lux-hero\"\u003e\n\u003cdiv class=\"tt-lux-hero-main\"\u003e\n\u003cdiv class=\"tt-lux-hero-meta\"\u003e\n\u003cspan class=\"tt-lux-eyebrow-pill\"\u003e36\" Light Wood Single Vanity\u003c\/span\u003e \u003cspan class=\"tt-lux-badge-assembled\"\u003e37\" Overall Width\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"tt-lux-hero-title\"\u003eSafford 36\" Light Wood Bathroom Vanity \u003cspan class=\"tt-title-sub\"\u003ewith Carrara Engineered Stone Top\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"tt-lux-lead\"\u003eSafford 36\" combines a warm light-wood veneer finish, Carrara engineered stone with a 4-inch backsplash, a solid wood structure, two U-shaped soft-closing drawers, one tilt-out drawer, matte-black handles, widespread faucet drilling, and adjustable leveling feet. The drawer-focused storage system is designed to work around plumbing while keeping a clean, modern natural-wood appearance.\u003c\/p\u003e\n\u003cdiv class=\"tt-lux-hero-tags\"\u003e\n\u003cdiv class=\"tt-tag-item\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e37\" W × 22\" D × 34.5\" H\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-tag-item\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\u003e\u003c\/line\u003e\u003c\/svg\u003e \u003cspan\u003eCarrara Engineered Stone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-tag-item\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eLight Wood Veneer Finish\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-tag-item\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e \u003cspan\u003e2 U-Shape Drawers + Tilt-Out\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-hero-card\"\u003e\n\u003cdiv class=\"tt-card-header\"\u003e\n\u003cspan class=\"tt-lux-card-label\"\u003eDESIGN HIGHLIGHTS\u003c\/span\u003e\n\u003ch3\u003eWarm Wood with Plumbing-Friendly Drawer Storage\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"tt-card-desc\"\u003eThe light wood veneer keeps the cabinet warm and natural, Carrara engineered stone adds a bright marble-inspired surface, and matte-black handles create crisp contrast. Two U-shaped drawers work around plumbing, while the tilt-out drawer keeps smaller daily-use items easy to reach.\u003c\/p\u003e\n\u003cdiv class=\"tt-lux-mini-specs\"\u003e\n\u003cdiv class=\"tt-spec-row\"\u003e\n\u003cspan class=\"tt-spec-label\"\u003eCountertop\u003c\/span\u003e \u003cspan class=\"tt-spec-val\"\u003eCarrara Stone + 4\" Backsplash\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-spec-row\"\u003e\n\u003cspan class=\"tt-spec-label\"\u003eStorage\u003c\/span\u003e \u003cspan class=\"tt-spec-val\"\u003e2 U-Shape Drawers + 1 Tilt-Out\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-spec-row\"\u003e\n\u003cspan class=\"tt-spec-label\"\u003eFaucet Setup\u003c\/span\u003e \u003cspan class=\"tt-spec-val\"\u003ePre-Drilled for Widespread Faucet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LIFESTYLE \/ PRODUCT BANNER --\u003e\u003c!-- QUICK ANSWER --\u003e\n\u003csection class=\"tt-lux-section tt-lux-answer\"\u003e\n\u003cdiv class=\"tt-lux-section-title\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eQuick Answer\u003c\/p\u003e\n\u003ch2\u003eWho Should Choose the Safford 36\" Vanity?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cp\u003eChoose Safford if you want a medium-size single vanity with warmer wood character, stronger drawer organization, and a marble-inspired engineered stone surface. The 37-inch overall width suits many guest baths and single-sink primary bathrooms, while the two U-shaped drawers and tilt-out drawer provide more specialized storage than a basic two-door cabinet.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- IDEAL \/ NOT IDEAL --\u003e\n\u003csection class=\"tt-lux-section\"\u003e\n\u003cdiv class=\"tt-lux-duo\"\u003e\n\u003carticle class=\"tt-lux-panel tt-lux-best\"\u003e\n\u003cp class=\"tt-lux-card-label\"\u003eBest For\u003c\/p\u003e\n\u003ch2\u003eIdeal Applications\u003c\/h2\u003e\n\u003cul class=\"tt-lux-check-list\"\u003e\n\u003cli\u003eMedium bathrooms where a 30\" vanity feels too small but a 48\" vanity is unnecessary\u003c\/li\u003e\n\u003cli\u003eGuest baths and single-sink primary bathrooms needing better drawer organization\u003c\/li\u003e\n\u003cli\u003eOrganic-modern, Scandinavian, Japandi, transitional, and light-wood interiors\u003c\/li\u003e\n\u003cli\u003eBuyers who want a Carrara marble look with engineered-stone practicality\u003c\/li\u003e\n\u003cli\u003eRemodels where adjustable feet help compensate for slightly uneven floors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-panel tt-lux-not\"\u003e\n\u003cp class=\"tt-lux-card-label\"\u003eNot Ideal For\u003c\/p\u003e\n\u003ch2\u003eWhen to Choose Another Vanity\u003c\/h2\u003e\n\u003cul class=\"tt-lux-check-list\"\u003e\n\u003cli\u003eIf you need a double-sink layout\u003c\/li\u003e\n\u003cli\u003eIf your bathroom requires a compact 24\" or 30\" vanity\u003c\/li\u003e\n\u003cli\u003eIf you prefer painted gray, white, navy, or black cabinetry\u003c\/li\u003e\n\u003cli\u003eIf you want large door-cabinet storage rather than drawer-focused storage\u003c\/li\u003e\n\u003cli\u003eIf your faucet is not compatible with a widespread setup\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SIZE \/ LAYOUT --\u003e\n\u003csection class=\"tt-lux-section tt-lux-image-story\"\u003e\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eSize \u0026amp; Layout\u003c\/p\u003e\n\u003ch2\u003e36\" Vanity Class with a 37\" Overall Width\u003c\/h2\u003e\n\u003cp\u003eSafford is positioned as a 36-inch vanity, while the listed overall dimensions are 37\" W × 22\" D × 34.5\" H. Use the full 37-inch width when checking the wall opening, side clearance, trim, delivery path, and final installation space.\u003c\/p\u003e\n\u003cul class=\"tt-lux-check-list\"\u003e\n\u003cli\u003eUse the full 37\" width for installation measurements\u003c\/li\u003e\n\u003cli\u003e22\" depth provides a full-size vanity feel\u003c\/li\u003e\n\u003cli\u003e34.5\" height supports a standard furniture-style installation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/60ffb3f9f59667edbe8dfea889a0c890_1024x1024.webp?v=1776155682\" alt=\"Safford 36 vanity dimensions and overall layout\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COUNTERTOP STORY --\u003e\n\u003csection class=\"tt-lux-section tt-lux-image-story tt-lux-reverse\"\u003e\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eCarrara Engineered Stone\u003c\/p\u003e\n\u003ch2\u003eMarble-Inspired Surface with Easier Everyday Care\u003c\/h2\u003e\n\u003cp\u003eThe Carrara engineered stone countertop is designed to mimic the elegance of Carrara marble while offering practical resistance to stains, scratches, and moisture. The included 4-inch backsplash helps protect the rear wall and gives the vanity a more complete installed appearance.\u003c\/p\u003e\n\u003cul class=\"tt-lux-check-list\"\u003e\n\u003cli\u003eMarble-inspired Carrara appearance\u003c\/li\u003e\n\u003cli\u003eDesigned for stain, scratch, and moisture resistance\u003c\/li\u003e\n\u003cli\u003eMatching 4\" backsplash included\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/286fb632a2b699d998ac14cfd3e347a9_1024x1024.webp?v=1776155682\" alt=\"Carrara engineered stone top on Safford 36 vanity\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURE GRID --\u003e\n\u003csection class=\"tt-lux-section\"\u003e\n\u003cdiv class=\"tt-lux-section-title\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eProduct Highlights\u003c\/p\u003e\n\u003ch2\u003eWhy the Safford 36\" Vanity Stands Out\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-feature-grid\"\u003e\n\u003carticle class=\"tt-lux-feature-card\"\u003e\u003cspan\u003e01\u003c\/span\u003e\n\u003ch3\u003e37\" Overall Width\u003c\/h3\u003e\n\u003cp\u003eA balanced medium-size footprint for many guest baths and single-sink primary bathrooms.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-feature-card\"\u003e\u003cspan\u003e02\u003c\/span\u003e\n\u003ch3\u003eLight Wood Finish\u003c\/h3\u003e\n\u003cp\u003eWarm wood veneer adds natural texture without making the bathroom feel dark or visually heavy.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-feature-card\"\u003e\u003cspan\u003e03\u003c\/span\u003e\n\u003ch3\u003eCarrara Stone Top\u003c\/h3\u003e\n\u003cp\u003eEngineered stone provides a marble-inspired look with practical resistance for everyday use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-feature-card\"\u003e\u003cspan\u003e04\u003c\/span\u003e\n\u003ch3\u003e2 U-Shape Drawers\u003c\/h3\u003e\n\u003cp\u003ePlumbing-friendly drawer geometry helps preserve usable storage below the sink area.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-feature-card\"\u003e\u003cspan\u003e05\u003c\/span\u003e\n\u003ch3\u003e1 Tilt-Out Drawer\u003c\/h3\u003e\n\u003cp\u003eKeeps smaller daily-use items accessible while helping reduce countertop clutter.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-feature-card\"\u003e\u003cspan\u003e06\u003c\/span\u003e\n\u003ch3\u003eMatte Black Handles\u003c\/h3\u003e\n\u003cp\u003eBlack hardware creates clean contemporary contrast against the light wood cabinet.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- STORAGE --\u003e\n\u003csection class=\"tt-lux-section tt-lux-image-story\"\u003e\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eStorage \u0026amp; Construction\u003c\/p\u003e\n\u003ch2\u003eU-Shape Drawers + Tilt-Out Storage\u003c\/h2\u003e\n\u003cp\u003eThe two U-shaped soft-closing drawers are designed to work around plumbing, helping the cabinet preserve more usable storage below the sink area. The tilt-out drawer provides a separate zone for small daily essentials, while the solid wood structure with wood veneer finish gives the cabinet a warmer furniture-style appearance.\u003c\/p\u003e\n\u003cul class=\"tt-lux-check-list\"\u003e\n\u003cli\u003e2 U-shaped soft-closing drawers work around plumbing\u003c\/li\u003e\n\u003cli\u003e1 tilt-out drawer keeps small essentials easy to reach\u003c\/li\u003e\n\u003cli\u003eSolid wood structure with wood veneer finish\u003c\/li\u003e\n\u003cli\u003eSoft-close operation reduces slamming during daily use\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/3a2b4d3bfa7dcf9809e43eb026e370f4_1024x1024.webp?v=1776155682\" alt=\"Safford 36 U-shaped soft-close drawers and tilt-out storage\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LEVELING --\u003e\n\u003csection class=\"tt-lux-section tt-lux-image-story tt-lux-reverse\"\u003e\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eInstallation Detail\u003c\/p\u003e\n\u003ch2\u003eAdjustable Feet for Stable Final Placement\u003c\/h2\u003e\n\u003cp\u003eIntegrated adjustable feet help compensate for slight floor unevenness during remodeling. Proper leveling supports better drawer alignment, countertop stability, and a cleaner final installation.\u003c\/p\u003e\n\u003cul class=\"tt-lux-check-list\"\u003e\n\u003cli\u003eUseful on uneven tile or older subfloor conditions\u003c\/li\u003e\n\u003cli\u003eHelps stabilize the cabinet before plumbing is finalized\u003c\/li\u003e\n\u003cli\u003eSupports better drawer and countertop alignment\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/60ffb3f9f59667edbe8dfea889a0c890_1024x1024.webp?v=1776155682\" alt=\"Safford 36 light wood vanity installation\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TECHNICAL DETAILS --\u003e\n\u003csection class=\"tt-lux-section tt-specs-container\"\u003e\n\u003cdiv class=\"tt-specs-header\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eTechnical Details\u003c\/p\u003e\n\u003ch2\u003eSpecifications to Check Before Installation\u003c\/h2\u003e\n\u003cp\u003eBefore installation, confirm the full 37-inch width, 22-inch depth, plumbing position, drawer clearance, widespread faucet compatibility, backsplash clearance, floor level, and delivery path.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-specs\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003eVanity Class\u003c\/span\u003e\u003cstrong\u003eSafford 36\" Single Bathroom Vanity\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eOverall Size\u003c\/span\u003e\u003cstrong\u003e37\" W × 22\" D × 34.5\" H\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eCountertop\u003c\/span\u003e\u003cstrong\u003eCarrara Engineered Stone + 4\" Backsplash\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eCabinet Finish\u003c\/span\u003e\u003cstrong\u003eLight Wood Veneer + Matte Black Handles\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cstrong\u003eSolid Wood Structure with Wood Veneer Finish\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eStorage\u003c\/span\u003e\u003cstrong\u003e2 U-Shape Soft-Close Drawers + 1 Tilt-Out Drawer\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eHardware\u003c\/span\u003e\u003cstrong\u003eMatte Black Handles\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eFaucet Drilling\u003c\/span\u003e\u003cstrong\u003eWidespread Faucet; Faucet Not Included\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eLeveling\u003c\/span\u003e\u003cstrong\u003eAdjustable Feet for Uneven Floors\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DESIGN GUIDE --\u003e\n\u003csection class=\"tt-lux-section tt-lux-brand-cta\"\u003e\n\u003cdiv class=\"tt-lux-brand-inner\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eDesign Guide\u003c\/p\u003e\n\u003ch2\u003eHow to Style the Safford 36\" Light Wood Vanity\u003c\/h2\u003e\n\u003cp\u003ePair the light wood finish with warm white, cream, pale beige, light stone, or subtle Carrara-look tile. Matte-black faucets and mirrors reinforce the handles for a cleaner modern direction, while brushed nickel softens the contrast. Linen textures, pale stone, and restrained greenery can strengthen an organic-modern, Scandinavian, or Japandi bathroom palette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARISON --\u003e\n\u003csection class=\"tt-lux-section tt-lux-compare\"\u003e\n\u003cdiv class=\"tt-lux-section-title\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eComparison\u003c\/p\u003e\n\u003ch2\u003eSafford 36\" vs. Other Vanity Options\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-table-wrap\"\u003e\n\u003ctable class=\"tt-lux-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCompared With\u003c\/th\u003e\n\u003cth\u003eWhy Choose Safford?\u003c\/th\u003e\n\u003cth\u003eWhat to Consider First\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eBasic 36\" Two-Door Vanity\u003c\/td\u003e\n\u003ctd\u003eSafford adds two U-shaped drawers and a tilt-out drawer for more specialized organization.\u003c\/td\u003e\n\u003ctd\u003eA two-door cabinet may be better if you mainly store tall bottles or large items.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePainted White or Gray Vanity\u003c\/td\u003e\n\u003ctd\u003eLight wood veneer adds warmth and natural texture that painted cabinets may not provide.\u003c\/td\u003e\n\u003ctd\u003eA painted finish may be better for a very crisp monochrome bathroom.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNatural Marble Top Vanity\u003c\/td\u003e\n\u003ctd\u003eCarrara engineered stone offers a marble-inspired appearance with easier routine care.\u003c\/td\u003e\n\u003ctd\u003eNatural marble may be preferable if unique stone variation is your priority.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e48\" Single Vanity\u003c\/td\u003e\n\u003ctd\u003eThe 36\" class fits more bathrooms while still offering a full single-vanity footprint.\u003c\/td\u003e\n\u003ctd\u003eA 48\" vanity provides more countertop width and overall storage capacity.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INSTALLATION --\u003e\n\u003csection class=\"tt-lux-section tt-lux-image-story tt-lux-reverse\"\u003e\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eInstallation Note\u003c\/p\u003e\n\u003ch2\u003ePlan the 37\" Width, Plumbing \u0026amp; Drawer Clearance Together\u003c\/h2\u003e\n\u003cp\u003eUse the full 37-inch listed width when planning the installation. Confirm the widespread faucet setup, plumbing rough-in, U-shaped drawer clearance, backsplash position, wall clearance, delivery path, and floor level before ordering and final placement.\u003c\/p\u003e\n\u003cul class=\"tt-lux-check-list\"\u003e\n\u003cli\u003eUse 37\" as the real overall width when measuring the space\u003c\/li\u003e\n\u003cli\u003eKeep plumbing within the clearance created by the U-shaped drawers\u003c\/li\u003e\n\u003cli\u003eLevel the cabinet before final plumbing connections\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/60ffb3f9f59667edbe8dfea889a0c890_1024x1024.webp?v=1776155682\" alt=\"Safford 36 inch light wood vanity installation planning\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"tt-lux-section tt-lux-faq\"\u003e\n\u003cdiv class=\"tt-lux-section-title\"\u003e\n\u003cp class=\"tt-lux-eyebrow\"\u003eBuyer Guide\u003c\/p\u003e\n\u003ch2\u003eFrequently Asked Questions: Safford 36\" Vanity\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tt-lux-faq-list\"\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e1. Is this a 36\" vanity or a 37\" vanity?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSafford is sold in the 36-inch vanity class, but the listed overall dimensions are 37\" W × 22\" D × 34.5\" H. Use the full 37-inch width when measuring wall space, side clearance, trim, and the delivery path.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e2. Is the Carrara engineered stone easier to maintain than natural marble?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eThe source describes it as a Carrara marble-inspired engineered surface with resistance to stains, scratches, and moisture. It provides the marble look without the same maintenance expectations associated with natural marble.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e3. What makes the U-shaped drawers useful?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eThe two U-shaped drawers are designed to work around plumbing, helping preserve usable storage below the sink area instead of losing the entire drawer zone to pipes.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e4. What is the tilt-out drawer best for?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eThe tilt-out drawer is useful for smaller everyday items such as toothbrushes, razors, makeup essentials, hair accessories, and grooming tools that you want to keep accessible but off the countertop.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e5. Is the light wood finish suitable for modern bathrooms?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eYes. The light wood veneer works naturally with organic-modern, Scandinavian, Japandi, transitional, and contemporary interiors while pairing cleanly with the Carrara-look top and matte-black handles.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e6. Does the vanity include a backsplash?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eYes. The source specifies a 4-inch backsplash with the Carrara engineered stone countertop, helping protect the rear wall and create a more finished installed appearance.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e7. What faucet should I buy?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eThe vanity is pre-drilled for a widespread faucet, and the faucet is not included. Confirm that your selected faucet matches the widespread drilling before purchase.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e8. Why do the adjustable feet matter?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eAdjustable leveling feet help the cabinet sit evenly on floors that are slightly uneven. Proper leveling supports drawer alignment, countertop stability, and the overall finished installation.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e9. How should I care for the wood veneer finish?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eWipe standing water promptly, keep the bathroom ventilated, and avoid harsh abrasive cleaners. Basic moisture care helps preserve the light wood veneer appearance over time.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\u003cp class=\"tt-lux-faq-question\"\u003e\u003cstrong\u003e10. What should I confirm before ordering?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eConfirm the full 37-inch width, 22-inch depth, 34.5-inch height, plumbing location, widespread faucet requirement, U-shaped drawer clearance, backsplash position, wall clearance, delivery path, floor level, and whether the light wood tone fits your bathroom design.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.tt-safford-36-code1-ui {\n  --tt-bg: #fdfbf7;\n  --tt-card: #ffffff;\n  --tt-ink: #3b322b;\n  --tt-text: #5c5249;\n  --tt-muted: #8c7e72;\n  --tt-line: #eae4db;\n  --tt-soft: #f4eee6;\n  --tt-accent: #6b5b4f;\n  --tt-dark-bg: #3b322b;\n  max-width: 1180px;\n  margin: 0 auto;\n  color: var(--tt-text);\n  font-family: \"Helvetica Neue\", Arial, sans-serif;\n  line-height: 1.72;\n  text-align: left;\n}\n\n.tt-safford-36-code1-ui * {\n  box-sizing: border-box;\n}\n\n.tt-safford-36-code1-ui h1,\n.tt-safford-36-code1-ui h2,\n.tt-safford-36-code1-ui h3,\n.tt-safford-36-code1-ui p,\n.tt-safford-36-code1-ui li,\n.tt-safford-36-code1-ui td,\n.tt-safford-36-code1-ui th {\n  text-align: left;\n}\n\n.tt-safford-36-code1-ui h2,\n.tt-safford-36-code1-ui h3 {\n  color: var(--tt-ink);\n  letter-spacing: -0.025em;\n  line-height: 1.18;\n  margin: 0 0 14px;\n}\n\n.tt-safford-36-code1-ui h2 { font-size: clamp(26px, 3.2vw, 42px); }\n.tt-safford-36-code1-ui h3 { font-size: 20px; }\n.tt-safford-36-code1-ui p { margin: 0 0 16px; }\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label {\n  display: inline-block;\n  margin: 0 0 10px;\n  color: var(--tt-muted);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n HERO SECTION ,\n.tt-safford-36-code1-ui .tt-lux-hero {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.95fr);\n  gap: 24px;\n  align-items: stretch;\n  padding: clamp(26px, 4vw, 46px);\n  margin: 0 0 34px;\n  border: 1px solid var(--tt-line);\n  border-radius: 28px;\n  overflow: hidden;\n  background: linear-gradient(135deg, #fbf8f3 0%, #f4eee6 100%);\n  box-shadow: 0 10px 30px rgba(59,50,43,0.05);\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-main {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-meta {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  padding: 6px 14px;\n  background: #fff;\n  border: 1px solid var(--tt-line);\n  color: var(--tt-text);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  font-size: 13px;\n  font-weight: 700;\n  color: #3b5336;\n  background: #eef3ed;\n  padding: 6px 14px;\n  border-radius: 999px;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-title {\n  margin: 0 0 16px;\n  color: var(--tt-ink);\n  font-size: clamp(28px, 3.5vh, 40px);\n  font-weight: 800;\n  line-height: 1.15;\n  letter-spacing: -0.03em;\n}\n\n.tt-safford-36-code1-ui .tt-title-sub {\n  display: block;\n  margin-top: 6px;\n  color: var(--tt-muted);\n  font-size: clamp(17px, 2vw, 22px);\n  font-weight: 500;\n}\n\n.tt-safford-36-code1-ui .tt-lux-lead {\n  margin-bottom: 22px;\n  color: var(--tt-text);\n  font-size: 16px;\n  line-height: 1.68;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-tags {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  background: #ffffff;\n  border: 1px solid var(--tt-line);\n  border-radius: 12px;\n  color: var(--tt-ink);\n  font-size: 13.5px;\n  font-weight: 600;\n  box-shadow: 0 4px 12px rgba(59,50,43,0.02);\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg {\n  color: var(--tt-accent);\n  flex-shrink: 0;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 24px;\n  border-radius: 22px;\n  color: #ffffff;\n  background: linear-gradient(135deg, #3b322b 0%, #5e5046 100%);\n  box-shadow: 0 12px 32px rgba(59,50,43,0.12);\n  border: 1px solid #3b322b;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label {\n  color: rgba(255,255,255,0.82);\n  margin-bottom: 6px;\n}\n\n.tt-safford-36-code1-ui .tt-card-header h3 {\n  color: #ffffff;\n  font-size: 20px;\n  margin-bottom: 12px;\n}\n\n.tt-safford-36-code1-ui .tt-card-desc {\n  color: rgba(255,255,255,0.9);\n  font-size: 14px;\n  line-height: 1.55;\n  margin-bottom: 20px;\n}\n\n.tt-safford-36-code1-ui .tt-lux-mini-specs {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  border-top: 1px solid rgba(255,255,255,0.15);\n  padding-top: 16px;\n}\n\n.tt-safford-36-code1-ui .tt-spec-row {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.tt-safford-36-code1-ui .tt-spec-label {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: rgba(255,255,255,0.75);\n  font-weight: 700;\n}\n\n.tt-safford-36-code1-ui .tt-spec-val {\n  font-size: 13.5px;\n  color: #ffffff;\n  font-weight: 500;\n}\n\n GENERAL SECTIONS ,\n.tt-safford-36-code1-ui .tt-lux-section {\n  margin: 0 0 26px;\n  padding: 30px;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-story,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-lux-spec-section,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner,\n.tt-safford-36-code1-ui .tt-specs-container {\n  padding: clamp(24px, 3vw, 36px);\n  border: 1px solid var(--tt-line);\n  border-radius: 22px;\n  background: var(--tt-card);\n  box-shadow: 0 10px 30px rgba(59,50,43,0.05);\n  overflow: hidden;\n  margin-bottom: 26px;\n}\n\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  padding: 0;\n}\n\n.tt-safford-36-code1-ui .tt-lux-full-banner .tt-lux-image-wrap {\n  border: none;\n  border-radius: 0;\n  box-shadow: none;\n  background: transparent;\n}\n\n.tt-safford-36-code1-ui .tt-lux-section-title {\n  max-width: 900px;\n  margin-bottom: 20px;\n}\n\n IDEAL \/ NOT IDEAL DUO ,\n.tt-safford-36-code1-ui .tt-lux-duo {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n  align-items: stretch;\n  margin: 0;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  position: relative;\n  border: 1px solid var(--tt-line);\n  border-radius: 22px;\n  background: var(--tt-card);\n  box-shadow: 0 10px 30px rgba(59,50,43,0.05);\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel { \n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best { background: linear-gradient(180deg, #fff 0%, #fbf8f3 100%); }\n.tt-safford-36-code1-ui .tt-lux-not { background: linear-gradient(180deg, #fff 0%, #f4eee6 100%); }\n\n.tt-safford-36-code1-ui .tt-lux-check-list {\n  padding: 0;\n  margin: 8px 0 0;\n  list-style: none;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li {\n  position: relative;\n  padding-left: 32px;\n  margin-bottom: 16px;\n  color: var(--tt-text);\n  font-size: 15px;\n  line-height: 1.55;\n  display: flex;\n  align-items: flex-start;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:last-child {\n  margin-bottom: 0;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  content: \"✓\";\n  position: absolute;\n  left: 0;\n  top: 1px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--tt-accent);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 20px;\n  text-align: center;\n  flex-shrink: 0;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-story {\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);\n  gap: 24px;\n  align-items: center;\n  margin-bottom: 26px;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-story.tt-lux-reverse .tt-lux-image-copy { order: 2; }\n.tt-safford-36-code1-ui .tt-lux-image-story.tt-lux-reverse .tt-lux-image-wrap { order: 1; }\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  position: relative;\n  width: 100%;\n  height: auto;\n  overflow: hidden;\n  border-radius: 18px;\n  padding: 14px;\n  border: 1px solid var(--tt-line);\n  background: #fff;\n  box-shadow: 0 10px 30px rgba(59,50,43,0.05);\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap img {\n  display: block;\n  width: 100% !important;\n  height: auto !important;\n  max-height: none !important;\n  object-fit: contain !important;\n  object-position: center center !important;\n  border-radius: 14px;\n  transition: transform .22s ease;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap:hover img {\n  transform: scale(1.01);\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 10px;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card {\n  padding: 22px;\n  transition: transform .18s ease, box-shadow .18s ease;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 14px 36px rgba(59,50,43,0.08);\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  display: inline-flex;\n  width: 36px;\n  height: 36px;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 12px;\n  border-radius: 50%;\n  background: var(--tt-soft);\n  color: var(--tt-accent);\n  font-size: 13px;\n  font-weight: 900;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card h3 { font-size: 18px; }\n.tt-safford-36-code1-ui .tt-lux-feature-card p { color: var(--tt-text); margin-bottom: 0; }\n\n TECHNICAL SPECS GRID ,\n.tt-specs-container {\n  margin-bottom: 26px;\n}\n\n.tt-specs-header {\n  margin-bottom: 20px;\n}\n\n.tt-safford-36-code1-ui .tt-specs {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 12px;\n}\n\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  padding: 18px 18px;\n  background: #fff;\n  border: 1px solid var(--tt-line);\n  border-radius: 22px;\n  box-shadow: 0 10px 30px rgba(59,50,43,0.05);\n}\n\n.tt-safford-36-code1-ui .tt-specs span {\n  display: block;\n  font-size: 12px;\n  color: var(--tt-muted);\n  text-transform: uppercase;\n  letter-spacing: .08em;\n  margin-bottom: 6px;\n  font-weight: 800;\n}\n\n.tt-safford-36-code1-ui .tt-specs strong {\n  color: var(--tt-ink);\n  font-size: 15px;\n  line-height: 1.4;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  width: 100%;\n  overflow-x: auto;\n  border: 1px solid var(--tt-line);\n  border-radius: 18px;\n  background: #fff;\n  box-shadow: 0 10px 30px rgba(59,50,43,0.05);\n  margin-top: 16px;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table {\n  width: 100%;\n  min-width: 780px;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th,\n.tt-safford-36-code1-ui .tt-lux-table td {\n  padding: 16px 18px;\n  border-bottom: 1px solid var(--tt-line);\n  vertical-align: top;\n  font-size: 15px;\n  line-height: 1.58;\n  text-align: left;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  color: var(--tt-ink);\n  background: #f7f2ea;\n  font-weight: 800;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td:first-child {\n  width: 24%;\n  color: var(--tt-ink);\n  font-weight: 800;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table tr:last-child td {\n  border-bottom: none;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-list {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 22px;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item { padding: 22px; }\n\n.tt-safford-36-code1-ui .tt-lux-faq-question {\n  margin-bottom: 8px !important;\n  color: var(--tt-ink);\n  font-size: 16.5px;\n  line-height: 1.45;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item p:last-child {\n  margin-bottom: 0;\n  color: var(--tt-text);\n  font-size: 15px;\n}\n\n BRAND CTA \/ DARK SECTION ,\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  padding: clamp(28px, 4vw, 40px);\n  border: 1px solid var(--tt-dark-bg);\n  border-radius: 22px;\n  background: linear-gradient(135deg, #3b322b 0%, #5e5046 100%);\n  color: #fff;\n  margin-bottom: 26px;\n  box-shadow: 0 10px 30px rgba(59,50,43,0.05);\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-inner h2,\n.tt-safford-36-code1-ui .tt-lux-brand-inner p,\n.tt-safford-36-code1-ui .tt-lux-brand-inner .tt-lux-eyebrow {\n  color: #fff;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-inner .tt-lux-eyebrow {\n  opacity: .82;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-inner p {\n  margin-bottom: 0;\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 16px;\n}\n\n RESPONSIVE DESIGN ,\n@media (max-width: 900px) {\n  .tt-safford-36-code1-ui .tt-lux-hero,\n  .tt-safford-36-code1-ui .tt-lux-image-story,\n  .tt-safford-36-code1-ui .tt-specs {\n    grid-template-columns: 1fr;\n  }\n\n  .tt-safford-36-code1-ui .tt-lux-image-story.tt-lux-reverse .tt-lux-image-copy,\n  .tt-safford-36-code1-ui .tt-lux-image-story.tt-lux-reverse .tt-lux-image-wrap {\n    order: initial;\n  }\n\n  .tt-safford-36-code1-ui .tt-lux-feature-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 768px) {\n  .tt-safford-36-code1-ui .tt-lux-hero,\n  .tt-safford-36-code1-ui .tt-lux-section,\n  .tt-safford-36-code1-ui .tt-lux-answer,\n  .tt-safford-36-code1-ui .tt-lux-compare,\n  .tt-safford-36-code1-ui .tt-lux-faq,\n  .tt-safford-36-code1-ui .tt-specs-container,\n  .tt-safford-36-code1-ui .tt-lux-image-story,\n  .tt-safford-36-code1-ui .tt-lux-panel,\n  .tt-safford-36-code1-ui .tt-lux-feature-card,\n  .tt-safford-36-code1-ui .tt-lux-faq-item,\n  .tt-safford-36-code1-ui .tt-lux-brand-cta {\n    padding: 20px;\n    border-radius: 18px;\n  }\n\n  .tt-safford-36-code1-ui .tt-lux-hero-tags {\n    grid-template-columns: 1fr;\n  }\n\n  .tt-safford-36-code1-ui .tt-lux-duo,\n  .tt-safford-36-code1-ui .tt-lux-feature-grid,\n  .tt-safford-36-code1-ui .tt-lux-faq-list,\n  .tt-safford-36-code1-ui .tt-specs {\n    grid-template-columns: 1fr;\n  }\n}\n\n ============================================================\n   SAFFORD 36 PRODUCT COLOR OVERRIDE\n   Light Wood + Matte Black + Carrara White\n   ============================================================ ,\n.tt-safford-36-code1-ui {\n  --tt-bg: #faf8f4 !important;\n  --tt-card: #ffffff !important;\n  --tt-ink: #24211e !important;\n  --tt-text: #504a44 !important;\n  --tt-muted: #7a726a !important;\n  --tt-line: #e8e0d7 !important;\n  --tt-soft: #f1ece5 !important;\n  --tt-accent: #9e784f !important;\n  --tt-dark-bg: #24211e !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero {\n  background:\n    radial-gradient(circle at 88% 12%, rgba(158,120,79,.14) 0 15%, transparent 16%),\n    linear-gradient(135deg, #ffffff 0%, #f6f0e8 54%, #eee6dc 100%) !important;\n  border-color: #e5ddd3 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  background: #f2ebe2 !important;\n  color: #8f6942 !important;\n  border-color: rgba(158,120,79,.22) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  color: #4e6254 !important;\n  background: #eef2ee !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  background: #ffffff !important;\n  border-color: #e6ded4 !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg,\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-specs span {\n  color: #9e784f !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  background:\n    linear-gradient(145deg, #2e2924 0%, #54463a 56%, #7a654f 100%) !important;\n  border-color: #26231f !important;\n  box-shadow: 0 18px 42px rgba(25,23,21,.2) !important;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-spec-label {\n  color: #d7b783 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-specs-container,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  background: #faf8f4 !important;\n  border-color: #e8e0d7 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item,\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  background: #ffffff !important;\n  border-color: #e8e1d8 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best {\n  background: linear-gradient(180deg, #fff 0%, #faf6f0 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-not {\n  background: linear-gradient(180deg, #fff 0%, #f5f1eb 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  background: #2b2824 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  background: #f2ede7 !important;\n  color: #8f6942 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  background: #f4f0ea !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  background: #fff !important;\n  border-color: #e5ddd3 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  background: #eee8e1 !important;\n  color: #282522 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td {\n  border-color: #e8e0d7 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  background: linear-gradient(180deg, #fff 0%, #faf7f2 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  background:\n    radial-gradient(circle at 88% 14%, rgba(158,120,79,.15) 0 15%, transparent 16%),\n    linear-gradient(135deg, #1d1c1a 0%, #2d2925 56%, #514334 100%) !important;\n  border-color: #2a2723 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta .tt-lux-eyebrow {\n  color: #d7b783 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta h2 {\n  color: #ffffff !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta p {\n  color: rgba(255,255,255,.9) !important;\n}\n\n\n ============================================================\n   SAFFORD 36 PRODUCT COLOR OVERRIDE\n   Coastal Oak + Sand + Porcelain White + Driftwood Brown\n   ============================================================ ,\n.tt-safford-36-code1-ui {\n  --tt-bg: #faf8f4 !important;\n  --tt-card: #ffffff !important;\n  --tt-ink: #24211e !important;\n  --tt-text: #504a44 !important;\n  --tt-muted: #7a726a !important;\n  --tt-line: #e7dfd5 !important;\n  --tt-soft: #f1ece5 !important;\n  --tt-accent: #9e784f !important;\n  --tt-dark-bg: #24211e !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero {\n  background:\n    radial-gradient(circle at 88% 12%, rgba(167,122,85,.14) 0 15%, transparent 16%),\n    linear-gradient(135deg, #ffffff 0%, #f7f2ec 54%, #eee6de 100%) !important;\n  border-color: #e7ddd2 !important;\n  box-shadow: 0 14px 36px rgba(73,60,49,.07) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  background: #f2ebe2 !important;\n  color: #8f6942 !important;\n  border-color: rgba(167,122,85,.22) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  color: #3f503f !important;\n  background: #edf2ea !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  background: #ffffff !important;\n  border-color: #e8e0d7 !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg,\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-specs span {\n  color: #9e784f !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  background:\n    linear-gradient(145deg, #1d1c1a 0%, #2d2925 56%, #514334 100%) !important;\n  border-color: #2a2723 !important;\n  box-shadow: 0 18px 42px rgba(48,42,37,.2) !important;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-spec-label {\n  color: #d7b783 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-specs-container,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  background: #faf8f4 !important;\n  border-color: #e7dfd5 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item,\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  background: #ffffff !important;\n  border-color: #e8e0d8 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best {\n  background: linear-gradient(180deg, #fff 0%, #fbf7f1 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-not {\n  background: linear-gradient(180deg, #fff 0%, #f7f3ee 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  background: #6f5a48 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  background: #f0ebe4 !important;\n  color: #8f6942 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  background: #f6f2ed !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  background: #fff !important;\n  border-color: #e5ddd4 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  background: #eee8e1 !important;\n  color: #282522 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td {\n  border-color: #e8e0d7 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  background: linear-gradient(180deg, #fff 0%, #faf7f2 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  background:\n    radial-gradient(circle at 88% 14%, rgba(190,154,120,.14) 0 15%, transparent 16%),\n    linear-gradient(135deg, #1d1c1a 0%, #2d2925 56%, #514334 100%) !important;\n  border-color: #2a2723 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta .tt-lux-eyebrow {\n  color: #d7b783 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta h2 {\n  color: #ffffff !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta p {\n  color: rgba(255,255,255,.9) !important;\n}\n\n\n ============================================================\n   SAFFORD 36 PRODUCT COLOR OVERRIDE\n   Light Wood + Carrara White + Matte Black\n   ============================================================ ,\n.tt-safford-36-code1-ui {\n  --tt-bg: #faf8f4 !important;\n  --tt-card: #ffffff !important;\n  --tt-ink: #24211e !important;\n  --tt-text: #504a44 !important;\n  --tt-muted: #7a726a !important;\n  --tt-line: #e7dfd5 !important;\n  --tt-soft: #f1ece5 !important;\n  --tt-accent: #9e784f !important;\n  --tt-dark-bg: #24211e !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero {\n  background:\n    radial-gradient(circle at 88% 12%, rgba(158,120,79,.14) 0 15%, transparent 16%),\n    linear-gradient(135deg, #fffefb 0%, #f6f0e8 54%, #eee6dc 100%) !important;\n  border-color: #e5ddd3 !important;\n  box-shadow: 0 14px 36px rgba(61,48,37,.07) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  background: #f2ebe2 !important;\n  color: #8f6942 !important;\n  border-color: rgba(158,120,79,.22) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  color: #3f503f !important;\n  background: #edf2ea !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  background: #fffefb !important;\n  border-color: #e6ded4 !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg,\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-specs span {\n  color: #9e784f !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  background:\n    linear-gradient(145deg, #1d1c1a 0%, #2d2925 56%, #514334 100%) !important;\n  border-color: #26231f !important;\n  box-shadow: 0 18px 42px rgba(25,23,21,.20) !important;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-spec-label {\n  color: #d7b783 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-specs-container,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  background: #faf8f4 !important;\n  border-color: #e7dfd5 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item,\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  background: #ffffff !important;\n  border-color: #e8e1d8 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best {\n  background: linear-gradient(180deg, #fff 0%, #faf6f0 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-not {\n  background: linear-gradient(180deg, #fff 0%, #f5f1eb 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  background: #2b2824 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  background: #f0ebe4 !important;\n  color: #8f6942 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  background: #f4f0ea !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  background: #fff !important;\n  border-color: #e5ddd3 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  background: #eee8e1 !important;\n  color: #282522 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td {\n  border-color: #e7dfd6 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  background: linear-gradient(180deg, #fff 0%, #faf7f2 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  background:\n    radial-gradient(circle at 88% 14%, rgba(158,120,79,.15) 0 15%, transparent 16%),\n    linear-gradient(135deg, #1e1c1a 0%, #332e29 56%, #5a4939 100%) !important;\n  border-color: #2a2723 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta .tt-lux-eyebrow {\n  color: #d7b783 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta h2 {\n  color: #ffffff !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta p {\n  color: rgba(255,255,255,.90) !important;\n}\n\n\n ============================================================\n   SAFFORD 36 PRODUCT COLOR OVERRIDE\n   Antique Brown + Rattan Tan + Matte Black + Warm Ivory\n   ============================================================ ,\n.tt-safford-36-code1-ui {\n  --tt-bg: #faf6f1 !important;\n  --tt-card: #fffdf9 !important;\n  --tt-ink: #2c2119 !important;\n  --tt-text: #56483c !important;\n  --tt-muted: #806f60 !important;\n  --tt-line: #e5d8ca !important;\n  --tt-soft: #f1e6d9 !important;\n  --tt-accent: #8f5f39 !important;\n  --tt-dark-bg: #2a2019 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero {\n  background:\n    radial-gradient(circle at 88% 12%, rgba(190,143,92,.17) 0 15%, transparent 16%),\n    linear-gradient(135deg, #fffdf9 0%, #f4e9dc 54%, #e7d7c5 100%) !important;\n  border-color: #e2d3c3 !important;\n  box-shadow: 0 14px 36px rgba(73,50,32,.08) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  background: #f2e6d8 !important;\n  color: #7f4f2d !important;\n  border-color: rgba(143,95,57,.24) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  color: #5a4636 !important;\n  background: #efe4d8 !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  background: #fffdf9 !important;\n  border-color: #e4d6c7 !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg,\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-specs span {\n  color: #8f5f39 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  background:\n    linear-gradient(145deg, #241a14 0%, #4b3425 55%, #714c31 100%) !important;\n  border-color: #3a2a20 !important;\n  box-shadow: 0 18px 42px rgba(39,27,20,.24) !important;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-spec-label {\n  color: #e6c79f !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-specs-container,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  background: #faf6f1 !important;\n  border-color: #e5d8ca !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item,\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  background: #fffdf9 !important;\n  border-color: #e6d9cb !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best {\n  background: linear-gradient(180deg, #fffdf9 0%, #f7efe6 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-not {\n  background: linear-gradient(180deg, #fffdf9 0%, #f1e9e1 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  background: #5a4030 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  background: #efe2d4 !important;\n  color: #7f4f2d !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  background: #f3eadf !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  background: #fffdf9 !important;\n  border-color: #e2d4c5 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  background: #ede1d5 !important;\n  color: #30251e !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td {\n  border-color: #e5d8ca !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  background: linear-gradient(180deg, #fffdf9 0%, #f8f1e9 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  background:\n    radial-gradient(circle at 88% 14%, rgba(190,143,92,.18) 0 15%, transparent 16%),\n    linear-gradient(135deg, #241a14 0%, #4b3425 56%, #714c31 100%) !important;\n  border-color: #3a2a20 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta .tt-lux-eyebrow {\n  color: #e6c79f !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta h2 {\n  color: #fffdf9 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta p {\n  color: rgba(255,250,245,.92) !important;\n}\n\n\n ============================================================\n   SAFFORD 36 PRODUCT COLOR OVERRIDE\n   Crisp White + Carrara Soft Gray + Matte Black + Warm Stone\n   ============================================================ ,\n.tt-safford-36-code1-ui {\n  --tt-bg: #f8f8f7 !important;\n  --tt-card: #ffffff !important;\n  --tt-ink: #171717 !important;\n  --tt-text: #4b4b49 !important;\n  --tt-muted: #777774 !important;\n  --tt-line: #e2e2df !important;\n  --tt-soft: #f1f1ef !important;\n  --tt-accent: #2f2f2d !important;\n  --tt-dark-bg: #171717 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero {\n  background:\n    radial-gradient(circle at 88% 12%, rgba(160,160,154,.14) 0 15%, transparent 16%),\n    linear-gradient(135deg, #ffffff 0%, #f7f7f5 54%, #ededE9 100%) !important;\n  border-color: #e1e1de !important;\n  box-shadow: 0 14px 36px rgba(0,0,0,.05) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  background: #f1f1ef !important;\n  color: #343432 !important;\n  border-color: #dfdfdc !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  color: #315640 !important;\n  background: #edf4ef !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  background: #ffffff !important;\n  border-color: #e1e1de !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg,\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-specs span {\n  color: #2f2f2d !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  background:\n    linear-gradient(145deg, #151515 0%, #262626 56%, #41413e 100%) !important;\n  border-color: #252525 !important;\n  box-shadow: 0 18px 42px rgba(0,0,0,.18) !important;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-spec-label {\n  color: #cecec7 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-specs-container,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  background: #f8f8f7 !important;\n  border-color: #e2e2df !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item,\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  background: #ffffff !important;\n  border-color: #e3e3e0 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best {\n  background: linear-gradient(180deg, #fff 0%, #fafaf8 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-not {\n  background: linear-gradient(180deg, #fff 0%, #f4f4f1 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  background: #222222 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  background: #f0f0ed !important;\n  color: #2d2d2b !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  background: #f4f4f1 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  background: #ffffff !important;\n  border-color: #dfdfdc !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  background: #ededE9 !important;\n  color: #202020 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td {\n  border-color: #e2e2df !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  background: linear-gradient(180deg, #ffffff 0%, #fafaf8 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  background:\n    radial-gradient(circle at 88% 14%, rgba(190,190,182,.10) 0 15%, transparent 16%),\n    linear-gradient(135deg, #151515 0%, #2a2a29 56%, #474743 100%) !important;\n  border-color: #252525 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta .tt-lux-eyebrow {\n  color: #cecec7 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta h2 {\n  color: #ffffff !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta p {\n  color: rgba(255,255,255,.90) !important;\n}\n\n\n ============================================================\n   SAFFORD 36 PRODUCT COLOR OVERRIDE\n   Natural Oak + Handwoven Cane + Pure White Quartz\n   ============================================================ ,\n.tt-safford-36-code1-ui {\n  --tt-bg: #fbf8f3 !important;\n  --tt-card: #ffffff !important;\n  --tt-ink: #30261f !important;\n  --tt-text: #554a41 !important;\n  --tt-muted: #7d6e61 !important;\n  --tt-line: #e8ddd1 !important;\n  --tt-soft: #f3eadf !important;\n  --tt-accent: #9b6e4b !important;\n  --tt-dark-bg: #3a2b21 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero {\n  background:\n    radial-gradient(circle at 88% 12%, rgba(190,151,108,.18) 0 15%, transparent 16%),\n    linear-gradient(135deg, #fffdfa 0%, #f6ede2 54%, #eee1d3 100%) !important;\n  border-color: #e6d9cc !important;\n  box-shadow: 0 14px 36px rgba(65,47,34,.08) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  background: #f3e9de !important;\n  color: #8b6245 !important;\n  border-color: rgba(155,110,75,.22) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  color: #5d4938 !important;\n  background: #efe5da !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  background: #fffdfa !important;\n  border-color: #e8ddd1 !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg,\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-specs span {\n  color: #9b6e4b !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  background:\n    linear-gradient(145deg, #34271f 0%, #654832 56%, #8b6548 100%) !important;\n  border-color: #4b382b !important;\n  box-shadow: 0 18px 42px rgba(53,38,29,.22) !important;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-spec-label {\n  color: #ead7bf !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-specs-container,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  background: #fbf8f3 !important;\n  border-color: #e8ddd1 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item,\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  background: #ffffff !important;\n  border-color: #e8ddd1 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best {\n  background: linear-gradient(180deg, #fff 0%, #fbf5ee 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-not {\n  background: linear-gradient(180deg, #fff 0%, #f5f0eb 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  background: #6b4d37 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  background: #f1e8de !important;\n  color: #8f6546 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  background: #f5efe9 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  background: #ffffff !important;\n  border-color: #e6dbd0 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  background: #efe7df !important;\n  color: #342b24 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td {\n  border-color: #e8ddd1 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  background: linear-gradient(180deg, #ffffff 0%, #fbf7f2 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  background:\n    radial-gradient(circle at 88% 14%, rgba(190,151,108,.17) 0 15%, transparent 16%),\n    linear-gradient(135deg, #34271f 0%, #654832 56%, #8b6548 100%) !important;\n  border-color: #4b382b !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta .tt-lux-eyebrow {\n  color: #ead7bf !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta h2 {\n  color: #ffffff !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta p {\n  color: rgba(255,255,255,.90) !important;\n}\n\n\n ============================================================\n   SAFFORD 36 PRODUCT COLOR OVERRIDE\n   White + Light Oak + Carrara White + Matte Black\n   ============================================================ ,\n.tt-safford-36-code1-ui {\n  --tt-bg: #faf9f6 !important;\n  --tt-card: #ffffff !important;\n  --tt-ink: #222322 !important;\n  --tt-text: #50524f !important;\n  --tt-muted: #777a75 !important;\n  --tt-line: #e4e1da !important;\n  --tt-soft: #f1eee8 !important;\n  --tt-accent: #9b7a55 !important;\n  --tt-dark-bg: #232323 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero {\n  background:\n    radial-gradient(circle at 88% 12%, rgba(191,160,118,.15) 0 15%, transparent 16%),\n    linear-gradient(135deg, #ffffff 0%, #f7f4ee 54%, #ece8e1 100%) !important;\n  border-color: #e3dfd8 !important;\n  box-shadow: 0 14px 36px rgba(38,38,36,.06) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  background: #f3efe8 !important;\n  color: #8f6c47 !important;\n  border-color: rgba(155,122,85,.22) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  color: #365543 !important;\n  background: #edf4ef !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  background: #ffffff !important;\n  border-color: #e4e1da !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg,\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-specs span {\n  color: #9b7a55 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  background:\n    linear-gradient(145deg, #1d1d1d 0%, #343434 56%, #5d5144 100%) !important;\n  border-color: #292929 !important;\n  box-shadow: 0 18px 42px rgba(0,0,0,.18) !important;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-spec-label {\n  color: #ddc7a8 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-specs-container,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  background: #faf9f6 !important;\n  border-color: #e4e1da !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item,\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  background: #ffffff !important;\n  border-color: #e5e1da !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best {\n  background: linear-gradient(180deg, #fff 0%, #fbf8f3 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-not {\n  background: linear-gradient(180deg, #fff 0%, #f4f4f1 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  background: #2a2a29 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  background: #f0ece6 !important;\n  color: #8f6c47 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  background: #f4f1ec !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  background: #ffffff !important;\n  border-color: #e2dfd8 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  background: #efede8 !important;\n  color: #292a28 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td {\n  border-color: #e4e1da !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  background: linear-gradient(180deg, #ffffff 0%, #faf8f4 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  background:\n    radial-gradient(circle at 88% 14%, rgba(191,160,118,.13) 0 15%, transparent 16%),\n    linear-gradient(135deg, #1d1d1d 0%, #343434 56%, #5d5144 100%) !important;\n  border-color: #292929 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta .tt-lux-eyebrow {\n  color: #ddc7a8 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta h2 {\n  color: #ffffff !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta p {\n  color: rgba(255,255,255,.90) !important;\n}\n\n\n ============================================================\n   SAFFORD 36 PRODUCT COLOR OVERRIDE\n   Light Wood + Carrara White + Matte Black\n   ============================================================ ,\n.tt-safford-36-code1-ui {\n  --tt-bg: #faf8f4 !important;\n  --tt-card: #ffffff !important;\n  --tt-ink: #28231f !important;\n  --tt-text: #554d46 !important;\n  --tt-muted: #7d736a !important;\n  --tt-line: #e6ded5 !important;\n  --tt-soft: #f2ece5 !important;\n  --tt-accent: #9c744d !important;\n  --tt-dark-bg: #26231f !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero {\n  background:\n    radial-gradient(circle at 88% 12%, rgba(188,148,101,.16) 0 15%, transparent 16%),\n    linear-gradient(135deg, #fffefb 0%, #f6efe7 54%, #ece3da 100%) !important;\n  border-color: #e4dbd1 !important;\n  box-shadow: 0 14px 36px rgba(55,44,34,.07) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-eyebrow-pill {\n  background: #f2e9df !important;\n  color: #8d633e !important;\n  border-color: rgba(156,116,77,.23) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-badge-assembled {\n  color: #4d443c !important;\n  background: #eee8e1 !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item {\n  background: #fffefb !important;\n  border-color: #e5ddd4 !important;\n}\n\n.tt-safford-36-code1-ui .tt-tag-item svg,\n.tt-safford-36-code1-ui .tt-lux-eyebrow,\n.tt-safford-36-code1-ui .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-specs span {\n  color: #9c744d !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-hero-card {\n  background:\n    linear-gradient(145deg, #20201e 0%, #38322d 56%, #654d39 100%) !important;\n  border-color: #2c2926 !important;\n  box-shadow: 0 18px 42px rgba(26,24,22,.20) !important;\n}\n\n.tt-safford-36-code1-ui .tt-card-header .tt-lux-card-label,\n.tt-safford-36-code1-ui .tt-spec-label {\n  color: #dfc49f !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-answer,\n.tt-safford-36-code1-ui .tt-lux-compare,\n.tt-safford-36-code1-ui .tt-lux-faq,\n.tt-safford-36-code1-ui .tt-specs-container,\n.tt-safford-36-code1-ui .tt-lux-image-story,\n.tt-safford-36-code1-ui .tt-lux-full-banner {\n  background: #faf8f4 !important;\n  border-color: #e6ded5 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-panel,\n.tt-safford-36-code1-ui .tt-lux-feature-card,\n.tt-safford-36-code1-ui .tt-lux-faq-item,\n.tt-safford-36-code1-ui .tt-specs \u003e div {\n  background: #ffffff !important;\n  border-color: #e7dfd6 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-best {\n  background: linear-gradient(180deg, #fff 0%, #fbf6ef 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-not {\n  background: linear-gradient(180deg, #fff 0%, #f5f2ee 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-check-list li:before {\n  background: #2d2b28 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-feature-card \u003e span {\n  background: #f0e9e1 !important;\n  color: #8d633e !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-image-wrap {\n  background: #f4f0eb !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table-wrap {\n  background: #ffffff !important;\n  border-color: #e3dbd2 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table th {\n  background: #eee8e2 !important;\n  color: #302c28 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-table td {\n  border-color: #e5ddd4 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-faq-item {\n  background: linear-gradient(180deg, #ffffff 0%, #faf7f3 100%) !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta {\n  background:\n    radial-gradient(circle at 88% 14%, rgba(188,148,101,.14) 0 15%, transparent 16%),\n    linear-gradient(135deg, #20201e 0%, #38322d 56%, #654d39 100%) !important;\n  border-color: #2c2926 !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta .tt-lux-eyebrow {\n  color: #dfc49f !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta h2 {\n  color: #ffffff !important;\n}\n\n.tt-safford-36-code1-ui .tt-lux-brand-cta p {\n  color: rgba(255,255,255,.90) !important;\n}\n\n\u003c\/style\u003e","brand":"tileandtop","offers":[{"title":"36\"","offer_id":43098686750798,"sku":"TTBV-8701-36-VN-TT","price":898.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/Safford36bathroomvanitywithwhitequartzcountertop.webp?v=1792720379","url":"https:\/\/www.tileandtop.com\/products\/safford-36-bathroom-vanity-with-white-quartz-countertop","provider":"Tile \u0026 Top","version":"1.0","type":"link"}