/* start product label */ :root { --bioderma: #ba1630; } .grico { display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 80%; color: #006b80 !important; /* font-family: Cambria| Cochin| Georgia| Times| Times New Roman"| serif !important; */ font-weight: bold !important; } .gridz { margin: 0 auto; display: grid; grid-template-areas: "on tw ." "fr tw fv" "sx tw ."; row-gap: 15px; justify-content: flex-start; align-items: center; } .one { grid-area: on; } .two { grid-area: tw; background-color: transparent; position: relative; margin-bottom: 5%; width: 15vw; } .four { grid-area: fr; } .five { grid-area: fv; text-align: center; } .six { grid-area: sx; } .two img { display: block; width: 100%; } .gridz>div p { font-weight: normal; margin: 15px; color: #006b80; font-weight: bold; text-align: center; } .one::before| .four::before| .six::before { content: ""; position: absolute; top: 49%; left: -0.1rem; width: 0.5rem; height: 0.5rem; border-radius: 100px; display: block; background-color: var(--bioderma); } .five::before { content: ""; position: absolute; top: 49%; right: -0.1rem; width: 0.5rem; height: 0.5rem; border-radius: 100px; display: block; background-color: var(--bioderma); } .one| .five| .four| .six { border-top: 2px solid var(--bioderma); position: relative; text-indent: 1em; width: 20vw; } .borderLeft { border-left: 2px solid var(--bioderma); position: absolute; top: 0; bottom: 0; height: 33%; } .borderRight { border-right: 2px solid var(--bioderma); position: absolute; top: 0; right: 0; height: 33%; } .five .borderLeft { opacity: 0; } .lion { color: var(--bioderma); font-weight: bold; margin-left: 1em; } .bigimage { display: block; } .smallimage { display: none !important; } @media screen and (max-width: 700px) { .grico { width: 100%; } .gridz { padding: 10px; grid-template-areas: "on tw " "fr tw " "fv tw " "sx tw "; width: 100%; } .five::before { left: -0.1rem; right: none; } .five { text-align: left; } .five .borderLeft { opacity: 1; } .five .borderRight { display: none; } .one| .five| .four| .six { width: 50vw; } .two { width: 55vw; } } @media screen and (max-width: 490px) { .bigimage { display: none !important; } .smallimage { display: block !important; } } /* Video Styling */ .videoz { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 10px; } .videoz iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Free From Info */ .freefrom { display: flex; flex-wrap: wrap; justify-content: space-around; border: solid #ffffff 2px; border-radius: 25px; box-shadow: #10d61b8f 0px 0px 4px 4px; padding: 1%; align-content: space-around; margin: 2%; width: 95%; } .feat { text-align: center; margin: 1%; width: 10%; } .feat:hover { transform: scale(1.1); } .feat { transition: all 0.5s ease-in-out; } .feat img { display: block; width: 100%; margin-bottom: 10%; } .featext { display: block; font-weight: 600; overflow-wrap: normal; color: #006b80 !important; /* font-family: Cambria| Cochin| Georgia| Times| "Times New Roman"| serif; */ } @media (max-width: 767px) { .feat { width: 29%; } } /* Product Benefits Styling */ .ProductBenefits { display: flex; flex-wrap: wrap; align-content: space-around; } .ProductBenefitsBelow { text-align: center; margin: 1%; width: 48%; } @media screen and (max-width: 700px) { .ProductBenefits>div { width: 100%; } #ProductBenefitsText { line-height: normal; } } /* Tabel Styling */ .sup { background-color: #5fda63; border-color: #5fda63; border-style: solid; border-radius: 30px; /* box-shadow: #11a719 0px 0px 4px 4px; */ color: #006b80 !important; /* font-family: Cambria| Cochin| Georgia| Times| "Times New Roman"| serif !important; */ margin: 2%; } .sup table { vertical-align: middle; border-radius: 30px; overflow: hidden; table-layout: fixed; background-color: white; border-collapse: collapse; box-shadow: none; } .captionz { align-items: flex-end; padding: 2%; font-weight: 600; color: white; } .nu1 { margin-left: 2%; font-size: 3vw; white-space: nowrap; } .nu2 { margin-right: 2%; white-space: nowrap; float: right; margin-top: -1%; font-weight: 900; font-size: 1.2em !important; } .conc { text-align: left; text-indent: 0.5em; } .sup th { font-weight: bold; padding: 2%; text-align: center; border-bottom: 6px solid #5fda63; } .sup th p { font-weight: 600; color: #006b80 !important; /* font-family: Cambria| Cochin| Georgia| Times| "Times New Roman"| serif !important; */ } .sup tr:first-child th { border-bottom: 1px solid #5fda63; } .sup td { border-left: none; border-right: none; overflow-wrap: normal; } .sup td { padding: 2%; text-align: center; vertical-align: middle; border-bottom: 2px solid #5fda63; } .sup tr:last-child td { border-bottom: none; } @media screen and (max-width: 699px) { .sup { width: 95%; } .nu1 { font-size: 6vw; text-align: center; margin-left: 0%; } .nu2 { float: none; text-align: center; font-size: 3.5vw !important; margin-bottom: 0%; margin-top: 0%; } .sup table { width: 96%; margin: 0 auto 10px auto; } .sup th { border-bottom: 4px solid #5fda63; font-size: 3.5vw; white-space: nowrap; } .sup tr:first-child th p { font-size: 3vw; } .sup th p { font-weight: 900; } .sup table td { font-size: 3.7vw; overflow-wrap: normal; font-weight: 600; } .sup table td p { font-weight: 450; } .sup td:nth-child(1) { text-align: left; } .sup th:nth-child(1) { text-align: left; } } @media screen and (min-width: 700px) { .sup { width: 70%; margin: 0 auto; } .sup table { width: 99%; margin: 0px 2px 2px 2px; } }

Product Description:

• Don’t let occasional heartburn keep you from your favorite foods.
• Since occasional heartburn is about more than just stomach acid| we made a product for all aspects — zinc carnosine to repair the gut lining and enzymes to break down troublesome foods.
• The only thing left for you to do is to enjoy food again.

Product Benefits: