{"product_id":"hartley-24-single-sink-with-carrara-engineered-stone-top","title":"Hartley 24\" Single Vanity With Carrara White Quartz Stone Top","description":"\u003cdiv class=\"tt-lux-product tt-hartley-24-vanity\"\u003e\n\n\u003c!-- =========================================================\n     HERO SECTION\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-hero\"\u003e\n\n\u003cdiv class=\"tt-lux-hero-main\"\u003e\n\n\u003cdiv class=\"tt-lux-hero-meta\"\u003e\n\u003cspan class=\"tt-lux-eyebrow-pill\"\u003e\nHartley 24\" Single Bathroom Vanity\n\u003c\/span\u003e\n\n\u003cspan class=\"tt-lux-badge-assembled\"\u003e\nNo Assembly Required\n\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003ch1 class=\"tt-lux-hero-title\"\u003e\nHartley 24\" Single Vanity\n\u003cspan class=\"tt-title-sub\"\u003e\nwith Carrara White Quartz Stone Top\n\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cp class=\"tt-lux-lead\"\u003e\nHartley 24\" is a compact single bathroom vanity designed for smaller bathroom layouts. Its grey matte MDF cabinet, polished Carrara White quartz stone top, matte-black hardware, soft-close drawers, and streamlined modern profile provide practical storage without overwhelming a limited footprint.\n\u003c\/p\u003e\n\n\u003cdiv class=\"tt-lux-hero-tags\"\u003e\n\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\n\u003crect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\u003e\u003c\/rect\u003e\n\u003cline x1=\"7\" y1=\"5\" x2=\"7\" y2=\"19\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003cspan\u003e24\" Vanity Size \/ 25\" Overall Width\u003c\/span\u003e\n\u003c\/div\u003e\n\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\n\u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n\u003cline x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003cspan\u003eCarrara White Quartz Stone Top\u003c\/span\u003e\n\u003c\/div\u003e\n\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\n\u003cpath d=\"M4 6h16M4 12h16M4 18h16\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cspan\u003e2 Soft-Close Drawers + 1 Shelf\u003c\/span\u003e\n\u003c\/div\u003e\n\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\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\n\u003c\/svg\u003e\n\u003cspan\u003eGrey Matte Finish + Matte Black Hardware\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-hero-card\"\u003e\n\n\u003cdiv class=\"tt-card-header\"\u003e\n\n\u003cspan class=\"tt-lux-card-label\"\u003e\nDESIGN HIGHLIGHTS\n\u003c\/span\u003e\n\n\u003ch3\u003e\nGrey Matte + Carrara White Quartz + Matte Black\n\u003c\/h3\u003e\n\n\u003c\/div\u003e\n\n\u003cp class=\"tt-card-desc\"\u003e\nThe grey matte cabinet creates a clean neutral foundation, while the polished Carrara White quartz stone top adds a bright, refined surface. Matte-black hardware completes the modern look.\n\u003c\/p\u003e\n\n\u003cdiv class=\"tt-lux-mini-specs\"\u003e\n\n\u003cdiv class=\"tt-spec-row\"\u003e\n\u003cspan class=\"tt-spec-label\"\u003eCountertop\u003c\/span\u003e\n\u003cspan class=\"tt-spec-val\"\u003e\nCarrara White Quartz Stone Top\n\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"tt-spec-row\"\u003e\n\u003cspan class=\"tt-spec-label\"\u003eStorage\u003c\/span\u003e\n\u003cspan class=\"tt-spec-val\"\u003e\n2 Soft-Close Drawers + 1 Shelf\n\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"tt-spec-row\"\u003e\n\u003cspan class=\"tt-spec-label\"\u003eFaucet\u003c\/span\u003e\n\u003cspan class=\"tt-spec-val\"\u003e\n4\" Spread; Faucet Not Included\n\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     QUICK ANSWER\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-answer\"\u003e\n\n\u003cdiv class=\"tt-lux-section-title\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nQuick Answer\n\u003c\/p\u003e\n\n\u003ch2\u003e\nWho Should Choose the Hartley 24\" Single Vanity?\n\u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e\nChoose Hartley 24\" when you need a compact modern vanity with practical drawer storage and a polished quartz countertop. Its grey matte MDF cabinet, two soft-close drawers, single shelf, matte-black hardware, and compact 25\" overall width make it well suited to small bathrooms, powder rooms, guest bathrooms, and other space-conscious layouts.\n\u003c\/p\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     BEST \/ NOT IDEAL\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section\"\u003e\n\n\u003cdiv class=\"tt-lux-duo\"\u003e\n\n\u003carticle class=\"tt-lux-panel tt-lux-best\"\u003e\n\n\u003cp class=\"tt-lux-card-label\"\u003e\nBEST FOR\n\u003c\/p\u003e\n\n\u003ch2\u003e\nIdeal Applications\n\u003c\/h2\u003e\n\n\u003cul class=\"tt-lux-check-list\"\u003e\n\n\u003cli\u003e\nSmall bathrooms requiring a compact single vanity\n\u003c\/li\u003e\n\n\u003cli\u003e\nPowder rooms and guest bathrooms with limited wall space\n\u003c\/li\u003e\n\n\u003cli\u003e\nModern interiors using grey, white, and matte-black finishes\n\u003c\/li\u003e\n\n\u003cli\u003e\nLayouts that benefit from two soft-close drawers and one shelf\n\u003c\/li\u003e\n\n\u003cli\u003e\nRenovations where a polished quartz countertop is preferred\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-panel tt-lux-not\"\u003e\n\n\u003cp class=\"tt-lux-card-label\"\u003e\nNOT IDEAL FOR\n\u003c\/p\u003e\n\n\u003ch2\u003e\nWhen to Choose Another Vanity\n\u003c\/h2\u003e\n\n\u003cul class=\"tt-lux-check-list\"\u003e\n\n\u003cli\u003e\nWall openings narrower than the listed 25\" overall width\n\u003c\/li\u003e\n\n\u003cli\u003e\nBathrooms requiring a double-sink configuration\n\u003c\/li\u003e\n\n\u003cli\u003e\nProjects that require substantially more concealed storage\n\u003c\/li\u003e\n\n\u003cli\u003e\nInstallations requiring a backsplash supplied with the vanity\n\u003c\/li\u003e\n\n\u003cli\u003e\nFaucet layouts that are not compatible with a 4\" spread\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     SIZE\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-image-story\"\u003e\n\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\n24\" VANITY SIZE \/ 25\" OVERALL\n\u003c\/p\u003e\n\n\u003ch2\u003e\nCompact Dimensions for Smaller Bathrooms\n\u003c\/h2\u003e\n\n\u003cp\u003e\nHartley is listed as a 24\" vanity size with a 25\" overall width. The full listed dimensions are 25\" W × 21.5\" D × 38.5\" H. Always use the actual overall dimensions when planning wall clearance, plumbing locations, faucet placement, surrounding fixtures, and delivery access.\n\u003c\/p\u003e\n\n\u003cul class=\"tt-lux-check-list\"\u003e\n\n\u003cli\u003e\n24\" listed vanity size\n\u003c\/li\u003e\n\n\u003cli\u003e\n25\" W × 21.5\" D × 38.5\" H overall dimensions\n\u003c\/li\u003e\n\n\u003cli\u003e\n24\" W × 21.5\" D × 33.75\" H cabinet dimensions without top\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/3feaf16e371280a44b27ea40fe59c0bb_1024x1024.webp?v=1778146420\" alt=\"Hartley 24 compact grey bathroom vanity\"\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     QUARTZ\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-image-story tt-lux-reverse\"\u003e\n\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nCARRARA WHITE QUARTZ STONE\n\u003c\/p\u003e\n\n\u003ch2\u003e\nPolished Quartz with a Clean Marble-Inspired Look\n\u003c\/h2\u003e\n\n\u003cp\u003e\nThe polished Carrara White quartz stone top provides a bright white surface that complements the grey matte cabinet. Its clean appearance works naturally with modern bathroom materials and neutral color palettes.\n\u003c\/p\u003e\n\n\u003cul class=\"tt-lux-check-list\"\u003e\n\n\u003cli\u003e\nCarrara White quartz stone top\n\u003c\/li\u003e\n\n\u003cli\u003e\nPolished countertop finish\n\u003c\/li\u003e\n\n\u003cli\u003e\nWhite countertop color\n\u003c\/li\u003e\n\n\u003cli\u003e\nEasy-to-coordinate neutral surface\n\u003c\/li\u003e\n\n\u003cli\u003e\nNo backsplash included\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/739f291dc92c65f628edaf889cf938d4_1024x1024.webp?v=1778146420\" alt=\"Hartley 24 Carrara White quartz stone countertop\"\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     FEATURE GRID\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section\"\u003e\n\n\u003cdiv class=\"tt-lux-section-title\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nPRODUCT HIGHLIGHTS\n\u003c\/p\u003e\n\n\u003ch2\u003e\nWhy the Hartley 24\" Single Vanity Stands Out\n\u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-feature-grid\"\u003e\n\n\u003carticle class=\"tt-lux-feature-card\"\u003e\n\n\u003cspan\u003e01\u003c\/span\u003e\n\n\u003ch3\u003e\n25\" Overall Width\n\u003c\/h3\u003e\n\n\u003cp\u003e\nA compact overall width helps the vanity fit smaller bathroom wall layouts.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-feature-card\"\u003e\n\n\u003cspan\u003e02\u003c\/span\u003e\n\n\u003ch3\u003e\nCarrara White Quartz\n\u003c\/h3\u003e\n\n\u003cp\u003e\nThe polished white quartz stone top provides a bright and refined countertop surface.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-feature-card\"\u003e\n\n\u003cspan\u003e03\u003c\/span\u003e\n\n\u003ch3\u003e\nGrey Matte Finish\n\u003c\/h3\u003e\n\n\u003cp\u003e\nThe grey matte cabinet creates a neutral modern foundation that pairs easily with different tile and hardware finishes.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-feature-card\"\u003e\n\n\u003cspan\u003e04\u003c\/span\u003e\n\n\u003ch3\u003e\n2 Soft-Close Drawers\n\u003c\/h3\u003e\n\n\u003cp\u003e\nTwo soft-close drawers provide organized storage for everyday bathroom essentials.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-feature-card\"\u003e\n\n\u003cspan\u003e05\u003c\/span\u003e\n\n\u003ch3\u003e\n1 Storage Shelf\n\u003c\/h3\u003e\n\n\u003cp\u003e\nThe single shelf provides accessible storage for towels, baskets, or frequently used items.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-feature-card\"\u003e\n\n\u003cspan\u003e06\u003c\/span\u003e\n\n\u003ch3\u003e\nMatte Black Hardware\n\u003c\/h3\u003e\n\n\u003cp\u003e\nMatte-black hardware adds visual contrast and reinforces the vanity's modern appearance.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     STORAGE\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-image-story\"\u003e\n\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nSMART STORAGE\n\u003c\/p\u003e\n\n\u003ch2\u003e\n2 Soft-Close Drawers + 1 Shelf\n\u003c\/h2\u003e\n\n\u003cp\u003e\nThe Hartley 24\" vanity combines two soft-close drawers with one shelf to create practical storage within a compact footprint. The drawer system keeps frequently used bathroom items organized while the shelf provides convenient open storage.\n\u003c\/p\u003e\n\n\u003cul class=\"tt-lux-check-list\"\u003e\n\n\u003cli\u003e\n2 soft-close drawers\n\u003c\/li\u003e\n\n\u003cli\u003e\n1 storage shelf\n\u003c\/li\u003e\n\n\u003cli\u003e\nSmooth and quiet drawer operation\n\u003c\/li\u003e\n\n\u003cli\u003e\nPractical storage for everyday bathroom essentials\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/9d0ec78e73edd085926bf12e69cfdcba_1024x1024.webp?v=1778146420\" alt=\"Hartley 24 soft close drawer bathroom vanity storage\"\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     CONSTRUCTION\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-image-story tt-lux-reverse\"\u003e\n\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nCABINET CONSTRUCTION\n\u003c\/p\u003e\n\n\u003ch2\u003e\nMDF Cabinet with a Grey Matte Finish\n\u003c\/h2\u003e\n\n\u003cp\u003e\nThe Hartley cabinet is constructed from MDF and finished in grey with a matte surface. Matte-black hardware adds contrast while maintaining a clean modern appearance.\n\u003c\/p\u003e\n\n\u003cul class=\"tt-lux-check-list\"\u003e\n\n\u003cli\u003e\nMDF cabinet construction\n\u003c\/li\u003e\n\n\u003cli\u003e\nGrey cabinet color\n\u003c\/li\u003e\n\n\u003cli\u003e\nMatte cabinet finish\n\u003c\/li\u003e\n\n\u003cli\u003e\nMatte-black hardware\n\u003c\/li\u003e\n\n\u003cli\u003e\nModern bathroom design\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/160d59edf7818cf16ec3e492cacf1696_1024x1024.webp?v=1778146420\" alt=\"Hartley 24 grey MDF cabinet with matte black hardware\"\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     TECHNICAL DETAILS\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-specs-container\"\u003e\n\n\u003cdiv class=\"tt-specs-header\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nTECHNICAL DETAILS\n\u003c\/p\u003e\n\n\u003ch2\u003e\nSpecifications to Check Before Installation\n\u003c\/h2\u003e\n\n\u003cp\u003e\nReview the listed dimensions, faucet spread, sink size, countertop configuration, cabinet construction, storage layout, and backsplash specification before installation.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-specs\"\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eVanity Size\u003c\/span\u003e\n\u003cstrong\u003e24\"\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eAvailable Size\u003c\/span\u003e\n\u003cstrong\u003e24\"\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eOverall Dimensions\u003c\/span\u003e\n\u003cstrong\u003e25\" W × 21.5\" D × 38.5\" H\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCabinet Dimensions Without Top\u003c\/span\u003e\n\u003cstrong\u003e24\" W × 21.5\" D × 33.75\" H\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eVanity Top Dimensions\u003c\/span\u003e\n\u003cstrong\u003e25\" W × 21.5\" D × 0.75\" H\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e\n\u003cstrong\u003e22\"\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCountertop Material\u003c\/span\u003e\n\u003cstrong\u003eCarrara White Quartz Stone Top\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCounter Color\u003c\/span\u003e\n\u003cstrong\u003eWhite\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCounter Finish\u003c\/span\u003e\n\u003cstrong\u003ePolished\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eBacksplash\u003c\/span\u003e\n\u003cstrong\u003eNo Backsplash\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eSink Type\u003c\/span\u003e\n\u003cstrong\u003eUndermount\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eSink Dimensions\u003c\/span\u003e\n\u003cstrong\u003e18.31\" W × 7.68\" D × 13.4\" L\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCabinet Material\u003c\/span\u003e\n\u003cstrong\u003eMDF\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCabinet Color\u003c\/span\u003e\n\u003cstrong\u003eGrey\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCabinet Finish\u003c\/span\u003e\n\u003cstrong\u003eMatte\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eHardware Finish\u003c\/span\u003e\n\u003cstrong\u003eMatte Black\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eNumber of Drawers\u003c\/span\u003e\n\u003cstrong\u003e2\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eNumber of Shelves\u003c\/span\u003e\n\u003cstrong\u003e1\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eGlides\u003c\/span\u003e\n\u003cstrong\u003eSoft-Close\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eFaucet\u003c\/span\u003e\n\u003cstrong\u003eNot Included\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eFaucet Spread\u003c\/span\u003e\n\u003cstrong\u003e4\"\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCounter Overflow\u003c\/span\u003e\n\u003cstrong\u003eYes\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eAssembly Required\u003c\/span\u003e\n\u003cstrong\u003eNo Assembly Required\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eSink Count\u003c\/span\u003e\n\u003cstrong\u003eSingle Sink\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eStyle\u003c\/span\u003e\n\u003cstrong\u003eModern\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eLocation\u003c\/span\u003e\n\u003cstrong\u003eBathroom, Indoor\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eCommercial\u003c\/span\u003e\n\u003cstrong\u003eYes\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eResidential\u003c\/span\u003e\n\u003cstrong\u003eYes\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eMade In\u003c\/span\u003e\n\u003cstrong\u003eVietnam\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e\n\u003cstrong\u003e114.6 lbs\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     DESIGN GUIDE\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-brand-cta\"\u003e\n\n\u003cdiv class=\"tt-lux-brand-inner\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nDESIGN GUIDE\n\u003c\/p\u003e\n\n\u003ch2\u003e\nHow to Style the Hartley 24\" Grey Vanity\n\u003c\/h2\u003e\n\n\u003cp\u003e\nPair the grey matte cabinet with white, warm beige, soft taupe, concrete-inspired, or light stone surfaces. Matte-black faucets, mirrors, sconces, and accessories can reinforce the modern aesthetic, while light-colored wall tile can help maintain an open visual feel in a compact bathroom. The polished Carrara White quartz top also works naturally with marble-look tile, white subway tile, terrazzo, and neutral mosaics.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     COMPARISON\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-compare\"\u003e\n\n\u003cdiv class=\"tt-lux-section-title\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nCOMPARISON\n\u003c\/p\u003e\n\n\u003ch2\u003e\nHartley 24\" vs. Other Vanity Options\n\u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-table-wrap\"\u003e\n\n\u003ctable class=\"tt-lux-table\"\u003e\n\n\u003cthead\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e\nCompared With\n\u003c\/th\u003e\n\n\u003cth\u003e\nWhy Choose Hartley 24\"?\n\u003c\/th\u003e\n\n\u003cth\u003e\nWhat to Consider First\n\u003c\/th\u003e\n\n\u003c\/tr\u003e\n\n\u003c\/thead\u003e\n\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\nSmaller Compact Vanity\n\u003c\/td\u003e\n\n\u003ctd\u003e\nHartley provides a compact 25\" overall width while still offering two soft-close drawers and one shelf.\n\u003c\/td\u003e\n\n\u003ctd\u003e\nAn even narrower vanity may be necessary for exceptionally tight wall openings.\n\u003c\/td\u003e\n\n\u003c\/tr\u003e\n\n\n\u003ctr\u003e\n\n\u003ctd\u003e\n30\" Vanity\n\u003c\/td\u003e\n\n\u003ctd\u003e\nHartley requires less wall space and is better suited to smaller bathroom layouts.\n\u003c\/td\u003e\n\n\u003ctd\u003e\nA 30\" vanity generally provides more countertop and storage capacity.\n\u003c\/td\u003e\n\n\u003c\/tr\u003e\n\n\n\u003ctr\u003e\n\n\u003ctd\u003e\nOpen-Leg Vanity\n\u003c\/td\u003e\n\n\u003ctd\u003e\nHartley's enclosed MDF cabinet provides a more conventional storage solution for everyday bathroom items.\n\u003c\/td\u003e\n\n\u003ctd\u003e\nOpen-leg designs may provide a lighter visual appearance and more visible floor area.\n\u003c\/td\u003e\n\n\u003c\/tr\u003e\n\n\n\u003ctr\u003e\n\n\u003ctd\u003e\nVanity with Backsplash\n\u003c\/td\u003e\n\n\u003ctd\u003e\nHartley's no-backsplash configuration allows the wall finish to remain visually continuous behind the countertop.\n\u003c\/td\u003e\n\n\u003ctd\u003e\nA separate backsplash may be preferred where additional wall protection is required.\n\u003c\/td\u003e\n\n\u003c\/tr\u003e\n\n\u003c\/tbody\u003e\n\n\u003c\/table\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     INSTALLATION\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-image-story tt-lux-reverse\"\u003e\n\n\u003cdiv class=\"tt-lux-image-copy\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nINSTALLATION\n\u003c\/p\u003e\n\n\u003ch2\u003e\nConfirm Dimensions and Faucet Configuration Before Installation\n\u003c\/h2\u003e\n\n\u003cp\u003e\nThe Hartley 24\" vanity requires no assembly. Before installation, verify the 25\" overall width, 21.5\" listed depth, faucet hole spacing, sink dimensions, plumbing position, drawer clearance, countertop height, and wall clearance. Because the vanity does not include a backsplash, plan the wall finish accordingly.\n\u003c\/p\u003e\n\n\u003cul class=\"tt-lux-check-list\"\u003e\n\n\u003cli\u003e\nNo assembly required\n\u003c\/li\u003e\n\n\u003cli\u003e\n4\" faucet spread\n\u003c\/li\u003e\n\n\u003cli\u003e\nFaucet sold separately\n\u003c\/li\u003e\n\n\u003cli\u003e\nNo backsplash included\n\u003c\/li\u003e\n\n\u003cli\u003e\nConfirm plumbing and wall clearance before final installation\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-image-wrap\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/c075f51547c1acb169422d630a3428cd_1024x1024.webp?v=1778146420\" alt=\"Hartley 24 bathroom vanity installation detail\"\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     FAQ\n     ========================================================= --\u003e\n\n\u003csection class=\"tt-lux-section tt-lux-faq\"\u003e\n\n\u003cdiv class=\"tt-lux-section-title\"\u003e\n\n\u003cp class=\"tt-lux-eyebrow\"\u003e\nBUYER GUIDE\n\u003c\/p\u003e\n\n\u003ch2\u003e\nFrequently Asked Questions: Hartley 24\" Single Bathroom Vanity\n\u003c\/h2\u003e\n\n\u003cp\u003e\nReview the key dimensions, materials, countertop configuration, storage, faucet compatibility, and installation requirements before ordering.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"tt-lux-faq-list\"\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ1: What are the actual overall dimensions of the Hartley 24\" vanity?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nThe listed overall dimensions are 25\" W × 21.5\" D × 38.5\" H. These dimensions should be used when evaluating wall clearance, surrounding fixtures, plumbing placement, and installation space.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ2: What are the cabinet dimensions without the countertop?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nThe cabinet dimensions without the top are 24\" W × 21.5\" D × 33.75\" H. The countertop increases the overall width and height to the listed finished dimensions.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ3: What material and finish are used for the vanity cabinet?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nThe cabinet is constructed from MDF and finished in Grey with a Matte finish. This combination creates a clean, neutral appearance suited to modern bathroom interiors.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ4: What type of countertop is included with the Hartley vanity?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nThe vanity includes a Carrara White Quartz Stone Top with a polished finish. The countertop is white and provides a bright surface that complements the grey cabinet.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ5: Does the Hartley 24\" vanity include a backsplash?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nNo. The product specification lists the backsplash as \"No Backsplash.\" The wall finish behind the vanity should therefore be planned separately according to the bathroom design and installation requirements.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ6: What sink configuration and sink dimensions are provided?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nHartley includes a single undermount sink. The listed sink dimensions are 18.31\" W × 7.68\" D × 13.4\" L.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ7: What faucet configuration is required?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nThe countertop is specified for a 4\" faucet spread. The faucet is not included, so the selected faucet should be checked for compatibility with the specified hole spacing before installation.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ8: How is the vanity's storage organized?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nThe Hartley vanity includes two drawers and one shelf. The drawers use soft-close glides for smoother and quieter operation, while the shelf provides additional accessible storage.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ9: Is assembly required before installation?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nNo assembly is required according to the product specifications. Installation should still include proper positioning, leveling, plumbing connection, faucet installation, and countertop clearance verification.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003carticle class=\"tt-lux-faq-item\"\u003e\n\n\u003cp class=\"tt-lux-faq-question\"\u003e\n\u003cstrong\u003e\nQ10: What bathroom design styles are compatible with the Hartley 24\" vanity?\n\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\nThe grey matte cabinet, polished white quartz countertop, and matte-black hardware make Hartley particularly suitable for modern, contemporary, minimalist, industrial, and Scandinavian-inspired bathroom interiors.\n\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   HARTLEY 24\" VANITY\n   Corrected Product Specification Layout\n   ========================================================= *\/\n\n.tt-hartley-24-vanity {\n\n  --tt-bg:#f7f5f2;\n  --tt-card:#fffefc;\n  --tt-ink:#272727;\n  --tt-text:#595754;\n  --tt-muted:#817d78;\n  --tt-line:#e2ddd7;\n  --tt-soft:#efebe7;\n  --tt-accent:#84786c;\n  --tt-dark-bg:#232323;\n\n  max-width:1180px;\n  margin:0 auto;\n\n  color:var(--tt-text);\n\n  font-family:\"Helvetica Neue\",Arial,sans-serif;\n\n  line-height:1.72;\n\n  text-align:left;\n}\n\n\n.tt-hartley-24-vanity * {\n  box-sizing:border-box;\n}\n\n\n.tt-hartley-24-vanity h1,\n.tt-hartley-24-vanity h2,\n.tt-hartley-24-vanity h3,\n.tt-hartley-24-vanity p,\n.tt-hartley-24-vanity li,\n.tt-hartley-24-vanity td,\n.tt-hartley-24-vanity th {\n\n  text-align:left;\n}\n\n\n.tt-hartley-24-vanity h2,\n.tt-hartley-24-vanity h3 {\n\n  color:var(--tt-ink);\n\n  letter-spacing:-.025em;\n\n  line-height:1.18;\n\n  margin:0 0 14px;\n}\n\n\n.tt-hartley-24-vanity h2 {\n\n  font-size:clamp(26px,3.2vw,42px);\n}\n\n\n.tt-hartley-24-vanity h3 {\n\n  font-size:20px;\n}\n\n\n.tt-hartley-24-vanity p {\n\n  margin:0 0 16px;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-eyebrow,\n.tt-hartley-24-vanity .tt-lux-card-label {\n\n  display:inline-block;\n\n  margin:0 0 10px;\n\n  color:var(--tt-muted);\n\n  font-size:12px;\n\n  font-weight:800;\n\n  letter-spacing:.13em;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-hero {\n\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);\n\n  gap:24px;\n\n  align-items:stretch;\n\n  padding:clamp(26px,4vw,46px);\n\n  margin:0 0 34px;\n\n  border:1px solid var(--tt-line);\n\n  border-radius:28px;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 88% 12%,\n      rgba(132,120,108,.12) 0 15%,\n      transparent 16%\n    ),\n    linear-gradient(\n      135deg,\n      #fffefc 0%,\n      #f3f0ec 55%,\n      #e9e7e4 100%\n    );\n\n  box-shadow:0 10px 30px rgba(40,38,36,.06);\n}\n\n\n.tt-hartley-24-vanity .tt-lux-hero-main {\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-hero-meta {\n\n  display:flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  margin-bottom:16px;\n\n  flex-wrap:wrap;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-eyebrow-pill {\n\n  padding:6px 14px;\n\n  background:#eeeae6;\n\n  border:1px solid #ddd5ce;\n\n  color:#756a61;\n\n  border-radius:999px;\n\n  font-size:13px;\n\n  font-weight:700;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-badge-assembled {\n\n  font-size:13px;\n\n  font-weight:700;\n\n  color:#fff;\n\n  background:#272727;\n\n  padding:6px 14px;\n\n  border-radius:999px;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-hero-title {\n\n  margin:0 0 16px;\n\n  color:var(--tt-ink);\n\n  font-size:clamp(28px,3.5vw,42px);\n\n  font-weight:800;\n\n  line-height:1.15;\n\n  letter-spacing:-.03em;\n}\n\n\n.tt-hartley-24-vanity .tt-title-sub {\n\n  display:block;\n\n  margin-top:6px;\n\n  color:#77736f;\n\n  font-size:clamp(17px,2vw,22px);\n\n  font-weight:500;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-lead {\n\n  margin-bottom:22px;\n\n  color:var(--tt-text);\n\n  font-size:16px;\n\n  line-height:1.68;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-hero-tags {\n\n  display:grid;\n\n  grid-template-columns:repeat(2,minmax(0,1fr));\n\n  gap:10px;\n}\n\n\n.tt-hartley-24-vanity .tt-tag-item {\n\n  display:flex;\n\n  align-items:center;\n\n  gap:8px;\n\n  padding:10px 14px;\n\n  background:#fff;\n\n  border:1px solid var(--tt-line);\n\n  border-radius:12px;\n\n  color:var(--tt-ink);\n\n  font-size:13.5px;\n\n  font-weight:600;\n\n  box-shadow:0 4px 12px rgba(40,38,36,.025);\n}\n\n\n.tt-hartley-24-vanity .tt-tag-item svg {\n\n  color:var(--tt-accent);\n\n  flex-shrink:0;\n}\n\n\n\/* =========================================================\n   HERO CARD\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-hero-card {\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  padding:24px;\n\n  border-radius:22px;\n\n  color:#fff;\n\n  background:\n    radial-gradient(\n      circle at 82% 14%,\n      rgba(255,255,255,.06) 0 14%,\n      transparent 15%\n    ),\n    linear-gradient(\n      135deg,\n      #222 0%,\n      #363534 58%,\n      #5e5650 100%\n    );\n\n  box-shadow:0 12px 32px rgba(35,35,35,.2);\n\n  border:1px solid #252525;\n}\n\n\n.tt-hartley-24-vanity .tt-card-header .tt-lux-card-label {\n\n  color:rgba(255,255,255,.8);\n\n  margin-bottom:6px;\n}\n\n\n.tt-hartley-24-vanity .tt-card-header h3 {\n\n  color:#fff;\n\n  font-size:20px;\n}\n\n\n.tt-hartley-24-vanity .tt-card-desc {\n\n  color:rgba(255,255,255,.9);\n\n  font-size:14px;\n\n  line-height:1.55;\n\n  margin-bottom:20px;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-mini-specs {\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:10px;\n\n  border-top:1px solid rgba(255,255,255,.15);\n\n  padding-top:16px;\n}\n\n\n.tt-hartley-24-vanity .tt-spec-row {\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:2px;\n}\n\n\n.tt-hartley-24-vanity .tt-spec-label {\n\n  font-size:11px;\n\n  text-transform:uppercase;\n\n  letter-spacing:.08em;\n\n  color:rgba(255,255,255,.72);\n\n  font-weight:700;\n}\n\n\n.tt-hartley-24-vanity .tt-spec-val {\n\n  font-size:13.5px;\n\n  color:#fff;\n\n  font-weight:500;\n}\n\n\n\/* =========================================================\n   GENERAL SECTIONS\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-section {\n\n  margin:0 0 18px;\n\n  padding:24px;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-answer,\n.tt-hartley-24-vanity .tt-lux-compare,\n.tt-hartley-24-vanity .tt-lux-faq,\n.tt-hartley-24-vanity .tt-lux-image-story,\n.tt-hartley-24-vanity .tt-specs-container {\n\n  padding:clamp(18px,2.2vw,26px);\n\n  border:1px solid var(--tt-line);\n\n  border-radius:22px;\n\n  background:var(--tt-card);\n\n  box-shadow:0 10px 30px rgba(40,38,36,.05);\n\n  overflow:hidden;\n\n  margin-bottom:26px;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-answer {\n\n  background:\n    linear-gradient(\n      135deg,\n      #fffefc 0%,\n      #f1eeea 100%\n    );\n}\n\n\n.tt-hartley-24-vanity .tt-lux-section-title {\n\n  max-width:760px;\n\n  margin-bottom:20px;\n}\n\n\n\/* =========================================================\n   DUO\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-duo {\n\n  display:grid;\n\n  grid-template-columns:repeat(2,minmax(0,1fr));\n\n  gap:24px;\n\n  align-items:stretch;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-panel,\n.tt-hartley-24-vanity .tt-lux-feature-card,\n.tt-hartley-24-vanity .tt-lux-faq-item {\n\n  position:relative;\n\n  border:1px solid var(--tt-line);\n\n  border-radius:22px;\n\n  background:var(--tt-card);\n\n  box-shadow:0 10px 30px rgba(40,38,36,.05);\n}\n\n\n.tt-hartley-24-vanity .tt-lux-panel {\n\n  padding:32px;\n\n  display:flex;\n\n  flex-direction:column;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-best {\n\n  background:\n    linear-gradient(\n      180deg,\n      #fff 0%,\n      #f7f4f1 100%\n    );\n}\n\n\n.tt-hartley-24-vanity .tt-lux-not {\n\n  background:\n    linear-gradient(\n      180deg,\n      #fff 0%,\n      #eeece9 100%\n    );\n}\n\n\n\/* =========================================================\n   CHECK LIST\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-check-list {\n\n  padding:0;\n\n  margin:18px 0 0;\n\n  list-style:none;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-check-list li {\n\n  position:relative;\n\n  padding-left:32px;\n\n  margin-bottom:14px;\n\n  color:var(--tt-text);\n\n  font-size:15px;\n\n  line-height:1.55;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-check-list li:last-child {\n\n  margin-bottom:0;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-check-list li:before {\n\n  content:\"✓\";\n\n  position:absolute;\n\n  left:0;\n\n  top:1px;\n\n  width:20px;\n\n  height:20px;\n\n  border-radius:50%;\n\n  background:var(--tt-accent);\n\n  color:#fff;\n\n  font-size:11px;\n\n  font-weight:800;\n\n  line-height:20px;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   IMAGE STORY\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-image-story {\n\n  display:grid;\n\n  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);\n\n  gap:24px;\n\n  align-items:center;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-image-story.tt-lux-reverse\n.tt-lux-image-copy {\n\n  order:2;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-image-story.tt-lux-reverse\n.tt-lux-image-wrap {\n\n  order:1;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-image-wrap {\n\n  position:relative;\n\n  width:100%;\n\n  overflow:hidden;\n\n  border-radius:18px;\n\n  padding:8px;\n\n  border:1px solid var(--tt-line);\n\n  background:\n    linear-gradient(\n      135deg,\n      #faf9f7 0%,\n      #ece9e6 100%\n    );\n\n  box-shadow:0 10px 30px rgba(40,38,36,.05);\n\n  min-height:360px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-image-wrap img {\n\n  display:block;\n\n  width:100%!important;\n\n  height:auto!important;\n\n  max-height:none!important;\n\n  object-fit:contain!important;\n\n  object-position:center!important;\n\n  border-radius:14px;\n\n  transition:transform .22s ease;\n\n  transform:scale(1.04);\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-image-wrap:hover\nimg {\n\n  transform:scale(1.06);\n}\n\n\n\/* =========================================================\n   FEATURE GRID\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-feature-grid {\n\n  display:grid;\n\n  grid-template-columns:repeat(3,minmax(0,1fr));\n\n  gap:16px;\n\n  margin-top:10px;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-feature-card {\n\n  padding:22px;\n\n  transition:\n    transform .18s ease,\n    box-shadow .18s ease;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-feature-card:hover {\n\n  transform:translateY(-2px);\n\n  box-shadow:\n    0 14px 36px rgba(40,38,36,.08);\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-feature-card \u003e span {\n\n  display:inline-flex;\n\n  width:36px;\n\n  height:36px;\n\n  align-items:center;\n\n  justify-content:center;\n\n  margin-bottom:12px;\n\n  border-radius:50%;\n\n  background:var(--tt-soft);\n\n  color:var(--tt-accent);\n\n  font-size:13px;\n\n  font-weight:900;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-feature-card h3 {\n\n  font-size:18px;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-feature-card p {\n\n  margin-bottom:0;\n}\n\n\n\/* =========================================================\n   SPECS\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-specs-header {\n\n  margin-bottom:20px;\n}\n\n\n.tt-hartley-24-vanity .tt-specs {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:0;\n\n  margin-top:12px;\n}\n\n\n.tt-hartley-24-vanity .tt-specs \u003e div {\n\n  padding:14px 16px;\n\n  background:#fff;\n\n  border-bottom:1px solid var(--tt-line);\n\n  border-radius:0;\n\n  box-shadow:none;\n}\n\n\n.tt-hartley-24-vanity .tt-specs \u003e div:nth-child(odd) {\n\n  border-right:1px solid var(--tt-line);\n}\n\n\n.tt-hartley-24-vanity .tt-specs span {\n\n  display:block;\n\n  font-size:12px;\n\n  color:var(--tt-muted);\n\n  margin-bottom:4px;\n\n  font-weight:500;\n}\n\n\n.tt-hartley-24-vanity .tt-specs strong {\n\n  display:block;\n\n  color:var(--tt-ink);\n\n  font-size:14px;\n\n  line-height:1.4;\n\n  font-weight:500;\n}\n\n\n\/* =========================================================\n   DESIGN GUIDE\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-brand-cta {\n\n  padding:clamp(28px,4vw,40px);\n\n  border:1px solid var(--tt-dark-bg);\n\n  border-radius:22px;\n\n  background:\n    radial-gradient(\n      circle at 88% 14%,\n      rgba(255,255,255,.06) 0 15%,\n      transparent 16%\n    ),\n    linear-gradient(\n      135deg,\n      #222 0%,\n      #353432 58%,\n      #5b534d 100%\n    );\n\n  color:#fff;\n\n  margin-bottom:26px;\n\n  box-shadow:\n    0 10px 30px rgba(35,35,35,.14);\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-brand-inner h2,\n.tt-hartley-24-vanity\n.tt-lux-brand-inner p,\n.tt-hartley-24-vanity\n.tt-lux-brand-inner .tt-lux-eyebrow {\n\n  color:#fff;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-brand-inner\n.tt-lux-eyebrow {\n\n  opacity:.82;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-brand-inner p {\n\n  margin-bottom:0;\n\n  color:rgba(255,255,255,.9);\n\n  font-size:16px;\n}\n\n\n\/* =========================================================\n   COMPARISON TABLE\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-table-wrap {\n\n  width:100%;\n\n  overflow-x:auto;\n\n  border:1px solid var(--tt-line);\n\n  border-radius:18px;\n\n  background:#fff;\n\n  box-shadow:\n    0 10px 30px rgba(40,38,36,.045);\n\n  margin-top:16px;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-table {\n\n  width:100%;\n\n  min-width:780px;\n\n  border-collapse:separate;\n\n  border-spacing:0;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-table th,\n.tt-hartley-24-vanity\n.tt-lux-table td {\n\n  padding:16px 18px;\n\n  border-bottom:1px solid var(--tt-line);\n\n  vertical-align:top;\n\n  font-size:15px;\n\n  line-height:1.58;\n\n  text-align:left;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-table th {\n\n  color:var(--tt-ink);\n\n  background:#efebe7;\n\n  font-weight:800;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-table th:first-child {\n\n  border-radius:16px 0 0 0;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-table th:last-child {\n\n  border-radius:0 16px 0 0;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-table td:first-child {\n\n  width:24%;\n\n  color:var(--tt-ink);\n\n  font-weight:800;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-table tr:last-child td {\n\n  border-bottom:none;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-faq-list {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:16px;\n\n  margin-top:22px;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-faq-item {\n\n  padding:22px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fff 0%,\n      #f6f3f0 100%\n    );\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-faq-question {\n\n  margin-bottom:8px!important;\n\n  color:var(--tt-ink);\n\n  font-size:16.5px;\n\n  line-height:1.45;\n}\n\n\n.tt-hartley-24-vanity\n.tt-lux-faq-item p:last-child {\n\n  margin-bottom:0;\n\n  color:var(--tt-text);\n\n  font-size:15px;\n}\n\n\n\/* =========================================================\n   QUICK ANSWER\n   ========================================================= *\/\n\n.tt-hartley-24-vanity .tt-lux-answer .tt-lux-section-title {\n\n  max-width:100%;\n\n  margin-bottom:10px!important;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-answer h2 {\n\n  max-width:none!important;\n\n  width:100%;\n\n  font-size:clamp(24px,2.8vw,34px);\n\n  line-height:1.2;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-answer p {\n\n  max-width:none!important;\n\n  width:100%;\n\n  line-height:1.6;\n}\n\n\n.tt-hartley-24-vanity .tt-lux-answer {\n\n  padding:22px 28px!important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width:900px) {\n\n  .tt-hartley-24-vanity .tt-lux-hero,\n  .tt-hartley-24-vanity .tt-lux-image-story,\n  .tt-hartley-24-vanity .tt-specs {\n\n    grid-template-columns:1fr;\n  }\n\n\n  .tt-hartley-24-vanity\n  .tt-lux-image-story.tt-lux-reverse\n  .tt-lux-image-copy,\n  .tt-hartley-24-vanity\n  .tt-lux-image-story.tt-lux-reverse\n  .tt-lux-image-wrap {\n\n    order:initial;\n  }\n\n\n  .tt-hartley-24-vanity\n  .tt-lux-feature-grid {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n\n  .tt-hartley-24-vanity\n  .tt-lux-image-wrap {\n\n    min-height:320px;\n  }\n\n}\n\n\n@media (max-width:768px) {\n\n  .tt-hartley-24-vanity .tt-lux-hero,\n  .tt-hartley-24-vanity .tt-lux-section,\n  .tt-hartley-24-vanity .tt-lux-answer,\n  .tt-hartley-24-vanity .tt-lux-compare,\n  .tt-hartley-24-vanity .tt-lux-faq,\n  .tt-hartley-24-vanity .tt-specs-container,\n  .tt-hartley-24-vanity .tt-lux-image-story,\n  .tt-hartley-24-vanity .tt-lux-panel,\n  .tt-hartley-24-vanity .tt-lux-feature-card,\n  .tt-hartley-24-vanity .tt-lux-faq-item,\n  .tt-hartley-24-vanity .tt-lux-brand-cta {\n\n    padding:20px;\n\n    border-radius:18px;\n  }\n\n\n  .tt-hartley-24-vanity\n  .tt-lux-hero-tags,\n  .tt-hartley-24-vanity\n  .tt-lux-duo,\n  .tt-hartley-24-vanity\n  .tt-lux-feature-grid,\n  .tt-hartley-24-vanity\n  .tt-lux-faq-list,\n  .tt-hartley-24-vanity\n  .tt-specs {\n\n    grid-template-columns:1fr;\n  }\n\n\n  .tt-hartley-24-vanity\n  .tt-specs \u003e div:nth-child(odd) {\n\n    border-right:none;\n  }\n\n\n  .tt-hartley-24-vanity\n  .tt-lux-image-wrap {\n\n    min-height:260px;\n  }\n\n\n  .tt-hartley-24-vanity .tt-lux-answer h2 {\n\n    white-space:normal!important;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Tile \u0026 Top","offers":[{"title":"Wash Grey","offer_id":42681087361102,"sku":"TTBV-8537-25-VN-TT","price":587.67,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0284\/7745\/6462\/files\/2_4c518920-0e17-4be8-b336-50717ad07b7d.webp?v=1785832644","url":"https:\/\/www.tileandtop.com\/products\/hartley-24-single-sink-with-carrara-engineered-stone-top","provider":"Tile \u0026 Top","version":"1.0","type":"link"}