text
Page: Product Pages (Optimized for Conversions)


Snippet Code
<style>
.section-template--26565450268977__trio_showcase_EK9NDY-padding {
background-color: #ffd2ea;
}
.section-overlay {
position: relative;
overflow: hidden;
}
.section-image-overlay {
position: absolute;
object-fit: contain;
height: auto;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
}
.shape-bottom {
bottom: -1px;
transform: rotate(180deg);
}
.shape {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
z-index: 1;
pointer-events: none;
}
.shape svg {
--_shape-width: var(--shape-width, 100%);
display: block;
width: calc(var(200%) + 1.3px);
position: relative;
left: 50%;
transform: translateX(-50%);
}
.shape path {
--_shape-color: #ffffff;
fill: #ffffff;
}
#shopify-section-template--26565450268977__trio_showcase_EK9NDY .trio-showcase {
--sh-colum-gap-m: 20px;
}
.trio-showcase {
position: relative;
display: flex;
margin-left: auto;
margin-right: auto;
}
#shopify-section-template--26565450268977__trio_showcase_EK9NDY .title-wrapper {
--sh-vertical_align: center;
}
.trio-showcase .title-wrapper.center {
align-items: center;
}
.trio-showcase .title-wrapper {
position: relative;
width: 100%;
z-index: 1;
margin-bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.title-wrapper {
margin-top: 0;
}
.center {
text-align: center;
}
.title:not(.notification .title):not(.cart-title .title):not(.main-list-collection-banner .title):not(.product-banner-slider__wrapper .title) {
font-weight: 700;
}
.trio-showcase .title {
letter-spacing: normal;
color: #101010;
font-family: Nunito, sans-serif;
font-style: normal;
line-height: 1.2;
word-break: break-word;
}
.title-wrapper .title {
margin: 0;
}
.trio-showcase .title-wrapper .description {
line-height: 27px;
font-weight: 400;
letter-spacing: -.32px;
max-width: 58%;
width: 100%;
color: #101010;
font-size: 18px;
}
.title-wrapper .title+* {
margin-top: 20px;
}
.rte>*:last-child {
margin-bottom: 0;
}
.rte>*:first-child {
margin-top: 0;
}
.rte:after {
clear: both;
content: "";
display: block;
}
@media (prefers-reduced-motion: no-preference) {
.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-rotate-in {
animation: slideRotateIn .6s cubic-bezier(0, 0, .3, 1) forwards;
animation-delay: 75ms;
}
.scroll-trigger.animate--slide-rotate-in {
transform-origin: center bottom;
}
.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
animation: slideIn .6s cubic-bezier(0, 0, .3, 1) forwards;
animation-delay: 75ms;
}
}
@media screen and (min-width: 750px) {
.title-wrapper.center {
margin-left: auto;
margin-right: auto;
}
.trio-showcase .title {
font-size: 35px;
}
}
@media screen and (min-width: 990px) {
.trio-showcase {
flex-wrap: nowrap;
}
.trio-showcase .title-wrapper {
max-width: 50%;
}
}
@media screen and (min-width: 1025px) {
.section-template--26565450268977__trio_showcase_EK9NDY-padding {
padding-top: 50px;
padding-bottom: 125px;
}
#shopify-section-template--26565450268977__trio_showcase_EK9NDY .section-overlay .section-image-overlay {
width: 12%;
top: 47%;
left: 12%;
}
}
@media screen and (min-width: 1200px) {
#shopify-section-template--26565450268977__trio_showcase_EK9NDY .trio-showcase {
--sh-colum-gap-d: 20px;
}
.trio-showcase {
padding-right: 0;
padding-left: 0;
gap: 20px;
max-width: 1440px;
}
}
@media screen and (max-width: 749px) {
#shopify-section-template--26565450268977__trio_showcase_EK9NDY {
padding-top: 25px !important;
background: #ffd2ea;
}
.section-template--26565450268977__trio_showcase_EK9NDY-padding {
padding-top: 20px;
padding-bottom: 50px;
}
}
@media screen and (max-width: 1024px) {
#shopify-section-template--26565450268977__trio_showcase_EK9NDY .section-overlay .section-image-overlay {
width: 16%;
top: 35%;
left: 8%;
}
}
@media screen and (max-width: 1199px) {
.trio-showcase .title-wrapper .description {
max-width: 80%;
}
}
</style>
<section id="shopify-section-template--26565450268977__trio_showcase_EK9NDY" class="shopify-section section">
<link href="//stylobug.com/cdn/shop/t/66/assets/section-trio-showcase.css?v=32962118985055711481776954311"
rel="stylesheet" type="text/css" media="all">
<div class="section-template--26565450268977__trio_showcase_EK9NDY-padding color-bg-1 section-overlay">
<img
src="https://cdn.shopify.com/s/files/1/0743/8175/4566/files/ChatGPT_Image_May_20__2026__02_46_12_PM-removebg-preview.png?v=1779342902&width=188"
alt="background shape" width="188" height="188" loading="lazy" sizes="(min-width: 1600px) 100vw,
(min-width: 750px) calc(100vw - 130px), calc(100vw - 50px)" class="section-image-overlay">
<link href="//stylobug.com/cdn/shop/t/66/assets/component-shape.css?v=23810612520659661211776954311"
rel="stylesheet" type="text/css" media="all">
<div class="shape shape-bottom">
<svg style="--shape-width:200%" viewBox="0 0 1440 21.52" xmlns="http://www.w3.org/2000/svg">
<path style="--shape-color: #ffffff;"
d="M 839.677 20.485 C 706.918 13.4774 202.046 5.4938 0 20.485 V 0 H 1440 V 10 C 1350.85 27.9749 1038.33 30.9709 839.677 20.485 Z">
</path>
</svg>
</div>
<div class="trio-showcase" style="--tsh-content-width: 50%;">
<div class="title-wrapper center">
<h2 class="title inline-richtext h2 text-color-main scroll-trigger animate--slide-rotate-in">
Made With Love for <span class="replace-color" style="color:#ff3aa3">Growing Little Ones</span>
</h2>
<div class="description rte text-body--large text-color-main scroll-trigger animate--slide-in">
<p>Thoughtfully designed kidswear that feels soft, looks beautiful, and fits every special moment.</p>
</div>
</div>
</div>
</div>
</section>