Sliders

Desktop Image

Title

Subtitle

Button Link

Button Text

Show Overlay Background

Mobile Image

If you want the picture to be clicked, enter the link

Image Link

Secondary Button Link

Secondary Button Text

Button Background Color

Is External Links

Button Color

Button Hover Background Color

Texts Color

Button Hover Text Color

Is Video?

Please turn on silent start for the video to play automatically

Video

Is Mobile Video

Mobile Video

Title H Tag

Top Title

Top Title Color

Top Title Font Size Desktop

Top Title Font Size Mobile

Top Title Font Weight

Footer Links

Links

No Follow?

Image List

Category Images

Image

Sub Text

Text Color

Button Text Color

Top Title Font Size

Button Border Radius

Image Aspect Ratio

Image Aspect Ratio Mobile

Is Defult Aspect Ratio

Button Position

Button Position Mobile

Is Button Outside

Image List Flex

Category Images Flex

Is No Follow?

External Link Target Blank

Layout Images

Link

Is Image Contain

Link Text Color

Link Background Color

Button Font Weight

S.S.S

Question

Answer

Is Rich Text Question

Brand Image List

Image Border Radius

Text

Text Font Weight

Text Font Size

External Link Target

Aspect Ratio

Aspect Ratio Mobile

Is Image & Video Cover

Video Height

Text Position

Top Position

Remove Top Space

Button Show?

Button Background Color 

Button Text Color 

Button On Image

Cookie Info

Cookie Content

Cookie Button Text

Cookie Bar Show

Accept Text Left?

Show Close Button

Cookie Bar Position

Comments

Comment

Star

WritingBy & Date

Content

LookBook - Image

Sub Title

Hide Button

Is Image Cover

Title Color

Sub Title Color

Image List Grid

Category Images Grid

Title & Sub Title Color

İmage & Button Link

Content Position

ReadMoreButtonPosition

LogoPosition

SliderAutoSecond

AnnouncementText

Announcement

Color

Background Color

Mobile Font Size

Font Weight

Text UpperCase

BrandSliderItem

ProductDetailImageAspectRatio

Horizontal

Vertical

ColumnGrid

DescriptionPosition

AddBasketButtonPosition

Testimonial

Quote

Writer

Rating

Fill Stars?

FeaturesGrid

Features

New Tab?

Align

BorderStyle

Image Type

ButtonPosition

Collection List

CollectionList

External Link Target Blank?

BlogImageAspectRatio

ButtonLinks

Button Links

Border Color

Button Width

Button Width Mobile

Hover Background Color

Hover Text Color

Zoom Enable

MarqueeImageItem

Marquee Image Item

ARROWS

Video Link

Link Url

BlogLinkText

Blog & Text

Blog

Employee

Full Name

HeaderHelperBar

Show Bar

Bar Background Color

Bar Text & Icon Color

Show Mobile?

Link List

Facebook Link

Instagram Link

Twitter Link

Pinterest Link

Youtube Link

LinkedIn Link

Tiktok Link

Twitch Link

Discord Link

Is Centered Links

It works if there are no social media icons

Is Right Links

CustomModalAttr

Custom Modal Show

Icon

Is HTML?

Special Attr. (Only Image)

HTag

HelperBarIcons

Icon Width

Category Image Text List

Category Image Text

Border Radius

Header Mega Menu

Image Reverse

Image Cover

Bottom Top Padding

Min Height

Sub links & Title 

Sub Links & Title

Tag - Image

TagImage

Image Width

Image Height

Mobile Image Width

Mobile Image Height

Konumunuza özel içerikleri görmek ve online alışveriş yapmak için başka bir ülkeyi veya bölgeyi seçin.

<div class="footer-bottom-area">
    <style>
        .footer-bottom-area {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
            padding: 20px;
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
            font-size: 14px;
            color: #ffffff;
            background-color: transparent;
            text-align: center;
            border-top: 1px solid rgba(255, 255, 255, 0.1); /* Üstüne çok hafif şeffaf bir çizgi çektik, şık dursun diye */
            margin-top: 20px;
        }

        /* Telif Hakkı Kısmı */
        .copyright-text {
            opacity: 0.9;
            letter-spacing: 0.5px;
        }

        /* The Medya İmza Kısmı */
        .the-medya-credit {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            font-size: 13px;
            opacity: 0.8;
        }

        /* Atan Kalp Animasyonu */
        .the-medya-credit .heart {
            color: #C15C3D;
            display: inline-block;
            font-size: 15px;
            animation: heartbeat 1.5s ease infinite;
        }

        @keyframes heartbeat {
            0% { transform: scale(1); }
            14% { transform: scale(1.25); }
            28% { transform: scale(1); }
            42% { transform: scale(1.25); }
            70% { transform: scale(1); }
        }

        /* The Medya Link Tasarımı */
        .the-medya-credit a {
            color: #ffffff;
            font-weight: 700;
            text-decoration: none;
            position: relative;
            transition: color 0.3s ease;
            letter-spacing: 0.5px;
            opacity: 1;
        }

        .the-medya-credit a:hover {
            color: #F09E00;
        }

        .the-medya-credit a::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: #F09E00;
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.3s ease;
        }

        .the-medya-credit a:hover::after {
            transform: scaleX(1);
            transform-origin: left;
        }

        /* Masaüstü Ekranlarda (Yan Yana Dizilim) */
        @media (min-width: 768px) {
            .footer-bottom-area {
                flex-direction: row;
                justify-content: space-between;
                padding: 20px 40px;
            }
        }
    </style>

    <div class="copyright-text">
        © 2026 Ağırnas Mimarsinan Kadın Kooperatifi. Tüm Hakları Saklıdır.
    </div>

    <div class="the-medya-credit">
        <span>Created with</span>
        <span class="heart">❤</span>
        <span>by</span>
        <a href="https://themedya.com" target="_blank" rel="noopener noreferrer">The Medya</a>
    </div>
</div>

#1d1d1dff

<section class="aspir-benefits-wrapper">
    <style>
        /* Renk Paleti ve Genel Ayarlar */
        :root {
            --acik-yesil: #7A9C1D;
            --sari-turuncu: #F09E00;
            --koyu-yesil: #2F3E0B;
            --kiremit: #C15C3D;
            --arkaplan-gri: #f9fbfa;
        }

        .aspir-benefits-wrapper {
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
            background-color: var(--arkaplan-gri);
            border-radius: 20px;
            padding: 60px 20px;
            margin: 40px auto;
            max-width: 1200px;
            overflow: hidden;
            box-shadow: inset 0 0 40px rgba(122, 156, 29, 0.05);
            box-sizing: border-box;
        }

        /* ----- SAF CSS ANİMASYONU (JS GEREKTİRMEZ) ----- */
        @keyframes asagidanGel {
            0% {
                opacity: 0;
                transform: translateY(40px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Başlık Alanı */
        .benefits-header {
            text-align: center;
            margin-bottom: 60px;
            opacity: 0;
            animation: asagidanGel 0.8s ease-out forwards;
        }

        .benefits-subtitle {
            color: var(--sari-turuncu);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 14px;
            display: block;
            margin-bottom: 10px;
        }

        .benefits-title {
            font-size: 36px;
            font-weight: 900;
            color: var(--koyu-yesil);
            margin: 0;
        }

        /* Responsive Grid (Izgara) Yapısı */
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-bottom: 50px;
        }

        /* Fayda Kartları */
        .benefit-card {
            background: #ffffff;
            border-radius: 16px;
            padding: 40px 25px;
            text-align: center;
            border-bottom: 4px solid var(--acik-yesil);
            box-shadow: 0 10px 30px rgba(47, 62, 11, 0.06);
            display: flex;
            flex-direction: column;
            align-items: center;
            
            /* Animasyon Ayarları */
            opacity: 0;
            animation: asagidanGel 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
            transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
        }

        .benefit-card:hover {
            transform: translateY(-10px) scale(1.02);
            border-bottom-color: var(--sari-turuncu);
            box-shadow: 0 15px 40px rgba(193, 92, 61, 0.1);
            z-index: 2;
        }

        /* İkon Çerçevesi */
        .icon-wrapper {
            width: 80px;
            height: 80px;
            margin: 0 auto 25px;
            background: rgba(122, 156, 29, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.4s ease, background 0.4s ease;
            flex-shrink: 0;
        }

        .benefit-card:hover .icon-wrapper {
            transform: rotateY(180deg);
            background: rgba(240, 158, 0, 0.15);
        }

        .icon-wrapper svg {
            width: 40px;
            height: 40px;
            transition: transform 0.4s ease;
        }

        .benefit-card:hover .icon-wrapper svg {
            transform: rotateY(-180deg) scale(1.1);
        }

        .benefit-card h3 {
            color: var(--kiremit);
            font-size: 20px;
            font-weight: 800;
            margin-bottom: 15px;
            width: 100%;
        }

        .benefit-card p {
            color: #556048;
            font-size: 15px;
            line-height: 1.6;
            margin: 0;
        }

        /* Vurgulu Afiş (Banner) */
        .benefits-banner {
            background: linear-gradient(135deg, var(--koyu-yesil) 0%, #1a2306 100%);
            border-radius: 16px;
            padding: 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px;
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
            
            /* Animasyon Ayarları */
            opacity: 0;
            animation: asagidanGel 0.8s ease-out forwards;
        }

        .benefits-banner::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 200px;
            height: 200px;
            background: var(--acik-yesil);
            border-radius: 50%;
            opacity: 0.1;
        }

        .banner-text h4 {
            color: #ffffff;
            font-size: 24px;
            margin: 0 0 10px 0;
        }

        .banner-text p {
            color: rgba(255,255,255,0.8);
            margin: 0;
            font-size: 16px;
            line-height: 1.6;
        }

        .banner-highlight {
            color: var(--sari-turuncu);
            font-weight: bold;
        }

        /* Mobil ve Tablet Uyumluluk */
        @media (max-width: 992px) {
            .benefits-title {
                font-size: 30px;
            }
        }

        @media (max-width: 768px) {
            .aspir-benefits-wrapper {
                padding: 40px 15px;
            }
            .benefits-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            .benefits-banner {
                flex-direction: column;
                text-align: center;
                padding: 30px 20px;
            }
        }
    </style>

    <div class="benefits-header" style="animation-delay: 0.1s;">
        <span class="benefits-subtitle">Neden Kullanmalısınız?</span>
        <h2 class="benefits-title">Vücudunuza Doğadan Gelen Dokunuş</h2>
    </div>

    <div class="benefits-grid">
        <div class="benefit-card" style="animation-delay: 0.2s;">
            <div class="icon-wrapper">
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5Z" stroke="#7A9C1D" stroke-width="2"></path>
                    <path d="M12 6.5V12L16 14.5" stroke="#F09E00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </div>
            <h3>Metabolizma Desteği</h3>
            <p>İçerdiği yüksek CLA oranı sayesinde metabolizmanın normal işleyişine katkıda bulunur. Spor ve diyet rutinlerinin vazgeçilmez bir yardımcısıdır.</p>
        </div>

        <div class="benefit-card" style="animation-delay: 0.3s;">
            <div class="icon-wrapper">
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#7A9C1D" stroke-width="2"></path>
                    <path d="M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14M9 9H9.01M15 9H15.01" stroke="#C15C3D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </div>
            <h3>Işıl Işıl Bir Cilt</h3>
            <p>Doğal bir E vitamini deposudur. Cildi serbest radikallere karşı korur, derinlemesine nemlendirir ve cilt bariyerini güçlendirmeye yardımcı olur.</p>
        </div>

        <div class="benefit-card" style="animation-delay: 0.4s;">
            <div class="icon-wrapper">
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 21.35L10.55 20.03C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5C22 12.28 18.6 15.36 13.45 20.04L12 21.35Z" stroke="#F09E00" stroke-width="2" fill="rgba(240, 158, 0, 0.2)"></path>
                </svg>
            </div>
            <h3>Kalp ve Damar Dostu</h3>
            <p>Omega-6 (Linoleik Asit) bakımından zengindir. Sağlıklı bir diyetin parçası olarak tüketildiğinde kalp sağlığını destekleyici özelliklere sahiptir.</p>
        </div>

        <div class="benefit-card" style="animation-delay: 0.5s;">
            <div class="icon-wrapper">
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8C17 9.87383 15.9686 11.5065 14.4299 12.3333L12 15L9.57006 12.3333C8.03135 11.5065 7 9.87383 7 8Z" stroke="#7A9C1D" stroke-width="2"></path>
                    <path d="M12 15L12 21" stroke="#C15C3D" stroke-width="2" stroke-linecap="round"></path>
                    <path d="M9 18L15 18" stroke="#7A9C1D" stroke-width="2" stroke-linecap="round"></path>
                </svg>
            </div>
            <h3>Güçlü Saç Kökleri</h3>
            <p>Saç diplerine masaj yapılarak uygulandığında saç derisini besler, kepek oluşumunu önlemeye yardımcı olur ve saçlara doğal bir parlaklık kazandırır.</p>
        </div>

        <div class="benefit-card" style="animation-delay: 0.6s;">
            <div class="icon-wrapper">
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="#7A9C1D" stroke-width="2"></path>
                    <path d="M12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12" stroke="#F09E00" stroke-width="2" stroke-linecap="round"></path>
                </svg>
            </div>
            <h3>Sindirim ve Bağırsak Dostu</h3>
            <p>Salata ve zeytinyağlılarda tüketildiğinde hafif yapısıyla mideyi yormaz. Düzenli kullanımı sindirim sistemini ve bağırsak fonksiyonlarını destekler.</p>
        </div>

        <div class="benefit-card" style="animation-delay: 0.7s;">
            <div class="icon-wrapper">
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13 2L3 14H12L11 22L21 10H12L13 2Z" stroke="#F09E00" stroke-width="2" stroke-linejoin="round" fill="rgba(240, 158, 0, 0.2)"></path>
                </svg>
            </div>
            <h3>Doğal Enerji Kaynağı</h3>
            <p>İçerdiği sağlıklı yağ asitleri sayesinde gün boyu ihtiyaç duyduğunuz enerjiyi doğal yollardan karşılamanıza olanak tanır. Zindelik hissi verir.</p>
        </div>
    </div>

    <div class="benefits-banner" style="animation-delay: 0.8s;">
        <div class="banner-text">
            <h4>Püf Noktası: Düzenli Kullanım</h4>
            <p>Aspir yağının mucizevi etkilerinden tam olarak faydalanmak için <span class="banner-highlight">düzenlilik esastır</span>. Günde 1 tatlı kaşığı tüketmeyi veya haftalık bakım rutininize eklemeyi unutmayın.</p>
        </div>
        <svg width="64" height="64" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink: 0; opacity: 0.8;">
            <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#7A9C1D" stroke-width="2" stroke-dasharray="4 4"></path>
            <path d="M12 6V12L16 16" stroke="#F09E00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
    </div>
</section>

<p>Wir verwenden Cookies gemäß den gesetzlichen Bestimmungen, um Ihr Einkaufserlebnis zu verbessern. Ausführliche Informationen finden Sie auf unserer Seite Datenschutz- und Cookie-Richtlinie.</p>

Wählen Sie ein anderes Land oder eine andere Region aus, um für Ihren Standort spezifische Inhalte anzuzeigen und online einzukaufen.