<style type="text/css">#kms-mast-ocean-heart-cartridge { --oh-primary: #17202b; --oh-blue: #469ec8; --oh-purple: #8a73d5; --oh-pink: #d278a7; --oh-soft: #f1f5fb; --oh-surface: #ffffff; --oh-surface-alt: #f8f9fc; --oh-border: #dfe5ee; --oh-text: #303944; --oh-muted: #6a7480; width: 100%; max-width: 1100px; margin: 24px auto; color: var(--oh-text); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.7; box-sizing: border-box; } #kms-mast-ocean-heart-cartridge, #kms-mast-ocean-heart-cartridge * { box-sizing: border-box; } #kms-mast-ocean-heart-cartridge .oh-hero { position: relative; overflow: hidden; padding: 50px; border: 1px solid #263545; border-radius: 24px; background: radial-gradient(circle at 88% 5%, rgba(210, 120, 167, 0.33), transparent 29%), radial-gradient(circle at 73% 105%, rgba(70, 158, 200, 0.3), transparent 34%), linear-gradient(135deg, #17202b 0%, #263648 100%); color: #ffffff; } #kms-mast-ocean-heart-cartridge .oh-hero::before, #kms-mast-ocean-heart-cartridge .oh-hero::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; } #kms-mast-ocean-heart-cartridge .oh-hero::before { top: -90px; right: -55px; width: 240px; height: 240px; border: 1px solid rgba(255, 255, 255, 0.13); } #kms-mast-ocean-heart-cartridge .oh-hero::after { right: 80px; bottom: -155px; width: 250px; height: 250px; background: rgba(255, 255, 255, 0.035); } #kms-mast-ocean-heart-cartridge .oh-eyebrow { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 7px 13px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50px; background: rgba(255, 255, 255, 0.07); color: #badff0; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: 1.1px; text-transform: uppercase; } #kms-mast-ocean-heart-cartridge .oh-eyebrow::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: linear-gradient(135deg, var(--oh-blue), var(--oh-pink)); box-shadow: 0 0 10px rgba(210, 120, 167, 0.75); } #kms-mast-ocean-heart-cartridge .oh-title { position: relative; z-index: 1; max-width: 870px; margin: 0 0 14px; color: #ffffff; font-size: clamp(31px, 4.5vw, 51px); font-weight: 750; line-height: 1.08; letter-spacing: -1.4px; } #kms-mast-ocean-heart-cartridge .oh-subtitle { position: relative; z-index: 1; max-width: 850px; margin: 0 0 20px; color: #c5bcef; font-size: clamp(17px, 2vw, 21px); font-weight: 600; line-height: 1.45; } #kms-mast-ocean-heart-cartridge .oh-intro { position: relative; z-index: 1; max-width: 900px; margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 16px; line-height: 1.8; } #kms-mast-ocean-heart-cartridge .oh-tags { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; } #kms-mast-ocean-heart-cartridge .oh-tag { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 50px; background: rgba(255, 255, 255, 0.065); color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.4; } #kms-mast-ocean-heart-cartridge .oh-tag-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: linear-gradient(135deg, var(--oh-blue), var(--oh-pink)); } #kms-mast-ocean-heart-cartridge .oh-section { margin-top: 25px; padding: 34px; border: 1px solid var(--oh-border); border-radius: 20px; background: var(--oh-surface); } #kms-mast-ocean-heart-cartridge .oh-heading { display: flex; align-items: center; gap: 13px; margin: 0 0 25px; color: var(--oh-primary); font-size: clamp(21px, 2.5vw, 27px); font-weight: 700; line-height: 1.25; } #kms-mast-ocean-heart-cartridge .oh-heading-mark { display: block; width: 5px; height: 28px; flex: 0 0 5px; border-radius: 5px; background: linear-gradient(180deg, var(--oh-blue), var(--oh-pink)); } #kms-mast-ocean-heart-cartridge .oh-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin: 0; padding: 0; list-style: none; } #kms-mast-ocean-heart-cartridge .oh-feature { display: flex; align-items: flex-start; gap: 14px; min-height: 116px; margin: 0; padding: 20px; border: 1px solid var(--oh-border); border-radius: 16px; background: var(--oh-surface-alt); } #kms-mast-ocean-heart-cartridge .oh-check { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; flex: 0 0 27px; margin-top: 1px; border-radius: 50%; background: linear-gradient(135deg, var(--oh-blue), var(--oh-purple)); color: #ffffff; font-size: 14px; font-weight: 700; line-height: 1; } #kms-mast-ocean-heart-cartridge .oh-feature h4 { margin: 0 0 5px; color: var(--oh-primary); font-size: 16px; font-weight: 700; line-height: 1.4; } #kms-mast-ocean-heart-cartridge .oh-feature p { margin: 0; color: var(--oh-muted); font-size: 14px; line-height: 1.55; } #kms-mast-ocean-heart-cartridge .oh-design { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.25fr 0.75fr; align-items: center; gap: 30px; margin-top: 25px; padding: 36px; border-radius: 20px; background: radial-gradient(circle at 100% 0%, rgba(210, 120, 167, 0.25), transparent 36%), linear-gradient(135deg, var(--oh-primary) 0%, #283748 100%); color: #ffffff; } #kms-mast-ocean-heart-cartridge .oh-design-content { position: relative; z-index: 1; } #kms-mast-ocean-heart-cartridge .oh-design-label { display: inline-block; margin-bottom: 12px; color: #b8dcec; font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: 1.1px; text-transform: uppercase; } #kms-mast-ocean-heart-cartridge .oh-design h3 { margin: 0 0 12px; color: #ffffff; font-size: clamp(22px, 3vw, 30px); font-weight: 700; line-height: 1.3; } #kms-mast-ocean-heart-cartridge .oh-design p { margin: 0; color: rgba(255, 255, 255, 0.73); font-size: 15px; line-height: 1.75; } #kms-mast-ocean-heart-cartridge .oh-gradient-display { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; min-height: 150px; padding: 25px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.05); } #kms-mast-ocean-heart-cartridge .oh-gradient-line { width: 100%; height: 16px; border: 3px solid rgba(255, 255, 255, 0.14); border-radius: 50px; background: linear-gradient( 90deg, var(--oh-blue) 0%, var(--oh-purple) 50%, var(--oh-pink) 100% ); box-shadow: 0 0 25px rgba(138, 115, 213, 0.35); } #kms-mast-ocean-heart-cartridge .oh-application-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 25px; } #kms-mast-ocean-heart-cartridge .oh-application { padding: 26px 22px; border: 1px solid var(--oh-border); border-radius: 18px; background: linear-gradient(145deg, #ffffff 0%, var(--oh-soft) 100%); text-align: center; } #kms-mast-ocean-heart-cartridge .oh-application-number { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin-bottom: 14px; border-radius: 13px; background: linear-gradient(135deg, var(--oh-blue), var(--oh-purple)); color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1; } #kms-mast-ocean-heart-cartridge .oh-application h3 { margin: 0 0 6px; color: var(--oh-primary); font-size: 18px; font-weight: 700; line-height: 1.4; } #kms-mast-ocean-heart-cartridge .oh-application p { margin: 0; color: var(--oh-muted); font-size: 14px; line-height: 1.55; } #kms-mast-ocean-heart-cartridge .oh-performance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 25px; padding: 28px; border: 1px solid var(--oh-border); border-radius: 20px; background: var(--oh-surface-alt); } #kms-mast-ocean-heart-cartridge .oh-performance-item { padding: 8px 15px; text-align: center; } #kms-mast-ocean-heart-cartridge .oh-performance-item + .oh-performance-item { border-left: 1px solid var(--oh-border); } #kms-mast-ocean-heart-cartridge .oh-performance-item strong { display: block; margin-bottom: 5px; color: var(--oh-primary); font-size: 17px; font-weight: 700; line-height: 1.4; } #kms-mast-ocean-heart-cartridge .oh-performance-item span { color: var(--oh-muted); font-size: 13px; line-height: 1.5; } @media (max-width: 767px) { #kms-mast-ocean-heart-cartridge { margin: 15px auto; font-size: 15px; } #kms-mast-ocean-heart-cartridge .oh-hero { padding: 31px 22px; border-radius: 18px; } #kms-mast-ocean-heart-cartridge .oh-title { letter-spacing: -0.7px; } #kms-mast-ocean-heart-cartridge .oh-intro { font-size: 15px; line-height: 1.7; } #kms-mast-ocean-heart-cartridge .oh-section, #kms-mast-ocean-heart-cartridge .oh-design { margin-top: 16px; padding: 24px 18px; border-radius: 17px; } #kms-mast-ocean-heart-cartridge .oh-feature-grid, #kms-mast-ocean-heart-cartridge .oh-design, #kms-mast-ocean-heart-cartridge .oh-application-grid, #kms-mast-ocean-heart-cartridge .oh-performance { grid-template-columns: 1fr; } #kms-mast-ocean-heart-cartridge .oh-feature { min-height: auto; padding: 18px; } #kms-mast-ocean-heart-cartridge .oh-design { gap: 22px; } #kms-mast-ocean-heart-cartridge .oh-gradient-display { min-height: 100px; } #kms-mast-ocean-heart-cartridge .oh-application-grid, #kms-mast-ocean-heart-cartridge .oh-performance { margin-top: 16px; } #kms-mast-ocean-heart-cartridge .oh-performance-item + .oh-performance-item { padding-top: 20px; border-top: 1px solid var(--oh-border); border-left: 0; } } @media (max-width: 390px) { #kms-mast-ocean-heart-cartridge .oh-hero { padding: 27px 18px; } #kms-mast-ocean-heart-cartridge .oh-section, #kms-mast-ocean-heart-cartridge .oh-design { padding: 21px 15px; } #kms-mast-ocean-heart-cartridge .oh-tags { align-items: stretch; flex-direction: column; } #kms-mast-ocean-heart-cartridge .oh-tag { justify-content: center; } } </style> <div id="kms-mast-ocean-heart-cartridge"> <section class="oh-hero"> <div class="oh-eyebrow">Profesyonel PMU Kartuş</div> <h2 class="oh-title">MAST Ocean Heart</h2> <h3 class="oh-subtitle">Renk geçişli tasarım ile hassas pigment uygulamasını bir araya getiren kalıcı makyaj kartuşu</h3> <p class="oh-intro">Dünyanın ilk renk geçişli kalıcı makyaj kartuşu olan MAST Ocean Heart, çok renkli enjeksiyon teknolojisiyle estetik tasarımı profesyonel performansla bir araya getirir. Ultra ince ve uzun uç yapısı, hassas pigment uygulamalarını ve kontrollü çalışmayı destekler.</p> <div class="oh-tags"><span class="oh-tag">Renk geçişli tasarım </span> <span class="oh-tag"> Ultra ince uç </span> <span class="oh-tag"> Akıcı pigment </span></div> </section> <section class="oh-section"> <h3 class="oh-heading">Öne Çıkan Özellikler</h3> <ul class="oh-feature-grid"> <li class="oh-feature"><span class="oh-check">✓</span> <div> <h4>Özel Renk Geçişli Tasarım</h4> <p>Çok renkli enjeksiyon teknolojisiyle geliştirilen estetik ve özgün kartuş görünümü sunar.</p> </div> </li> <li class="oh-feature"><span class="oh-check">✓</span> <div> <h4>Ultra İnce ve Uzun Uç</h4> <p>Uygulama alanının daha rahat görülmesine ve hassas çalışma yapılmasına yardımcı olan uç yapısına sahiptir.</p> </div> </li> <li class="oh-feature"><span class="oh-check">✓</span> <div> <h4>Hassas Pigment Uygulaması</h4> <p>Pigmentin hedeflenen bölgeye kontrollü ve hassas biçimde uygulanmasını destekler.</p> </div> </li> <li class="oh-feature"><span class="oh-check">✓</span> <div> <h4>Akıcı Pigment Akışı</h4> <p>Uygulama sırasında pigmentin dengeli ve akıcı biçimde ilerlemesine yardımcı olur.</p> </div> </li> <li class="oh-feature"><span class="oh-check">✓</span> <div> <h4>Dayanıklı İğne Yapısı</h4> <p>Profesyonel çalışma performansını destekleyen dayanıklı iğne yapısına sahiptir.</p> </div> </li> <li class="oh-feature"><span class="oh-check">✓</span> <div> <h4>Stabil Çalışma Performansı</h4> <p>Kalıcı makyaj uygulamalarında kontrollü ve istikrarlı çalışma deneyimi sunar.</p> </div> </li> </ul> </section> <section class="oh-design"> <div class="oh-design-content"><span class="oh-design-label">Çok renkli enjeksiyon teknolojisi</span> <h3>Estetik tasarım ve profesyonel performans</h3> <p>Ocean Heart’ın renk geçişli gövde tasarımı, kartuşa özgün ve modern bir görünüm kazandırır. Estetik yapısını; ultra ince uç, akıcı pigment iletimi ve dayanıklı iğne teknolojisiyle tamamlar.</p> </div> <div aria-label="Renk geçişli tasarım" class="oh-gradient-display"> </div> </section> <div class="oh-application-grid"> <section class="oh-application"><span class="oh-application-number">01</span> <h3>Kaş</h3> <p>Hassas kaş uygulamaları ve kontrollü pigment çalışmaları için uygundur.</p> </section> <section class="oh-application"><span class="oh-application-number">02</span> <h3>Dudak</h3> <p>Dudak renklendirme işlemlerinde dengeli pigment akışını destekler.</p> </section> <section class="oh-application"><span class="oh-application-number">03</span> <h3>Eyeliner</h3> <p>Hassas ve net eyeliner uygulamalarında kontrollü çalışmaya yardımcı olur.</p> </section> </div> <section class="oh-performance"> <div class="oh-performance-item"><strong>Hassas Uygulama</strong> <span>Ultra ince ve uzun uç tasarımı</span></div> <div class="oh-performance-item"><strong>Akıcı Pigment</strong> <span>Dengeli pigment iletimini destekleyen yapı</span></div> <div class="oh-performance-item"><strong>Profesyonel Kullanım</strong> <span>Kaş, dudak ve eyeliner uygulamalarına uygun</span></div> </section> </div>