<p style="text-align: center; font-family: Arial, sans-serif; font-size: 16px; border-radius: 5px; padding: 10px; display: block; color: rgb(121, 85, 0); background-color: rgb(252, 252, 126);"> <strong style="color: rgb(121, 85, 0);">LIMITED DESIGN</strong> </p> <p><meta charset="UTF-8"> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta content="width=device-width, initial-scale=1.0" name="viewport"></p> <!-- Added standard meta tags block as it was missing before <style> in the provided code --> <style><!-- /* body {*/ /* background: #303030;*/ /* margin: 0;*/ /* padding: 2em;*/ /*} */ .dynamic-sections { overflow-x: visible !important; } .gotham-regular { color: #fff; font-family: "Gotham Book", sans-serif; font-weight: 300 !important; } .gotham-regular-description { color: #fff; font-family: "Gotham Book", sans-serif; font-weight: 300 !important; font-size: 12px; } .main-container { display: flex; width: 100%; background-color: green; height: 50%; } .item-1 { background-color: red; width: 100%; } .item-2 { background-color: blue; margin: 10px; } .item-3 { background-color: blue; margin: 10px; } .video-2 { width: 100%; height: auto; border-radius: 3px; padding-bottom: 10px; /* Ensured padding-bottom */ } .image-3 { width: 100%; height: auto; display: block; border-radius: 3px; padding-bottom: 10px; margin-bottom: 0 !important; } .wrapper-top { display: flex; flex-flow: row wrap; text-align: center; font-weight: 300; color: #fff; border-radius: 3px; } .wrapper-top p { font-size: 17.5px; } .wrapper-top > * { flex: 1 100%; } .gotham-bold-glow { font-family: "Gotham", sans-serif; /* text-shadow: 0 4px px #ffd119; */ color: #ffd119; font-size: 30px; } .gotham-bold-glow-body { font-family: "Gotham", sans-serif; /* text-shadow: 0 4px px #ffd119; */ color: #ffd119; /* font-size: 20px; */ } .header-top { /* text-align: left; */ display: flex; flex-wrap: wrap; justify-content: space-between; /* background-color: magenta; */ font-style: italic; } /* .text-top-header class is not used in SKULL template, removed if it was specific to old layout */ .description-1 { /* background-color: blue; */ text-align:justify; width: 300px; /* margin-left: 30px; margin-right: 30px; */ } .description-2 { /* background-color: green; */ text-align: justify; width: 300px; /* margin-left: 30px; margin-right: 30px; */ } .footer-top { /* Kept for potential legacy use, but content moved */ margin-left: 10rem; margin-right: 10rem; margin-top: 1rem; } .main-top { text-align: center; padding: 10px; font-family: "Gotham Book", sans-serif; overflow: hidden; } .image-top { /* This class might be used if a name banner image is used */ width: 100%; } .image-footer { width: 50%; } .aside-1 { border-radius: 3px; font-family: "Gotham Book", sans-serif; } .text-top { padding: 10px; } .text-1 { text-align: left; padding: 5px; } .text-2 { text-align: right; padding: 5px; } .aside-2 { font-family: "Gotham Book", sans-serif; } @media all and (min-width: 600px) { .aside { flex: 1 0 0; } } @media all and (min-width: 800px) { .main-top { flex: 1 0px; } .aside-1 { order: 1; } .main-top { order: 2; } .aside-2 { order: 3; } .footer-top { /* Ordering rule might become irrelevant */ order: 4; } } @media only screen and (max-width: 798px) { .is-hidden-mobile-only { display: none !important; } .text-1 { text-align: center; } .text-2 { text-align: center; } .main-top { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 10px; } .footer-top { /* Adjustments might become irrelevant */ margin-left: 0; margin-right: 0; margin-top: 1rem; } } #customers { font-family: Arial, Helvetica, sans-serif; color: #fff; border-collapse: collapse; width: 100%; } #customers td, #customers th { border: 1px solid #5b4e01; padding: 8px; } #customers tr:nth-child(even){background-color: #121212;} /* #customers tr:hover {background-color: #ddd;} */ #customers th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #04AA6D; color: white; } --></style> <div class="wrapper-top"> <header class="header-top"></header> <div class="main-top"> <video muted="" autoplay="autoplay" playsinline="" loop="loop" src="https://cdn.shopify.com/videos/c/o/v/ecfa6d7307b645fa81bb06149f0e8e7d.mp4" class="video-2"></video> <p class="text-top">Standing as a threshold between worlds, the <strong class="gotham-bold-glow-body">Torii Gate</strong> is an ancient symbol of transition, representing the passage between the <strong class="gotham-bold-glow-body">ordinary</strong> and the <strong class="gotham-bold-glow-body">divine</strong>. Inspired by the quiet reverence of sacred Japanese shrines and the connection between <strong class="gotham-bold-glow-body">humanity</strong> and <strong class="gotham-bold-glow-body">nature</strong>, this design embodies the serenity and mystery of crossing into a realm where spirits dwell.</p> <!-- SKULL example has a main product image (like SKULL_PETRI_1.jpg) after description/video. The Torii Gate original main-top was Video -> Text. If a specific primary static image for Torii Gate exists, it could be added here. For now, following the original Torii Gate main content flow and then adding interchangeability. --> <!--/* Interchangeability section starts */--> <p class="text-top"><strong class="gotham-bold-glow">Crafted for Interchangeability</strong><br><br>Each shell fits seamlessly across all Secret Woods bases. Build your collection affordably, keep your favorite designs forever.</p> <video class="video-2" src="https://cdn.shopify.com/videos/c/o/v/2a05236235b04a12a175336a1334abe2.mp4" loop="loop" playsinline="" autoplay="autoplay" muted=""></video> <!--/* Interchangeability section endss */--> </div> <aside class="aside aside-1"> <p class="text-1"><br><strong class="gotham-bold-glow">All of our shells are handmade.</strong><br><br>Each shell is <strong class="gotham-bold-glow-body">unique</strong> and slightly <strong class="gotham-bold-glow-body">different</strong> from one another. Made out of exotic wood, jewelry resin, paint, gold and stainless steel. <strong class="gotham-bold-glow-body">Shells are interchangeable</strong>, so you can swap one out for another shell or simply change jewelry base.</p> <img style="float: none;" src="https://cdn.shopify.com/s/files/1/1197/3550/files/torii-vertical.jpg?v=1725984362" class="image-3"> <!--/* This section about the chest starts*/--> <p class="text-1"><strong class="gotham-bold-glow">Unlock the Magic: Jewelry in a Treasure Chest</strong><br><br>Looking for a gift that feels truly special? Each piece arrives in a vintage-style treasure chest, complete with a soft microfiber pouch lightly scented with essential oils. No wrapping needed—just open and delight. A keepsake of beauty, mystery, and craftsmanship.</p> <img style="float: none;" src="https://cdn.shopify.com/s/files/1/1197/3550/files/Azure_Chest_6.jpg?v=1677770285" class="image-3"> <!--/* This section about the chest ends*/--> </aside> <aside class="aside aside-2"> <p class="text-2"><br><strong class="gotham-bold-glow">Tribute To Yourself, Not To Fashion</strong><br><br>World Shells are as much a reflection of your individual identity as they are a <strong class="gotham-bold-glow-body">one-of-a-kind art piece</strong>. They contain your memories and your dreams. Each shell in your collection is yours alone with the meaning that you choose to assign it.</p> <img style="float: none;" src="https://cdn.shopify.com/s/files/1/1197/3550/files/2_vertical_TOrii.jpg?v=1725984592" class="image-3"> <table id="customers"> <tbody> <tr> <td>Product Name</td> <td>Torii Gate</td> </tr> <tr> <td>Product Category</td> <td>Shell</td> </tr> <tr> <td>Material(s)</td> <td>Stainless Steel, Paint, Resin, Wenge Wood</td> </tr> <tr> <td>Weight</td> <td>5.6 g</td> </tr> <tr> <td>Coating/Plating</td> <td>N/A</td> </tr> <tr> <td>Dimensions</td> <td>H 13 mm | W 19 mm | L 23 mm</td> </tr> <tr> <td>Release Date</td> <td>September 10, 2024</td> </tr> <tr> <td>Discontinued</td> <td>n/a</td> </tr> <tr> <td>Designed by</td> <td>Secret Woods, Canada</td> </tr> </tbody> </table> </aside> </div>