table
Page: Product Pages (Optimized for Conversions)


Snippet Code
<style>
section#shopify-section-template--24296097349947__custom_liquid_Jwe63x {
background-color: #fffaf5;
}
.pt-[40px] {
padding-top: 40px;
}
.pb-[40px] {
padding-bottom: 40px;
}
.scroll-mt-[100px] {
scroll-margin-top: 100px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.flex-col {
flex-direction: column;
}
.flex {
display: flex;
}
.text-content-1 {
--tw-text-opacity: 1;
color: rgb(17 23 20 / var(--tw-text-opacity));
}
.font-bold {
font-weight: 700;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.border-dashed {
border-style: dashed;
}
.border {
border-width: 1px;
}
.overflow-hidden {
overflow: hidden;
}
.h-fit {
height: fit-content;
}
.rounded-[8px] {
border-radius: 8px;
}
.border-categoryDivider {
--tw-border-opacity: 1;
border-color: rgb(222 230 232 / var(--tw-border-opacity));
}
.border-b {
border-bottom-width: 1px;
}
.font-normal {
font-weight: 400;
}
.!font-sans {
font-family: var(--font-lato) !important;
}
.px-0 {
padding-left: 0;
padding-right: 0;
}
.pb-[12px] {
padding-bottom: 12px;
}
.border-dotted {
border-style: dotted;
}
.gap-[18px] {
gap: 18px;
}
.items-center {
align-items: center;
}
@media (min-width: 1024px) {
.desktop:my-[50px] {
margin-top: 50px;
margin-bottom: 50px;
}
.desktop:px-[0px] {
padding-left: 0;
padding-right: 0;
}
.desktop:max-w-[960px] {
max-width: 960px;
}
.desktop:px-0 {
padding-left: 0;
padding-right: 0;
}
.desktop:gap-[8px] {
gap: 8px;
}
.desktop:mb-[32px] {
margin-bottom: 32px;
}
.desktop:leading-[32px] {
line-height: 32px;
}
.desktop:text-[28px] {
font-size: 28px;
}
.desktop:gap-[32px] {
gap: 32px;
}
.desktop:items-center {
align-items: center;
}
.desktop:flex-col {
flex-direction: column;
}
.desktop:flex {
display: flex;
}
.desktop:mt-[32px] {
margin-top: 32px;
}
.desktop:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.desktop:grid {
display: grid;
}
.desktop:mt-0 {
margin-top: 0;
}
.desktop:rounded-[16px] {
border-radius: 16px;
}
.desktop:p-[24px] {
padding: 24px;
}
.desktop:pb-[16px] {
padding-bottom: 16px;
}
.desktop:text-[18px] {
font-size: 18px;
}
.desktop:leading-[28px] {
line-height: 28px;
}
.desktop:text-[16px] {
font-size: 16px;
}
.desktop:pt-[16px] {
padding-top: 16px;
}
.desktop:mt-[16px] {
margin-top: 16px;
}
.desktop:w-[100px] {
width: 100px;
}
.desktop:!leading-[28px] {
line-height: 28px !important;
}
.desktop:!text-[16px] {
font-size: 16px !important;
}
}
@media (max-width: 768px) {
section#shopify-section-template--24296097349947__custom_liquid_Jwe63x {
margin-top: 37px;
}
}
</style>
<div class="my-[30px] desktop:my-[50px] first:mt-0">
<div style="background-color:#FFFAF5" class="pt-[40px] pb-[40px] desktop:px-[0px] scroll-mt-[100px]">
<div class="desktop:max-w-[960px] mx-auto">
<div class="flex flex-col gap-[4px] px-[16px] desktop:px-0 desktop:gap-[8px] mb-[24px] desktop:mb-[32px]">
<p
class="text-[20px] desktop:text-[28px] leading-[24px] desktop:leading-[32px] font-bold text-content-1">
More Information</p>
</div>
<div
class="desktop:flex desktop:flex-col desktop:items-center desktop:gap-[32px] mt-[24px] desktop:mt-[32px]">
<div
class="mt-[24px] desktop:mt-0 px-[16px] desktop:px-0 desktop:gap-[32px] desktop:grid desktop:grid-cols-2">
<div style="border-color:#8F5A17"
class="h-fit bg-white border border-dashed rounded-[8px] desktop:rounded-[16px] overflow-hidden">
<div class="bg-white rounded-[8px] px-[16px] py-[12px] desktop:p-[24px]">
<div class="border-b border-categoryDivider">
<div class="pb-[8px] desktop:pb-[16px]">
<p style="color:#8F5A17"
class="font-bold text-[14px] leading-[20px] text-content-1 desktop:text-[18px] desktop:leading-[32px]">
Full Ingredient List</p>
</div>
</div>
<div style="color:#8F5A17"
class="!font-sans text-[14px] leading-[20px] desktop:text-[16px] font-normal pt-[8px] desktop:pt-[16px] desktop:leading-[28px] px-0">
washed desi ghee, raw milk, flaxseed oil, carrot juice, amla juice, aloe vera
pulp, silymarine, shea, olive oil & cream, jasmine, rose, tea-tree oil, sesame
oil, moringa oil, kalonji oil, rice bran oil, argan oil, bakuchi oil, sunflower oil,
ashwagandha, daruharidra, nagakesar, lodhra, vacha, cinnamon, ginger, neem, sugar beet
derivative, geogard (ecocert), vitamin A, vitamin E, vitamin C, xanthan gum,
aqua.</div>
</div>
</div>
<div style="border-color:#8F5A17"
class="h-fit bg-white mt-[16px] desktop:mt-0 border border-dashed rounded-[8px] py-[12px] px-[16px] desktop:p-[24px] desktop:rounded-[16px]">
<div class="border-b border-categoryDivider">
<div class="pb-[8px] desktop:pb-[16px]">
<p style="color:#8F5A17"
class="font-bold text-[14px] leading-[20px] text-content-1 desktop:text-[18px] desktop:leading-[32px]">
Storage & Expiry</p>
</div>
</div>
<div
class="flex gap-[18px] items-center mt-[8px] desktop:mt-[16px] border-b border-categoryDivider border-dotted pb-[12px] last:border-0 last:pb-0">
<div class="w-[60px] desktop:w-[100px]">
<p style="color:#8F5A17"
class="font-normal text-sm desktop:!text-[16px] desktop:!leading-[28px] ">Storage
</p>
</div>
<div class="flex-1">
<p
class="Fw400Fs12HexA0A2A1 !text-content-3 desktop:!text-[16px] desktop:!leading-[28px]">
Store airtight in a cool, dry place.</p>
</div>
</div>
<div
class="flex gap-[18px] items-center mt-[8px] desktop:mt-[16px] border-b border-categoryDivider border-dotted pb-[12px] last:border-0 last:pb-0">
<div class="w-[60px] desktop:w-[100px]">
<p style="color:#8F5A17"
class="font-normal text-sm desktop:!text-[16px] desktop:!leading-[28px] ">Net Weight
</p>
</div>
<div class="flex-1">
<p
class="Fw400Fs12HexA0A2A1 !text-content-3 desktop:!text-[16px] desktop:!leading-[28px]">
30 g</p>
</div>
</div>
<div
class="flex gap-[18px] items-center mt-[8px] desktop:mt-[16px] border-b border-categoryDivider border-dotted pb-[12px] last:border-0 last:pb-0">
<div class="w-[60px] desktop:w-[100px]">
<p style="color:#8F5A17"
class="font-normal text-sm desktop:!text-[16px] desktop:!leading-[28px] ">Expiry</p>
</div>
<div class="flex-1">
<p
class="Fw400Fs12HexA0A2A1 !text-content-3 desktop:!text-[16px] desktop:!leading-[28px]">
Use within 3 months of Mfg. date.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>