When you think of Hawaiian shirts, vibrant colors, unique patterns, and a laid-back vibe come to mind. Custom Hawaiian shirts take this beloved attire to the next level, allowing you to express your individuality while celebrating the rich culture of Hawaii. Whether you’re planning a tropical getaway, attending a beach party, or simply want to add a burst of color to your wardrobe, Custom Hawaiian Shirt with multiple faces are the perfect choice.



### The Appeal of Custom Hawaiian Shirts



Custom Hawaiian shirts offer a blend of comfort and personality. Made from lightweight, breathable fabrics like cotton or rayon, these shirts are designed to keep you cool and comfortable, even in the warmest weather. The most captivating aspect, however, is the ability to personalize your shirt. You can choose from a variety of styles, colors, and patterns, allowing you to create a piece that truly represents your style.



### Designing Your Custom Hawaiian Shirt



Creating your custom Hawaiian shirt can be an exciting experience. Here are some steps to help you design the perfect shirt:



1. **Choose Your Fabric**: Select a fabric that suits your comfort needs. Cotton is soft and breathable, while rayon has a silky finish that drapes beautifully.



2. **Select a Pattern**: Pick from traditional Hawaiian motifs such as palm trees, hibiscus flowers, or waves, or opt for something more unique. Many companies offer customizable patterns that allow you to upload your designs or choose from a library of images.



3. **Color Palette**: Decide on a color scheme that reflects your style or complements your favorite outfits. Bright colors evoke the island spirit, while muted tones offer a more subdued aesthetic.



4. **Fit and Style**: Consider the fit you want. Custom shirts can be tailored to your body type and personal style, whether you prefer a classic, relaxed, or modern fit.



5. **Embellishments**: Add personal touches such as your name, a meaningful quote, or even an artwork that holds significance to you.



### When to Wear Custom Hawaiian Shirts



Custom Hawaiian shirts are versatile garments that can be worn on various occasions:https://www.myhawaiianshirts.com/

<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Custom Bucket Hat</div>
<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Custom Swimsuit</div>
<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Custom Beach Wrap</div>
<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Custom Beach Towel</div>
<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Custom Bath Towel</div>
<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Custom Polo Shirt</div>
<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Custom Tank Tops</div>
<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Hawaiian Dog Shirt</div>
<div class="header-body2 fw-blod" style="box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; width: 320px; padding: 6px 0px 1px; line-height: 1.7; font-family: 'Open Sans'; font-size: 12.25px;">Custom Face Dress</div>
- **Beach Vacations**: Perfect for lounging on the sand or enjoying a beach barbecue.

- **Themed Parties**: Bring the Aloha spirit to any gathering with a personalized touch that makes you stand out.

- **Casual Outings**: Pair your shirt with shorts or jeans for a relaxed look that&rsquo;s ideal for a day out with friends or family.



### Caring for Your Custom Hawaiian Shirt



To ensure that your custom Hawaiian shirt remains vibrant and lasts for years, proper care is essential. Here are some tips:



- **Washing**: Wash in cold water with mild detergent to prevent fading and shrinking. Avoid bleach and harsh chemicals.

- **Drying**: Air dry your shirt, as high heat from the dryer can damage the fabric and colors.

- **Storing**: Store your shirt in a cool, dry place. Hanging is preferable to maintain the shape and prevent wrinkles.



### Conclusion



Custom Hawaiian shirts are more than just clothing; they&rsquo;re a celebration of style, culture, and individuality. By designing your shirt, you can create a unique piece that reflects your personality while enjoying the comfort of this classic attire. Whether for a special occasion or everyday wear, custom Hawaiian shirts allow you to embrace the Aloha spirit and stand out wherever you go. So, dive into the world of custom Hawaiian shirts and let your creativity shine!



<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s; position: absolute; top: 0px; left: 0px; width: 197.797px; z-index: 1;" data-hover-z-index="1" data-no-hover-ani-effect="false" data-timer="692">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s; transform: scale(1.06);" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
<div class="product-item__actions js-product-item__actions" style="box-sizing: border-box; left: 0px; opacity: 1; padding: 0px 20px; position: absolute; top: 98.8906px; width: 197.797px; z-index: 2; transform: translateY(-50%);"> </div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Cute Cat Stress Relief Plush Toy, Soft Squeeze Fidget Doll for Car, Desk & Everyday Comfort</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1995">$19.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="4000">$40.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">50% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
<div class="js-bg" style="box-sizing: border-box; width: 197.797px; height: 247.391px;"> </div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false" data-timer="1007">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Mini Birthday Cake Candle Ring, Wearable Cake-Shaped Candle for Fun Birthday Celebrations & Parties</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1995">$19.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="4000">$40.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">50% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false" data-timer="704">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Cute Cat Carrier Bag Charm, Creative Plush Cat Backpack Pendant, Adorable Keychain Charm with 6 Styles</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1995">$19.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="4000">$40.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">50% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false" data-timer="708">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Halloween Charm Necklace for Women &ndash; Cute Pumpkin, Ghost & Spider Pendant Jewelry, Festive Halloween Gift for Her</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1295">$12.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="3000">$30.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">56% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false" data-timer="712">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Custom Pet Squishy Toy &ndash; Personalized Dog or Cat Head Stress Relief Gift for Christmas, Valentine&rsquo;s Day & birthdays</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1995">$19.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="3000">$30.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">33% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Transparent Gel Smiley Figure Toy &ndash; Cute Squeeze Fidget Toy, Fun Novelty Gift</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1295">$12.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="2000">$20.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">35% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Egg Dog Squishy Toy &ndash; Cute Slow Rising Squeeze Fidget Toy, Soft Novelty Toy</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1295">$12.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="3000">$30.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">56% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false" data-timer="948">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Halloween Stress Relief Squishy Toy - Bloody Brain in Skull Hand Squeeze for Kids & Adults, Spooky Party Favors</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1295">$12.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="3000">$30.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">56% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false" data-timer="926">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Spooky Hand-Shaped Succulent Planter|Gothic Dark-Themed Creative Plant Pot for Plant Lovers & Gothic Style Enthusiasts</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1995">$19.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="3000">$30.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">33% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;">
<div class="product-item__wrapper shopline-element-product-item" style="box-sizing: border-box; --product-grid-image-margin: var(--product-grid-image-margin); height: 247.391px; position: relative;">
<div class="product-item__inner-wrap js-product-inner-wrap" style="box-sizing: border-box; height: 247.391px; transition: height 0.3s;" data-hover-z-index="1" data-no-hover-ani-effect="false" data-timer="908">
<div class="product-item-image-wrapper " style="box-sizing: border-box; padding: var(--card-border-thickness); width: 197.797px; border-radius: var(--card-border-radius-outset); position: relative;">
<div class="product-item__image-content" style="box-sizing: border-box; margin: var(--product-grid-image-margin) var(--product-grid-image-margin) 0; overflow: hidden; position: relative;">
<div class="product-item-image" style="box-sizing: border-box; position: relative; transition: 0.5s;" data-plugin-product-item-img-box="">
<div class="product-box-content-image" style="box-sizing: border-box; height: 197.797px; position: relative; width: 197.797px; padding-bottom: 197.797px;">
<div class="product-process-image fix-product-image-con " style="box-sizing: border-box; height: 197.797px; position: absolute; width: 197.797px; align-items: flex-start; background: rgba(var(--color-image-background)); display: flex; opacity: 1; transition: opacity 0.4s; left: 0px; top: 0px; border-radius: var(--card-border-radius);" data-plugin-product-item-img-ele=""></div>
</div>
</div>
<div class="product-item-card-wrapper cart-position-left_bottom" style="box-sizing: border-box; inset: 0px; padding: calc(var(--card-border-radius) / 2); pointer-events: none; position: absolute; z-index: 1;"> </div>
</div>
</div>
<div class="product-item-info" style="box-sizing: border-box; height: 49.5938px; user-select: none;">
<div class="product-item-title-wrapper" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" data-ssr-product-item-bottom=""> </div>
<div class="product-item-title product-grid-font body3 " style="box-sizing: border-box; font-family: var(--type-body-font); font-style: var(--type-body-font-style); font-weight: var(--type-body-font-weight, 400); letter-spacing: calc(var(--type-body-letter-spacing) / 1000); line-height: 1.2; font-size: 12px; color: rgba(var(--color-text)); margin: 8px 0px 0px; word-break: break-word; height: 20px; overflow: hidden; padding: 0px; text-wrap-mode: nowrap; text-overflow: ellipsis;">Halloween 3D-Printed Candle Holder, Spooky Gothic Candle Stand, Dark-Themed Tabletop D&eacute;cor</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-top=""> </div>
<div class="product-item-price" style="box-sizing: border-box; color: rgba(var(--color-sale)); display: flex; flex-flow: wrap; margin-top: 2px;">
<div class="box-price" style="box-sizing: border-box;"><span class="old-price" style="box-sizing: border-box; margin-right: 0.2rem; font-size: 12px; font-weight: bold; color: #e81150;" data-money="1995">$19.95</span> <span class="new-price" style="box-sizing: border-box; color: #888888; font-size: 12px; text-decoration-line: line-through; margin: 0px 0px 0px 4px;" data-money="4000">$40.00</span>
<div class="home-collection-off" style="box-sizing: border-box; margin-top: 1px; position: absolute; top: -2px; right: -2px; background: linear-gradient(to left, #da004e, #fa474d); font-size: 12px; border-radius: 0px 0px 0px 10px; transform: scale(0.91); color: #ffffff; padding: 2px 8px;"><span style="box-sizing: border-box; margin-right: 0px;">50% OFF</span></div>
</div>
</div>
<div style="box-sizing: border-box;" data-ssr-product-item-price-bottom=""> </div>
</div>
</div>
</div>
</div>
<div class="col product-item-list" style="box-sizing: border-box; flex: unset; margin-top: var(--sl-gutter-y); max-width: 100%; padding: 0px 5px 15px; width: 207.797px; font-family: 'Open Sans'; font-size: 12.25px;"> </div>