@font-face { font-family: 'Trebuchet MS'; src: url(./../../fonts/Trebuchet-MS-Bold.ttf); }


html, body { min-width: 340px; }
body { font-size: 1.8rem; line-height: 1.4; font-family: "Lato", sans-serif; color: #231f20; }
img { display: block; }
strong { font-weight: 700; }

h1 { font-size: 3.4rem; line-height: 1.2; }
h2 { font-size: 4.5rem; line-height: 1.2; }
h3 { font-size: 2.9rem; line-height: 1.2; }
h4 { font-size: 2.2rem; line-height: 1.2; }
h5 { font-size: 3.2rem; line-height: 1.2; }

.page { background: #fff; }
.container { max-width: 1200px; width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
.container-2 { max-width: 1300px; width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
.spacing-1 { padding-left: 60px; padding-right: 60px; }

.header { background: #0c6c98; }
.header-logo { max-width: 125px; width: 100%; display: block; }
.header-nav ul {  margin: 0; padding: 0; display: flex; gap: 20px; align-items: center; list-style: none; }
.header-nav li {  margin: 0; padding: 0; }
.header-nav a { color: #fff; }
.mob-menu { display: none; }

footer { background: #333; color: #fff; font-size: 1.4rem; }
footer a { color: #fff; text-decoration: none; }
footer a:hover { text-decoration: underline; }
.footer-info { display: flex; gap: 20px; align-items: center; justify-content: space-between; }
.footer-menu { margin: 0 0 5px; }
.footer-menu ul { display: flex; align-items: center; justify-content: space-between; list-style: none; margin: 0; padding: 0; max-width: 260px; }
.footer-menu ul li { margin: 0; padding: 0; }
.footer-menu ul li:last-child { margin-right: 0; }
.cc-icons { display: flex; gap: 5px; }
.disclaimer { border-bottom: 1px solid #fff; padding-bottom: 1.6rem; }

.blk-1 { background: linear-gradient(to right, #53a2c7, #0c6c98); color: #fff; }
.blk-3 { background: linear-gradient(to right, #0c6c98, #237ea8, #53a2c7); }
.blk-5 { background: #0c6c98 url(./../images/dkpal-bg-2.webp) top right no-repeat; background-size: contain; color: #fff; }
.blk-6 { background: linear-gradient(to bottom, #147eae, #237ea8, #53a2c7);  }
.blk-7 { background: #3b9e33; color: #fff;  }
.blk-10 { background: #0c6c98; }
.blk-11 { background: linear-gradient(to bottom, #0c6c98, #237ea8, #53a2c7);  }

.box-1 { background: #fff; }

.content-1 { display: flex; gap: 30px; align-items: center; justify-content: space-between; }

.content-2 { display: flex; gap: 30px; }
.content-2 > div:first-child { margin-left: -60px; max-width: 520px; width: 100%; flex-shrink: 0; align-self: flex-end; position: relative; z-index: 1; }
.content-2 > div:first-child:before { top: -45%; left: -22%; width: 145%; height: 180%; content: ""; position: absolute; z-index: 0; background: url(./../images/glow-1.webp) center no-repeat; background-size: 100% 100%; pointer-events: none; }
.content-2 > div:last-child { flex-grow: 1; }

.content-3 { display: flex; gap: 30px; align-items: flex-end; justify-content: center; }
.content-3 > div:first-child { flex-grow: 1; }
.content-3 > div:last-child { max-width: 320px; width: 100%; flex-shrink: 0; }

.content-4 { display: flex; gap: 30px; align-items: flex-end; justify-content: center; }
.content-4 > div:first-child { flex-grow: 1; }
.content-4 > div:last-child { max-width: 280px; margin-left: 40px; width: 100%; flex-shrink: 0; }

.content-5 { display: flex; gap: 30px; align-items: flex-end; justify-content: center; }
.content-5 > div:first-child { flex-grow: 1; }
.content-5 > div:last-child { max-width: 350px; margin-right: -30px; width: 100%; flex-shrink: 0; }

.content-6 { display: flex; gap: 30px; align-items: center; justify-content: center; background: #fff; border-radius: 15px; }
.content-6 > div:first-child { margin-left: -50px; max-width: 268px; width: 100%; flex-shrink: 0; }
.content-6 > div:last-child { flex-grow: 1; }

.content-7 { display: flex; gap: 30px; justify-content: center; background: #fff; border-radius: 5px; }
.content-7 > div:first-child { flex-grow: 1; }
.content-7 > div:last-child { max-width: 330px; width: 100%; flex-shrink: 0; }

.hd-1 { max-width: 520px; text-transform: uppercase; }
.hd-2 { max-width: 400px; }
.hd-3 { max-width: 380px; text-transform: uppercase;  text-align: center; margin: 0 auto; }

.text-1 { max-width: 500px; }
.text-3 { max-width: 535px; margin: 1em auto 0; }

.img-2 { width: 100%; margin: -20px 0 -90px; position: relative; }
.img-3 { border-radius: 5px; }
.img-4 { margin: -6% auto -10%; display: block; cursor: pointer; }

.product-labels { width: 760px; display: flex; gap: 15px; flex-wrap: wrap; align-items: center; color: #000; }
.product-labels svg { width: 100%; }
.p-label { display: flex; gap: 10px; align-items: center; justify-content: center; font-size: 1.6rem; line-height: 1.3; font-weight: 600; }
.p-label > div:first-child { width: 60px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.product-labels > div:nth-child(1) { width: 142px; flex-shrink: 0; }
.product-labels > div:nth-child(2) { width: 138px; flex-shrink: 0; }
.product-labels > div:nth-child(3) { width: 120px; flex-shrink: 0; }
.product-labels > div:nth-child(4) { width: 135px; flex-shrink: 0; }
.product-labels > div:nth-child(5) { width: 163px; flex-shrink: 0; }
.svg-fill-usa .cls-b-4 { fill: #227da7; }

.labels-wrap { padding: 30px; border-radius: 15px; background: #fff; }
.labels-wrap-2 { padding: 10px 0 0; }
.product-labels-2 { margin: 0; display: flex; gap: 15px; color: #000; flex-wrap: wrap; align-items: center; justify-content: center; }
.product-labels-2 svg { width: 100%; }
.p-label-2 { display: flex; gap: 10px; align-items: center; justify-content: center; font-size: 1.6rem; line-height: 1.3; font-weight: 600; }
.p-label-2 > div:first-child { width: 60px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.product-labels-2 > div:nth-child(1) { width: 148px; flex-shrink: 0; }
.product-labels-2 > div:nth-child(2) { width: 135px; flex-shrink: 0; }
.product-labels-2 > div:nth-child(2) img { margin-bottom: -12px; }
.product-labels-2 > div:nth-child(3) { width: 142px; flex-shrink: 0; }
.product-labels-2 > div:nth-child(4) { width: 138px; flex-shrink: 0; }
.product-labels-2 > div:nth-child(5) { width: 120px; flex-shrink: 0; }
.product-labels-2 > div:nth-child(6) { width: 135px; flex-shrink: 0; }
.product-labels-2 > div:nth-child(7) { width: 163px; flex-shrink: 0; }
.p-label-2-2 > div:last-child { display: none; }

.ingredient-wrap { max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; display: flex; gap: 30px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.ingredient { max-width: 260px; }
.ing-title { padding: 10px 15px; border-radius: 10px; background: #0c6c98; color: #fff; text-align: center; box-sizing: border-box; }
.ing-title h4 { margin: 0; font-weight: 700; }
.ing-desc { padding: 0 10px; }
.ing-desc p { margin-bottom: 0; }
.ing-img { margin-bottom: 10px; border-radius: 25px; width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; position: relative; }
.ing-img img { position: absolute; max-width: calc(100% + 60px); left: -30px;  }
.ing-img-1 { background-image: url(./../images/lotion-bg-1.webp); background-size: cover; }
.ing-img-2 { background-image: url(./../images/lotion-bg-2.webp); background-size: cover; }
.ing-img-3 { background-image: url(./../images/lotion-bg-3.webp); background-size: cover; }
.ing-img-4 { background-image: url(./../images/lotion-bg-4.webp); background-size: cover; }
.ing-img-5 { background-image: url(./../images/lotion-bg-5.webp); background-size: cover; }
.ing-img-6 { background-image: url(./../images/lotion-bg-6.webp); background-size: cover; }

.benefit { max-width: 900px; margin-left: auto; margin-right: auto; border: 5px solid #5f87a4; border-radius: 15px; display: flex; gap: 30px; background: #fff; align-items: center; justify-content: center; }
.benefit > div:first-child { max-width: 70px; width: 100%; flex-shrink: 0; stroke: #d77900; }
.benefit svg * { stroke: #d77900; }

.review-wrap { display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; }
.review { max-width: 560px; width: 100%; background: #0c6c98; color: #fff; border-radius: 15px; }
.review-info { display: flex; gap: 20px; align-items: center; }
.comment { font-style: italic; }

.arrow-down { width: 0; height: 0; margin: 0 auto; border-left: 250px solid transparent; border-right: 250px solid transparent; border-top: 40px solid #3b9e33; }

.option-wrap { display: flex; justify-content: stretch; }
.option-wrap > div { max-width: 400px; width: 100%; }

.opt-spacing { padding: 25px 0; }
.option { border-radius: 15px; box-shadow: 0px 0px 15px -8px #000; background: #fff; position: relative; height: 100%; overflow: hidden; }
.opt-1 { border-top-right-radius: 0; border-bottom-right-radius: 0; z-index: 1; }
.opt-2 { z-index: 2; }
.opt-3 { border-top-left-radius: 0; border-bottom-left-radius: 0; z-index: 1; }

.opt-head { padding: 15px 20px; font-size: 2.7rem; text-align: center; color: #fff; }
.opt-1 .opt-head { background: #d8d8d8; }
.opt-2 .opt-head { background: #42a13a; }
.opt-3 .opt-head { background: #4e4d7e; }

.opt-cta-wrap { margin: 0 30px; border-top: 1px solid #e2e2e2; }
.opt-crossout { font-size: 3rem; font-family: 'Trebuchet MS', Arial, sans-serif; font-weight: 900; line-height: 1.2; text-align: center; }
.opt-price {font-size: 6rem; font-family: 'Trebuchet MS', Arial, sans-serif; font-weight: 700; line-height: 1; text-align: center; }
.opt-shipping { margin-bottom: 10px; color: #3b9e33; text-align: center; display: flex; gap: 7px; align-items: center; justify-content: center; }
.opt-shipping > div:first-child { width: 40px; flex-shrink: 0; }
.opt-savings { padding-bottom: 20px; text-align: center; }

.opt-1-img { margin: 29px auto 0; max-width: 230px; width: 100%; }
.opt-2-img { margin: 27px auto 0; max-width: 310px; width: 100%; }
.opt-2-img-b  { position: absolute; right: 15px; top: -72px; }
.opt-3-img { margin: 12px auto 0; max-width: 350px; width: 100%; }
.opt-3-img-b  { position: absolute; right: 15px; top: -59px; }

a.btn-1 { display: block; max-width: 278px; margin: 30px auto; padding: 10px 25px; background: linear-gradient(to bottom, #fffa02, #ffc102); border: 1px solid #ff8300; border-radius: 5px; color: #040c15; font-style: italic; box-shadow: 0px 0px 15px -10px #000; font-weight: 900; font-family: 'Trebuchet MS', Arial, sans-serif; text-align: center; }
.btn-2 { display: block; max-width: 299px; margin: 30px auto; transition: transform 0.4s ease; }
.btn-2:hover { transform: translateY(-5px); }

.btn-3 { display: block; max-width: 299px; margin: 60px auto 20px; transition: transform 0.4s ease; }
.btn-3:hover { transform: translateY(-5px); }

.btn-4 { display: block; max-width: 278px; margin: 30px auto; transition: transform 0.4s ease;  }
.btn-4:hover { transform: translateY(-5px); }

.bpr_headline { font-weight: 800; }
.bpr_pink { color: #ea8789; }
.bpr_blue { color: #006db3; }
.link-1 { color: #006db3; text-decoration: none; }
.link-1:hover { text-decoration: underline; }

.bg-stroke-1 { padding: 10px 0; position: relative; display: inline-block; }
.bg-stroke-1:before { content: ''; top: 0; left: -19%; width: 140%; height: 100%; z-index: 0; background: url(./../images/blue-stroke.webp) center no-repeat; background-size: cover; position: absolute; }

.collapse-toggle { background: #e8f8ff; margin-top: 5px; cursor: pointer; position: relative; color: #000; font-weight: 600; transition: background-color 0.25s linear, padding 0.25s linear; }
.collapse-toggle.m-top-0 { margin-top: 0; }
.collapse-toggle:hover { text-decoration: underline; }

.collapse { height: 0; opacity: 0; overflow: hidden; border-top: 0; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
.collapse-toggle.active { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.collapse-content p:last-child { margin-bottom: 0; } 

/* POP-UP OFFER */
.overlay { visibility: hidden; position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); transition: 0.25s opacity ease-in, 0.25s visibility step-end; opacity: 0; }
.modal { max-width: 1280px; height: 100%; padding: 0 20px; box-sizing: border-box; margin: auto; visibility: hidden; opacity: 0; position: fixed; top: 2%; right: 0; bottom: 0; left: 0; overflow: auto; -ms-transform: translate3d(0, -1rem, 0) translateY(-50%); -webkit-transform: translate3d(0, -1rem, 0) translateY(-50%); transform: translate3d(0, -1rem, 0); transition: 0.25s transform ease, 0.25s opacity ease, 0.25s visibility step-end; z-index: 1000; scrollbar-width: none; }
.modalcontent { max-width: 100%; background-color: white; box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.25); position: relative; border-radius: 6px; padding: 15px; }
input[type='checkbox']:checked + .overlay, input[type='checkbox']:checked + .overlay + .modal { display: block; visibility: visible; opacity: 1; transform: none; transition: 0.25s transform ease-in, 0.25s opacity ease-in; }
#popup_offer { width: 100%; bottom: auto; }
#chkbx_popup { display: none; }
.a_bannerbuy2get4 { display: block; max-width: 1700px; width: 100%; margin: 0 auto; }
.bannerbuy2get4 { display: block; max-width: 1700px; width: 100%; margin: 0 auto; }
.noblk { max-width: 650px; width: 100%; font-size: 1.5rem; padding-top: 20px; margin: 2% auto 20px; border-top: #cccccc solid 1px; }
.btnno { display: flex; max-width: 200px; width: 100%; align-items: center; justify-content: center; font-size: 1.5rem; letter-spacing: 0.5px; line-height: 1.6; font-weight: 700; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 7px 5px; margin: 0 auto 20px; cursor: pointer; background: linear-gradient(135deg, #a7a7a7 36%, #c2c2c2 67%); border: #b5b3b3 solid 2px; border-radius: 10px; align-items: center; justify-content: center; gap: 7px; }
.btnno:hover { color: #545454; color: #ffffff; background: linear-gradient(135deg, #b2b1b1 36%, #cccaca 67%); border-color: #c5c4c4; }
.fill-white { display: block; fill: #fff; }

/* Exitpop */
#exitpop { display: none; max-width: 785px; font-family: 'Trebuchet MS', Arial, sans-serif; }
#exitpop h3 { font-weight: 700; text-align: center; line-height: 1.8; font-size: 2.2rem; max-width: 700px; margin: 0 auto 1em; }
#exitpop p { text-align: center; font-weight: 600; font-size: 2.2rem; }
#exitpop .order-button { max-width: 400px; width: 100%; line-height: 1.6; background: linear-gradient(to bottom, #fffa02, #ffc102); color: #000; font-size: 2.2rem; padding: 15px 30px; border: 2px solid #ffdb6b; border-radius: 5px; margin-left: auto; margin-right: auto; display: block; cursor: pointer; position: relative; font-weight: 700; font-style: italic; text-transform: uppercase; transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; text-decoration: none; text-align: center; }
#exitpop .order-button:hover { transform: translateY(-5px); }
#exitpop .order-button:focus { outline: none; }

/* Purchase */
#pr-pop { font-size: 12px; transition: all 0.6s ease; opacity: 0; left: -35px; margin-right: 15px; bottom: 15px; position: fixed; background: #fff; padding: 15px; border-radius: 3px; border: 1px solid #fbfbfb; box-shadow: 0px 5px 10px 0px rgba(106, 106, 106, 0.15); display: flex; gap: 12px; z-index: 100; align-items: center; justify-content: center; flex-direction: row-reverse; }
#pr-pop.active { opacity: 1; left: 15px; }
.pr-time-wrap  { color: #333; }
.pr-img-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; }
.pr-img-wrap img { height: 56px; width: auto; display: block; }
#pr-name { font-weight: 600; }
#pr-loc { font-weight: 600; color: #005cc4; }

.uppercase { text-transform: uppercase; }
.white { color: #fff; }
.blue { color: #0c6c98; }
.red { color: #d10000; }

@media screen and (max-width: 1350px) {
    .content-2 { max-width: 1020px; margin: 0 auto; justify-content: center; }
    .product-labels { max-width: 560px; width: 100%; }
}

@media screen and (max-width: 1200px) {
   .product-labels-2 { max-width: 620px; margin: 0 auto; gap: 20px; }
}
@media screen and (max-width: 1150px) {
    .content-2 { max-width: 930px; }
    .content-2 > div:first-child { max-width: 460px; }
    .content-2 > div:last-child { margin-left: -20px; }
    .ingredient-wrap { width: 92%; }

    .opt-1-img { max-width: 195px; }
    .opt-2-img { max-width: 265px; }
    .opt-3-img { max-width: 300px; }

    .blk-11 h3 { max-width: 520px; margin-left: auto; margin-right: auto;}
}

@media screen and (max-width: 980px) {
    .spacing-1 { padding-left: 30px; padding-right: 30px; }
    .content-2 { gap: 20px; flex-direction: column; align-items: center; justify-content: center; }
    .content-2 > div:first-child { align-self: center; max-width: 440px; margin-left: 0; }
    .content-2 > div:last-child { margin-left: 0px; }

    .content-3 { flex-direction: column-reverse; align-items: center; }
    .content-4 { flex-direction: column-reverse; align-items: center; gap: 25px; }
    .content-4 > div:last-child { margin-left: 0; }
    .content-5 { flex-direction: column-reverse; align-items: center; }
    .content-5 > div:last-child { margin-left: -30px; width: calc(100% + 60px); }
    .content-6 { flex-direction: column; align-items: center; }
    .content-6 > div:first-child { max-width: 200px; margin-left: 0; }
    .content-6 h3 { text-align: center; }
    .content-7 { flex-direction: column-reverse; align-items: center; }

    .img-2 { margin: 0 0 -6% 0; }
    .hd-1, .hd-2, .text-1 { text-align: center; margin-left: auto; margin-right: auto; }
    .product-labels { justify-content: center; }

    .ingredient-wrap { max-width: 650px; }
    .ingredient { width: 100%; }

    .option-wrap { flex-direction: column; align-items: center; justify-content: center; gap: 30px; }
    .option { border-radius: 15px; }
    .opt-spacing { padding: 0; }

    .labels-wrap { max-width: 520px; margin: 0 auto 40px;}
    .labels-wrap-2 .product-labels-2 { max-width: 635px; margin-left: auto; margin-right: auto; }
    .product-labels-2 { gap: 25px; }

    .bg-stroke-1{ padding: 10px 30px; }
    .bg-stroke-1:before { left: -30px; width: 120%; }
}


@media screen and (max-width: 768px) {
    body { font-size: 1.6rem; }
    h1 { font-size: 2.8rem; }
    h2 { font-size: 3.8rem; }
    h3 { font-size: 2.4rem; }
    h4 { font-size: 2rem; }
    h5 { font-size: 2.6rem; }

    .spacing-1, .container { padding-left: 15px; padding-right: 15px; }
    .content-1 { padding: 10px 15px; gap: 0; flex-wrap: wrap; }

    .header-nav { height: 0; width: calc(100% + 30px); margin: 0 -15px -5px; overflow: hidden; transition: height 0.25s ease;  }
    .header-nav ul { margin-top: 20px; padding: 15px; display: block; background: #127cac; }
    .header-nav li { margin-bottom: 20px; }
    .header-nav li:last-child { margin-bottom: 5px; }
    .mob-menu { fill: #fff; padding: 4px; border: 1px solid #4ba0c8; border-radius: 5px; display: flex; }
    .mob-menu a { display: flex; }
    .mob-menu svg { width: 35px; height: 35px; }
    a.btn-1 { margin: 0; max-width: 100%; }

    .content-2 > div:first-child { max-width: 340px; }
    .blk-1 { overflow: hidden; }

    .ingredient-wrap { align-items: center; justify-content: center; }
    .ingredient { max-width: 360px; width: 100%; }
    .ing-img { max-width: 240px; height: 270px; margin-left: auto; margin-right: auto; }

    .img-4 { margin: 0% auto -10%; }
    .hd-4 { margin-left: auto; margin-right: auto; max-width: 400px; }

    .benefit { padding: 20px 15px; flex-direction: column; gap: 15px; }
    .arrow-down { border-left: 164px solid transparent; border-right: 164px solid transparent; border-top: 30px solid #3b9e33; }

    .footer-info { flex-direction: column-reverse; gap: 15px;  max-width: 290px; text-align: center; margin: 0 auto; }
    .footer-menu { margin-bottom: 15px; }
    .footer-menu ul { margin: 0 auto; }

    .bg-stroke-1:before { left: -10px; width: 108%; }
    .p-label > div:first-child { width: 52px; }
    .product-labels > div:nth-child(1) { width: 132px; }
    .product-labels > div:nth-child(2) { width: 130px; }
    .product-labels > div:nth-child(3) { width: 110px; }
    .product-labels > div:nth-child(4) { width: 125px; }
    .product-labels > div:nth-child(5) { width: 150px; }

    .blk-11 h3 { max-width: 420px; }
    .labels-wrap { max-width: 490px; }
    .p-label-2 > div:first-child { width: 52px; }
    .product-labels-2 > div:nth-child(1) { width: 140px; }
    .product-labels-2 > div:nth-child(2) { width: 125px; }
    .product-labels-2 > div:nth-child(3) { width: 132px; }
    .product-labels-2 > div:nth-child(4) { width: 130px; }
    .product-labels-2 > div:nth-child(5) { width: 110px; }
    .product-labels-2 > div:nth-child(6) { width: 125px; }
    .product-labels-2 > div:nth-child(7) { width: 150px; }

    .opt-head { font-size: 2.2rem; padding: 15px; }
    .opt-crossout { font-size: 2.6rem; }
    .opt-price { font-size: 4.8rem; }

    .review-info > div:first-child { max-width: 75px; }  
    .review-info > div:last-child { max-width: 100px; }  
}

@media screen and (max-width: 720px) {
    #pr-pop { font-size: 12px; padding: 10px 15px; margin: 0; }
    .pr-img-wrap img { height: 35px; }
}

@media screen and (max-width: 650px) {
    .labels-wrap-2 { margin: 20px auto 0; }
    .labels-wrap-2 .product-labels-2 { gap: 20px; justify-content: flex-start; max-width: 330px; margin: 0 auto; }
    .labels-wrap-2 .product-labels-2 > div { width: 155px !important; }
    .labels-wrap-2 .p-label-2 { justify-content: flex-start; }
}

@media screen and (max-width: 520px) {
    h1 { font-size: 2.4rem; }
    h2 { font-size: 3.2rem; }
    h3 { font-size: 2.2rem; }
    h4 { font-size: 2rem; }
    h5 { font-size: 2.2rem; }

    .hd-1 { max-width: 400px; }
    .hd-2 { max-width: 320px; }
    .hd-3 { max-width: 280px; }
    .text-1 { max-width: 325px; }


    .product-labels { justify-content: flex-start; max-width: 312px; margin: 20px auto 0; gap: 15px; }
    .product-labels > div { font-size: 1.5rem; width: 148px !important; }
    .p-label { justify-content: flex-start; }

    .labels-wrap { margin: 30px auto 0; gap: 20px; padding: 30px 15px; }
    .labels-wrap .product-labels-2 { gap: 20px; justify-content: flex-start; max-width: 330px; margin: 0 auto; }
    .labels-wrap .product-labels-2 > div { width: 155px !important; }
    .labels-wrap .p-label-2 { justify-content: flex-start; }

    .product-labels-2 > div:nth-child(1) img { padding: 1px; }
    .product-labels-2 > div:nth-child(3) img { margin-bottom: -8px; padding: 5px; }

    .opt-2-img-b  { right: 8px; }
    .opt-3-img-b  { right: 8px; }
}