@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* =========================================================
   YCR Commerce
   AFİKO Homepage
========================================================= */

.ycr-home {
    margin:0;
    background:#f5f1e8;
    color:#1a1a1a;
}

.ycr-home-container {
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}


/* HERO */

.ycr-home-hero {
    position:relative;

    min-height:570px;

    display:flex;
    align-items:center;

    background:
        url('/assets/images/afiko-hero.jpg')
        center center / cover no-repeat;

    overflow:hidden;
}

.ycr-home-hero-overlay {
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(15,34,12,.88) 0%,
            rgba(15,34,12,.65) 42%,
            rgba(15,34,12,.18) 72%,
            rgba(15,34,12,.05) 100%
        );
}

.ycr-home-hero-inner {
    position:relative;
    z-index:2;
}

.ycr-home-hero-content {
    max-width:610px;
    color:#fff;
}

.ycr-home-kicker {
    display:inline-block;

    margin-bottom:12px;

    color:#b8cc66;

    font-size:14px;
    font-weight:800;
    letter-spacing:1.5px;
}

.ycr-home-hero h1 {
    margin:0;

    font-size:58px;
    line-height:1.02;

    font-weight:800;
}

.ycr-home-hero h1 strong {
    display:block;
    color:#a7c24b;
}

.ycr-home-hero p {
    max-width:540px;

    margin:20px 0;

    font-size:18px;
    line-height:1.6;

    color:#f3f3f3;
}

.ycr-home-hero-buttons {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.ycr-home-button {
    min-height:46px;

    padding:0 20px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:5px;

    font-size:13px;
    font-weight:800;

    text-decoration:none;
}

.ycr-home-button.primary {
    background:#28552c;
    color:#fff;
}

.ycr-home-button.secondary {
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
}

.ycr-home-hero-features {
    margin-top:24px;

    display:flex;
    gap:28px;
    flex-wrap:wrap;

    font-size:12px;
    font-weight:700;
}


/* STORY */

.ycr-home-story {
    padding:55px 0;
    background:#f7f3eb;
}

.ycr-home-story-grid {
    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(0,.92fr);

    gap:50px;

    align-items:center;
}

.ycr-home-story-image img {
    width:100%;
    height:360px;

    object-fit:cover;

    border-radius:14px;
}

.ycr-home-section-kicker {
    display:block;

    margin-bottom:8px;

    color:#6c8a32;

    font-size:12px;
    font-weight:800;
    letter-spacing:1.4px;
}

.ycr-home-story-content h2 {
    margin:0 0 14px;

    font-size:36px;
    line-height:1.1;
}

.ycr-home-story-content p {
    color:#555;

    font-size:14px;
    line-height:1.75;
}

.ycr-home-story-stats {
    margin-top:28px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
}

.ycr-home-story-stats > div {
    padding:0 15px;

    text-align:center;

    border-right:1px solid #ddd4c5;
}

.ycr-home-story-stats > div:last-child {
    border-right:0;
}

.ycr-home-story-stats strong {
    display:block;
    margin-bottom:5px;
    font-size:25px;
}

.ycr-home-story-stats span {
    display:block;

    font-size:12px;
    font-weight:800;
}

.ycr-home-story-stats small {
    display:block;

    margin-top:3px;

    color:#777;
    font-size:10px;
}


/* FEATURED PRODUCTS */

.ycr-home-featured {
    padding:55px 0;
    background:#fffdf8;
}

.ycr-home-section-heading {
    margin-bottom:25px;
    text-align:center;
}

.ycr-home-section-heading span {
    color:#314d28;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.2px;
}

.ycr-home-section-heading h2 {
    margin:6px 0 0;
    font-size:30px;
}

.ycr-home-product-grid {
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:14px;
}

.ycr-home-product-card {
    overflow:hidden;

    background:#fff;

    border:1px solid #e5dfd3;
    border-radius:10px;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.ycr-home-product-card:hover {
    transform:translateY(-4px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.08);
}

.ycr-home-product-image {
    height:185px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f5efe3;
}

.ycr-home-product-image img {
    max-width:100%;
    max-height:100%;

    object-fit:contain;
}

.ycr-home-product-info {
    padding:18px;
}

.ycr-home-product-info h3 {
    margin:0 0 7px;
    font-size:16px;
}

.ycr-home-product-info p {
    min-height:42px;

    margin:0 0 10px;

    color:#666;

    font-size:12px;
    line-height:1.5;
}

.ycr-home-product-info strong {
    display:block;

    margin-bottom:13px;

    color:#244d28;

    font-size:17px;
}

.ycr-home-product-info a,
.ycr-home-product-more a {
    display:inline-flex;

    min-height:35px;

    padding:0 15px;

    align-items:center;

    background:#28552c;
    color:#fff;

    border-radius:4px;

    text-decoration:none;

    font-size:11px;
    font-weight:800;
}

.ycr-home-product-more {
    display:flex;
    align-items:center;
    justify-content:center;

    padding:25px;

    background:#173e20;
    color:#fff;

    border-radius:10px;

    text-align:center;
}

.ycr-home-product-more span {
    font-size:32px;
}

.ycr-home-product-more h3 {
    margin:10px 0 7px;
    font-size:18px;
}

.ycr-home-product-more p {
    color:#dce9dd;
    font-size:12px;
}


/* BANNER */

.ycr-home-banner {
    position:relative;

    min-height:260px;

    display:flex;
    align-items:center;

    background:
        url('/assets/images/afiko-akcakoca.jpg')
        center center / cover no-repeat;

    overflow:hidden;
}

.ycr-home-banner-overlay {
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(15,35,15,.45),
            rgba(15,35,15,.20)
        );
}

.ycr-home-banner-content {
    position:relative;
    z-index:2;

    text-align:center;

    color:#fff;
}

.ycr-home-banner-content span {
    font-size:30px;
}

.ycr-home-banner-content h2 {
    margin:8px 0 6px;

    font-size:34px;

    letter-spacing:1px;
}

.ycr-home-banner-content p {
    max-width:650px;

    margin:0 auto;

    font-size:14px;
    line-height:1.6;
}


/* WHY */

.ycr-home-why {
    padding:50px 0 60px;
    background:#faf7ef;
}

.ycr-home-why-grid {
    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:15px;
}

.ycr-home-why-grid > div {
    text-align:center;
}

.ycr-home-why-grid strong {
    width:54px;
    height:54px;

    margin:0 auto 10px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#edf3e6;

    border:1px solid #cad9b8;
    border-radius:50%;

    font-size:24px;
}

.ycr-home-why-grid h3 {
    margin:0 0 7px;

    font-size:13px;
}

.ycr-home-why-grid p {
    margin:0;

    color:#666;

    font-size:11px;
    line-height:1.5;
}


/* MOBILE */

@media(max-width:1000px) {

    .ycr-home-product-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .ycr-home-why-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

}

@media(max-width:800px) {

    .ycr-home-hero {
        min-height:520px;
    }

    .ycr-home-hero h1 {
        font-size:43px;
    }

    .ycr-home-story-grid {
        grid-template-columns:1fr;
    }

    .ycr-home-story-image img {
        height:280px;
    }

}

@media(max-width:600px) {

    .ycr-home-container {
        width:min(100% - 28px,1180px);
    }

    .ycr-home-hero {
        min-height:560px;

        background-position:
            68% center;
    }

    .ycr-home-hero-overlay {
        background:
            rgba(15,34,12,.72);
    }

    .ycr-home-hero h1 {
        font-size:38px;
    }

    .ycr-home-hero p {
        font-size:15px;
    }

    .ycr-home-hero-features {
        gap:12px;
        flex-direction:column;
    }

    .ycr-home-story {
        padding:35px 0;
    }

    .ycr-home-story-content h2 {
        font-size:28px;
    }

    .ycr-home-product-grid {
        grid-template-columns:1fr;
    }

    .ycr-home-why-grid {
        grid-template-columns:1fr;
    }

    .ycr-home-banner-content h2 {
        font-size:27px;
    }

}


/* =========================================================
   AFIKO - TYPOGRAPHY
========================================================= */

.ycr-home,
.ycr-home button,
.ycr-home input,
.ycr-home select,
.ycr-home textarea {
    font-family: 'Manrope', Arial, sans-serif;
}


/* HERO */

.ycr-home-hero h1 {
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 56px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -2px;
}

.ycr-home-hero h1 strong {
    font-weight: 800;
}

.ycr-home-kicker {
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ycr-home-hero p {
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 500;
}


/* BOLUM BASLIKLARI */

.ycr-home-story-content h2,
.ycr-home-section-heading h2,
.ycr-home-banner-content h2 {
    font-family: 'Manrope', Arial, sans-serif;
    font-weight: 800;
    letter-spacing: -1.2px;
}

.ycr-home-story-content h2 {
    font-size: 38px;
    line-height: 1.15;
}

.ycr-home-section-kicker,
.ycr-home-section-heading > span {
    font-family: 'Manrope', Arial, sans-serif;
    font-weight: 800;
    letter-spacing: 1.8px;
}


/* NORMAL METIN */

.ycr-home-story-content p {
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}


/* ISTATISTIKLER */

.ycr-home-story-stats span {
    font-family: 'Manrope', Arial, sans-serif;
    font-weight: 800;
    letter-spacing: .3px;
}

.ycr-home-story-stats small {
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
}


/* URUNLER */

.ycr-home-product-info h3 {
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.3px;
}

.ycr-home-product-info p {
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}


/* BUTONLAR */

.ycr-home-button,
.ycr-home-product-info a,
.ycr-home-product-more a {
    font-family: 'Manrope', Arial, sans-serif;
    font-weight: 700;
}


/* MOBIL */

@media(max-width:600px) {

    .ycr-home-hero h1 {
        font-size: 39px;
        line-height: 1.08;
        letter-spacing: -1.3px;
    }

    .ycr-home-story-content h2 {
        font-size: 28px;
        letter-spacing: -.8px;
    }

}

/* =========================================================
   AFIKO - RANDEVU BANDI
========================================================= */

.ycr-home-appointment {
    width:100%;
    background:#0f361d;
    color:#fff;
}

.ycr-home-appointment-inner {
    min-height:92px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:25px;
}

.ycr-home-appointment-text {
    display:flex;
    align-items:center;

    gap:16px;
}

.ycr-home-appointment-icon {
    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;

    background:rgba(255,255,255,.07);

    font-size:22px;
}

.ycr-home-appointment-text strong {
    display:block;

    margin-bottom:4px;

    color:#fff;

    font-size:18px;
    font-weight:800;
    letter-spacing:-.3px;
}

.ycr-home-appointment-text small {
    display:block;

    color:rgba(255,255,255,.72);

    font-size:12px;
    line-height:1.5;
}

.ycr-home-appointment-button {
    min-width:155px;
    min-height:46px;

    padding:0 22px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    background:#ffffff;
    color:#0f361d;

    border:1px solid #ffffff;
    border-radius:6px;

    text-decoration:none;

    font-size:13px;
    font-weight:800;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.ycr-home-appointment-button:hover {
    background:#a9c63e;
    color:#0f361d;

    border-color:#a9c63e;

    transform:translateY(-1px);
}


/* MOBILE */

@media(max-width:700px) {

    .ycr-home-appointment-inner {
        min-height:auto;

        padding:20px 0;

        flex-direction:column;
        align-items:flex-start;
    }

    .ycr-home-appointment-text {
        align-items:flex-start;
    }

    .ycr-home-appointment-text strong {
        font-size:16px;
        line-height:1.35;
    }

    .ycr-home-appointment-button {
        width:100%;
    }

}

/* Randevu bandi kirmizi zemin */
.ycr-home-appointment {
    background:#d60000 !important;
}