{"product_id":"wooden-coastal-silhouette-frame","title":"Wooden Coastal Silhouette Frame","description":"\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n  --primary: #8c6d58;\n  --primary-hover: #735946;\n  --text-main: #2b2520;\n  --text-sub: #635d59;\n  --bg-body: #ffffff;\n  --bg-card: #f9f7f5;\n  --bg-soft: #f4efeb;\n  --radius-md: 8px;\n  --radius-lg: 16px;\n  --shadow-sm: 0 2px 8px rgba(140, 109, 88, 0.08);\n  --shadow-lg: 0 12px 32px rgba(140, 109, 88, 0.12);\n  --border-color: #e5dfda;\n  \n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 5%;\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  color: var(--text-main);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background-color: var(--bg-body);\n}\n\n.product-detail-container section {\n  margin-bottom: clamp(2rem, 5vw, 4rem);\n}\n\n.product-detail-container h1 {\n  font-size: 22px;\n  line-height: 1.3;\n  margin: 0 0 16px 0;\n  font-weight: 700;\n  color: var(--text-main);\n}\n\n.product-detail-container h2 {\n  font-size: 20px;\n  line-height: 1.4;\n  margin: 0 0 16px 0;\n  font-weight: 600;\n  color: var(--text-main);\n}\n\n.product-detail-container h3 {\n  font-size: 20px;\n  line-height: 1.4;\n  margin: 0 0 12px 0;\n  font-weight: 600;\n  color: var(--text-main);\n}\n\n.product-detail-container p {\n  font-size: 18px;\n  line-height: 1.6;\n  margin: 0 0 16px 0;\n  color: var(--text-sub);\n}\n\n\/* Trust Badges \u0026 Tags *\/\n.trust-badge {\n  display: inline-block;\n  background-color: var(--bg-soft);\n  color: var(--primary);\n  font-size: 18px;\n  font-weight: 600;\n  padding: 6px 16px;\n  border-radius: 30px;\n  margin-bottom: 16px;\n}\n\n.feature-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 16px;\n}\n\n.tag {\n  background-color: var(--bg-card);\n  border: 1px solid var(--border-color);\n  color: var(--text-main);\n  font-size: 18px;\n  padding: 6px 14px;\n  border-radius: var(--radius-md);\n  font-weight: 500;\n}\n\n\/* Image Placeholders *\/\n.image-placeholder {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  background-color: var(--bg-soft);\n  border: 2px dashed var(--border-color);\n  border-radius: var(--radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  color: var(--text-sub);\n  text-align: center;\n  box-sizing: border-box;\n  padding: 20px;\n}\n\n\/* Hero Section *\/\n.hero-block {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 24px 0;\n}\n\n.hero-text {\n  text-align: center;\n}\n\n.hero-subtitle {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* Feature Grid \u0026 Items *\/\n.feature-list {\n  display: flex;\n  flex-direction: column;\n  gap: clamp(2rem, 5vw, 4rem);\n}\n\n.feature-item {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.feature-copy {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\/* Specifications Table styling *\/\n.spec-section {\n  background-color: var(--bg-card);\n  padding: clamp(1.5rem, 4vw, 3rem);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-sm);\n}\n\n.spec-table {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 16px;\n}\n\n.spec-table th {\n  background-color: var(--bg-soft);\n  color: var(--text-main);\n  font-size: 18px;\n  font-weight: 600;\n  text-align: left;\n  padding: 14px 16px;\n  border-bottom: 2px solid var(--border-color);\n}\n\n.spec-table td {\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--border-color);\n  font-size: 18px;\n  line-height: 1.5;\n}\n\n\/* FAQ Accordion Styling *\/\n.faq-section {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.faq-item {\n  background-color: var(--bg-card);\n  border: 1px solid var(--border-color);\n  border-radius: var(--radius-md);\n  padding: 20px;\n}\n\n.faq-question {\n  margin: 0 0 10px 0;\n  font-weight: 600;\n}\n\n.faq-answer {\n  margin: 0;\n}\n\n\/* Desktop Responsiveness (Min Width: 768px) *\/\n@media (min-width: 768px) {\n  .hero-block {\n    flex-direction: row;\n    align-items: center;\n    gap: 48px;\n    padding: 40px 0;\n  }\n\n  .hero-text {\n    flex: 1.2;\n    text-align: left;\n  }\n\n  .hero-media {\n    flex: 1;\n  }\n\n  .feature-item {\n    flex-direction: row;\n    gap: 48px;\n  }\n\n  .feature-item:nth-child(even) {\n    flex-direction: row-reverse;\n  }\n\n  .feature-media, .feature-copy {\n    flex: 1;\n  }\n}\n\n\/* Mobile Constraints Lock *\/\n@media (max-width: 767px) {\n  .feature-item {\n    flex-direction: column !important;\n  }\n\n  .feature-media {\n    order: 1 !important;\n  }\n\n  .feature-copy {\n    order: 2 !important;\n  }\n\n  \/* Spec Table Responsive Collapse *\/\n  .spec-table,\n  .spec-table tbody,\n  .spec-table tr {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .spec-table thead {\n    display: none;\n  }\n\n  .spec-table tr {\n    margin-bottom: 16px;\n    background-color: var(--bg-body);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    padding: 8px 16px;\n  }\n\n  .spec-table td {\n    display: grid;\n    grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n    gap: 14px;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 10px 0;\n    align-items: start;\n    white-space: normal;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n    border-bottom: 1px solid var(--border-color);\n  }\n\n  .spec-table td:last-child {\n    border-bottom: none;\n  }\n\n  .spec-table td::before {\n    content: attr(data-label);\n    display: block;\n    min-width: 0;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.5;\n    white-space: normal;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n\n  .spec-table .spec-value {\n    display: block;\n    min-width: 0;\n    max-width: 100%;\n    font-size: 18px;\n    line-height: 1.5;\n    white-space: normal;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n}\n\n@media (max-width: 420px) {\n  .spec-table td {\n    grid-template-columns: 1fr;\n    gap: 6px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Multi-layer Coastal Silhouette DIY Display Shadow Box\nTarget Audience: Coastal home decor lovers, beach travelers, DIY craft hobbyists\nVisual Style: Warm, organic, beachy\/coastal-inspired minimalism\nColor Strategy: Warm wood brown accent, soft cream backgrounds, and deep charcoal text\nModule Order: Hero Block -\u003e Feature 1 -\u003e Feature 2 -\u003e Feature 3 -\u003e Specifications Table -\u003e FAQ Section\nDetail Image Mapping: Hero=detail_1, Feature1=detail_3, Feature2=detail_2, Feature3=detail_4\nSpecification Data Source: spec_1, spec_2, spec_3, spec_4, spec_5, spec_6 (data extraction only; no specification image placeholder is rendered)\nCompare Section: Not included (No verified comparison state data provided in raw report)\nInformation Boundary: Strictly relies on provided report details, images detail_1 to detail_4, and dimensions from spec sheets. No unverified facts or adjectives are introduced.\n--\u003e\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero-block\"\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cspan class=\"trust-badge\"\u003eFreestanding DIY Coastal Decor\u003c\/span\u003e\n\u003ch1\u003ePersonalized Ocean Silhouette Display Box\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eKeep your beach memories alive. A warm wood and clear acrylic shadow box shaped like coastal creatures, designed for your personal DIY collections.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img119\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260911104017\/70958240709355511250ba98ad2fef2e.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img106\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260911102653\/f654dbf7b7d8683b94e72d588074e5b9.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eCreate Your Personalized Coastal Display\u003c\/h2\u003e\n\n\u003cp\u003eThe hollow inner chamber is designed to be filled with your precious beach finds. Gently slide in sand, colorful pebbles, sea glass, shells, or small crystals to preserve your travel memories in a stunning, three-dimensional arrangement.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003eShells \u0026amp; Pebbles\u003c\/span\u003e \u003cspan class=\"tag\"\u003eTravel Memories\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img107\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260911102653\/7d0bbdd23aa25e95797b837938ab7810.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eWarm Layered Wood \u0026amp; Screwless Acrylic\u003c\/h2\u003e\n\n\u003cp\u003eCrafted with a layered wood frame that highlights natural striped patterns along the sides. The front features a highly transparent, seamless acrylic panel that beautifully showcases your items with no visible front screws or brackets.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003eStriped Wood Frame\u003c\/span\u003e \u003cspan class=\"tag\"\u003eSeamless Acrylic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img108\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260911102653\/aa29897a84ae13e0cd234409be48cb73.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eTop Slot for Easy Filling \u0026amp; Greenery\u003c\/h2\u003e\n\n\u003cp\u003eA narrow opening along the top edge makes it incredibly simple to add or rearrange your collectables. The slotted design also allows you to insert fresh green sprigs or faux botanical leaves, turning your display into a vibrant tabletop centerpiece.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003eTop Slot Opening\u003c\/span\u003e \u003cspan class=\"tag\"\u003eInsert Botanical Leaves\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Specifications Table Section --\u003e\n\n\u003csection class=\"spec-section\"\u003e\n\u003ch2\u003eAvailable Shapes \u0026amp; Dimensions\u003c\/h2\u003e\n\n\u003cp\u003eEach coastal shape features a thick, self-balancing side profile designed to stand completely freestanding on any flat surface, without the need for external stands or hanging hardware.\u003c\/p\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eStyle \/ Shape\u003c\/th\u003e\n\t\t\t\u003cth\u003eHeight\u003c\/th\u003e\n\t\t\t\u003cth\u003eWidth\u003c\/th\u003e\n\t\t\t\u003cth\u003eThickness\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Style \/ Shape\"\u003e\u003cspan class=\"spec-value\"\u003eTurtle A\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"spec-value\"\u003e25.0 cm (9.84\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"spec-value\"\u003e21.0 cm (8.26\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Thickness\"\u003e\u003cspan class=\"spec-value\"\u003e2.0 cm (0.78\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Style \/ Shape\"\u003e\u003cspan class=\"spec-value\"\u003eTurtle B\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"spec-value\"\u003e22.0 cm (8.66\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"spec-value\"\u003e25.0 cm (9.84\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Thickness\"\u003e\u003cspan class=\"spec-value\"\u003e2.0 cm (0.78\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Style \/ Shape\"\u003e\u003cspan class=\"spec-value\"\u003eStarfish\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"spec-value\"\u003e19.6 cm (7.71\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"spec-value\"\u003e21.6 cm (8.50\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Thickness\"\u003e\u003cspan class=\"spec-value\"\u003e2.1 cm (0.82\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Style \/ Shape\"\u003e\u003cspan class=\"spec-value\"\u003eSeashell\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"spec-value\"\u003e16.0 cm (6.29\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"spec-value\"\u003e18.0 cm (7.08\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Thickness\"\u003e\u003cspan class=\"spec-value\"\u003e2.3 cm (0.90\")\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eHow do I fill the display box?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eYou can easily slide in beach shells, sand, small pebbles, crystals, or greenery through the narrow, slotted opening located along the top edge of the wooden frame.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eDoes it require a stand or mount to stay upright?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo. The display box features a thick side profile (ranging from 2.0cm to 2.3cm depending on the shape) and a self-balancing base contour, allowing it to stand completely freestanding on any flat surface like shelves or desks.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eAre there visible screws or hanging cords on this display?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo. The front features a clean, seamless transparent acrylic panel with no visible screws, pins, or brackets. It is designed purely as a clean freestanding tabletop display and does not feature wall-hanging hooks or cords.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Sea Turtle - Style A (9.8\" x 8.3\")","offer_id":50309849645306,"sku":"20260912-145524-3406","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Sea Turtle - Style B (8.7\" x 9.8\")","offer_id":50309849678074,"sku":"20260912-145524-4782","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Starfish (7.7\" x 8.5\")","offer_id":50309849710842,"sku":"20260912-145524-7492","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Seashell (6.3\" x 7.1\")","offer_id":50309849743610,"sku":"20260912-145524-7112","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0779\/4527\/4618\/files\/70958240709355511250ba98ad2fef2e.jpg?v=1789196264","url":"https:\/\/varitino.com\/products\/wooden-coastal-silhouette-frame","provider":"Varitino","version":"1.0","type":"link"}