Safia Toothpaste Miswak and Propolis 30X100 ml

Product description

/* button animations - green and orange tones */ .

afiaolsun-button { text-align: center

font-family: &quot

Inter. &quot

, sans-serif

font-weight: bold

padding: 15px 20px

border-radius: 12px

cursor: pointer

display: inline-block

font-size: 16px

margin-top: 20px

} /* pop-up background and content */ .

popup { display: none

position: fixed

top: 0

left: 0

width: 100%

height: 100%

background: rgba(0, 0, 0, 0.6)

justify-content: center

align-items: center

z-index: 9999

popup-content { background: # F5f5f5

padding: 25px

border-radius: 16px

width: 60%

max-width: 900px

max-height: 70vh

overflow-y: auto

position: relative

z-index: 10000

box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4)

animation: fadeinscale 0.4s ease-out

} /* kapama butonu */ .

popup content .

Close { position: absolute

Top: 15px

Right: 15px

Color: black

Border: none

Border-radius: 50%

Width: 32px

Height: 32px

Font-size: 20px

Display: flex

Justify-content: center

Align-items: center

Cursor: pointer

} /* prevent page scroll */ body. No-scroll { overflow: hidden

} /* pop-up animation */ @keyframes fadeinscale { 0% { opacity: 0

transform: scale(0.8)

} 100% { opacity: 1

transform: scale(1)

} } product content information × product details content is loading.

document.

addeventlistener( &quot

Domcontentloaded. &quot

, () = &gt

{ const buttons = document.

queryselectorall( &quot

show pop-up &quot

const body=document. Body

buttons.

foreach(button = &gt

{ button.

addeventlistener( &quot

Click &quot

, async () = &gt

{ const link = button.

getattribute( &quot

Data link &quot

const targetselector = button.

getattribute( &quot

Target data &quot

const popup = button.

parentelement.

queryselector( &quot

pop-up &quot

const popupcontent = popup.

queryselector( &quot

popup-inner-content &quot

pop-up.

style.

display = &quot

Flexible &quot

body. Classlist.

add( &quot

No-scroll &quot

popup content.

innerhtml = &quot

Loading content.

&quot

try { const response = await fetch(link)

const htmltext = await response.

text()

const parser = new domparser()

const doc = parser.

parsefromstring(htmltext, &quot

Text/html &quot

const targetelement = doc.

queryselector(targetselector)

if (targetelement) { popupcontent.

innerhtml = targetelement.

innerhtml

} else { popupcontent.

innerhtml = &quot

The requested content was not found.

&quot

} } catch (error) { popupcontent.

innerhtml = &quot

Content could not be loaded.

please try again later.

&quot

// pop-up close document.

addeventlistener( &quot

Click &quot

,(e) = &gt

{ if (e.

target. Classlist.

contains &quot

Close &quot

) | | E.

target. Classlist.

contains &quot

Pop-up &quot

)) { const popups = document.

queryselectorall( &quot

pop-up &quot

pop-ups.

foreach(popup = &gt

{ pop-up.

style.

display = &quot

None &quot

body. Classlist.

remove( &quot

No-scroll &quot

Additional info

• The selling price on Trendyol already includes the export-related costs.
• Sold by
  helalgetir
  .
• Made in Türkiye
• A maximum of 5 units of this product can be ordered. Trendyol reserves the right to cancel orders over 5 units.
• Barcode No: 8698881882581
• Origin: TR