USP
Page: Product Pages (Optimized for Conversions)


Snippet Code
<style>
.product__block{
padding-bottom:0;
font-family:Poppins,sans-serif;
}
.nov_policy_sec{
margin:25px 0;
}
.nov_policy_sec .row{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:18px;
}
.nov-policy-item{
flex:1 1 calc(20% - 18px);
max-width:210px;
min-width:180px;
}
.block_content{
height:100%;
}
.content-policy{
background:#ffffff;
border:1px solid #ececec;
border-radius:20px;
padding:22px 15px;
text-align:center;
transition:.35s;
box-shadow:0 8px 25px rgba(0,0,0,.05);
height:100%;
position:relative;
overflow:hidden;
}
.content-policy:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#ff6b6b,#ffb347);
}
.content-policy:hover{
transform:translateY(-8px);
box-shadow:0 18px 35px rgba(0,0,0,.12);
}
.policy-icon{
width:78px;
height:78px;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
background:#fff7f7;
border-radius:50%;
transition:.4s;
}
.policy-icon img{
width:54px;
transition:.4s;
}
.content-policy:hover .policy-icon{
background:#ffeaea;
transform:rotate(8deg) scale(1.08);
}
.content-policy:hover .policy-icon img{
transform:scale(1.12);
}
.title-policy{
margin-top:16px;
font-size:15px;
font-weight:600;
color:#222;
line-height:1.4;
letter-spacing:.2px;
}
@media(max-width:1024px){
.nov-policy-item{
flex:1 1 calc(33.33% - 18px);
max-width:none;
}
}
@media(max-width:767px){
.product__block{
padding-bottom:8px;
}
.nov_policy_sec .row{
flex-wrap:nowrap;
overflow-x:auto;
gap:14px;
justify-content:flex-start;
scroll-snap-type:x mandatory;
padding-bottom:10px;
-webkit-overflow-scrolling:touch;
}
.nov_policy_sec .row::-webkit-scrollbar{
height:5px;
}
.nov_policy_sec .row::-webkit-scrollbar-thumb{
background:#d9d9d9;
border-radius:20px;
}
.nov-policy-item{
flex:0 0 180px;
min-width:180px;
max-width:180px;
scroll-snap-align:start;
}
.content-policy{
padding:18px 14px;
}
.policy-icon{
width:68px;
height:68px;
}
.policy-icon img{
width:46px;
}
.title-policy{
font-size:14px;
}
}
@media(max-width:480px){
.nov-policy-item{
flex:0 0 165px;
min-width:165px;
}
.policy-icon{
width:62px;
height:62px;
}
.policy-icon img{
width:42px;
}
.title-policy{
font-size:13px;
}
}
</style>
<div class="product__block">
<div class="nov_policy_sec">
<div class="row">
<div class="nov-policy-item">
<div class="block_content">
<div class="content-policy">
<div class="policy-icon">
<img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/1_dbf1eb8c-3358-4189-b3cc-78525b5f6a8b.png?v=1760519374">
</div>
<div class="title-policy">Tailored-to-Fit</div>
</div>
</div>
</div>
<div class="nov-policy-item">
<div class="block_content">
<div class="content-policy">
<div class="policy-icon">
<img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/2_84896cb3-092f-4684-8a9b-ee9b053b1d7e.png?v=1760519374">
</div>
<div class="title-policy">Seasonal Collections</div>
</div>
</div>
</div>
<div class="nov-policy-item">
<div class="block_content">
<div class="content-policy">
<div class="policy-icon">
<img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/3_9c02727e-55ca-44b0-868d-35ccdb11f601.png?v=1760519374">
</div>
<div class="title-policy">Experience Retail</div>
</div>
</div>
</div>
<div class="nov-policy-item">
<div class="block_content">
<div class="content-policy">
<div class="policy-icon">
<img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/4_ad78414f-e309-4c41-bd50-c4544622ba2b.png?v=1760519374">
</div>
<div class="title-policy">Premium Fabrics</div>
</div>
</div>
</div>
<div class="nov-policy-item">
<div class="block_content">
<div class="content-policy">
<div class="policy-icon">
<img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/5_4b294fe9-a512-4401-af5b-9371d6a5b062.png?v=1760519374">
</div>
<div class="title-policy">Bespoke Tailoring</div>
</div>
</div>
</div>
</div>
</div>
</div>