:root
{
    /* ---- RULO İZMİR MARKA PALETİ İLE HİZALANDI ---- */
    --first: #1B5A8A;        /* Lacivert — ana marka rengi (önceden bu dosyada tanımsızdı) */
    --header: #0E3A5A;       /* Koyu lacivert — sabit header / mobil üst bar zemini */
    --second: #2E8FB3;       /* Turkuaz — vurgu/aksiyon rengi (önceden #16bcdc idi) */
    --accent-light: #5FB6D6; /* Açık turkuaz — koyu zemin üzerindeki metin/link için */
    --soft: #EAF4F9;         /* Çok açık turkuaz — rozet/ikon arka planları için */
    --title: #1B5A8A;        /* Başlık vurgusu — lacivert (önceden #0068c9 idi) */
    --footer: #0E3A5A;       /* Footer zemini — koyu lacivert (önceden #222 idi) */
    --border: 255,255,255,0.2;
    --price: #cc1414;        /* İndirim/fiyat vurgusu — kasıtlı olarak marka dışı, dikkat çekmesi için korundu */
}

/* Core */
.margin-10
{
    margin-top: -10px;
}
.margin-20
{
    margin-top: -20px;
}
.fixedHeader
{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background: var(--header);
}
.stores .cards
{
    border: 1px solid #ebebeb;
}
body.product-body
{
    background: #f9f9f9;
}
.mobile-top-header
{
    background: var(--header);
    display: none;
    padding: .5rem 1rem;
    color: white;
}
.mobile-top-header span
{
    gap: 5px;
}
.mobile-top-header span a
{
    color: var(--accent-light);
    font-weight: 500;
}
@media (max-width:991px)
{
    .carousel-type-1 .carousel-item a img
    {
        overflow: hidden;
    }
    .margin-20
    {
        margin-top: 0;
    }
    .mobile-top-header
    {
        display: block;
    }
}

/* Sold Bar */
.sold
{
    position: relative;
    overflow: hidden;
    border-radius: 32px;
}
.sold-bar
{
    background: #ebebeb;
    width: 100%;
    height: 5px;
    border-radius: 32px;
    overflow: hidden;
    max-width: 100%;
}
.sold-width
{
    background: var(--second);
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 32px;
}
.sold-value
{
    font-weight: 500;
}

/* Header */
body header.desktop .h-contact .info .item
{
    color: white;
}
body .dropdown-languages-1 .dropdown-toggle,
body .dropdown-currencies-1 .dropdown-toggle
{
    color: white;
}
header.desktop .h-contact .info div
{
    border-right: 1px solid rgba(var(--border));
    padding-right: 10px;
}
header.desktop .h-contact .info div:last-child
{
    border: none;
    padding-right: 0;
}
body header.desktop .h-contact .social-media a
{
    color: white;
}
body header.desktop .header-bar .bar-user .link a,
body header.desktop .header-bar .bar-user i,
body header.desktop .header-bar .bar-cart .name,
body header.desktop .header-bar .bar-cart
{
    color: #222;
    margin-left: 0;
}
body header.desktop .header-bar .bar-cart .icon .count
{
    background: var(--second);
    top: 15px;
    right: 0px;
}
header.desktop .header-bar .bar-user .link span,
header.desktop .header-bar .bar-cart .subtext
{
    color: #222;
    font-size: 12px;
}
body header.desktop .header-bar .bar-user,
body header.desktop .header-bar .bar-cart
{
    display: flex;
    align-items: center;
    gap: 6px;
}
header.desktop .header-bar .bar-cart .subtext
{
    display: flex;
    flex-direction: column;
}
header.desktop .header-bar .bar-cart .subtext .basket-summary
{
    color: #222;
    font-size: 14px;
    font-weight: 600;
}
body header.desktop .header-bar
{
    gap: 15px;
}
body header.desktop .header-bar .bar-user i,
body header.desktop .header-bar .bar-cart .icon i
{
    font-size: 28px;
}
body header.desktop .search form
{
    display: flex;
    align-items: center;
    background: white;
    border-radius: 4px;
    overflow: hidden;
}
body header.desktop .search form .btn-send
{
    right: 0;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 500;
    color: var(--first);
    background: white;
}
body header.desktop .search form input
{
    font-size: 12px;
    color: #888;
    padding-left: 10px;
}
body header.desktop .search .select-box
{
    border-right: 1px solid #999;
    padding: 0px 10px;
}
body header.desktop .search .select-box select
{
    background: transparent;
    border: none;
}
.grid-submenu
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
body .pattern-group .p-g-mod.p-g-mod-trans .p-g-mod-header
{
    height: auto;
    align-items: baseline;
    padding: 0;
}
body.home-body .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title
{
    font-size: 20px!important;
    font-weight: 500!important;
    border-bottom: 2px solid var(--second);
    padding-bottom: 13px;
}
.dropdown-category
{
    background: var(--first);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 300px;
}
.dropdown-category a
{
    color: white!important;
    gap: 10px;
    font-weight: 600;
}
.dropdown-category a i
{
    font-size: 16px;
}
.mega-menu-container ul li a
{
    color: #555!important;
}
.menu-ads
{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
}
.menu-ads i
{
    color: var(--first);
    font-size: 18px;
}
.mobile .logo
{
    margin-top: 10px;
}

/* Homepage Card */
.homepage-card .footer-card-item .icon
{
    color: var(--first)!important;
}
.homepage-card .footer-card-item .content span
{
    color: #222!important;
}

/* Card */
.card-product
{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eef1f4;
    transition: box-shadow .3s cubic-bezier(.22,.61,.36,1), border-color .3s ease, transform .3s cubic-bezier(.22,.61,.36,1);
}
.card-product::before
{
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--first), var(--second));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s ease;
    z-index: 4;
}
.card-product:hover::before
{
    transform: scaleX(1);
}
.card-product:hover
{
    box-shadow: 0 20px 40px rgba(27,90,138,.14);
    border-color: #d8e6ee;
    transform: translateY(-4px);
}
.card-product .card-product-inner
{
    position: relative;
    padding: 14px 14px 18px;
}
.card-product .card-product-inner .free-cargo-badge
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--second);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 999px;
    border: 2px solid #fff;
    box-shadow: 0 6px 14px rgba(46,143,179,.35);
}
.card-product .card-product-inner .free-cargo-badge i
{
    font-size: 12px;
}
.card-product .card-product-inner .image-wrapper
{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}
.card-product .card-product-inner .image-wrapper .image-link
{
    display: block;
}
.card-product .card-product-inner .image-wrapper .image
{
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.card-product .card-product-inner .image-wrapper .image img
{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform .45s cubic-bezier(.22,.61,.36,1);
}
.card-product:hover .card-product-inner .image-wrapper .image img
{
    transform: scale(1.07);
}
.card-product .card-product-inner .image-wrapper .discount
{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
    border-radius: 999px;
    background: var(--price);
    font-weight: 700;
    color: white;
    padding: 5px 11px;
    font-size: 11px;
    border: 2px solid #fff;
    box-shadow: 0 6px 14px rgba(204,20,20,.30);
}
.card-product .card-product-inner .title
{
    text-align: center;
    color: var(--first) !important;
    font-weight: 600;
    font-size: 13.5px;
    letter-spacing: .1px;
    line-height: 1.4;
    margin-top: 14px;
    margin-bottom: 6px;
    min-height: 2.8em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card-product .product-reviews
{
    display: flex;
    justify-content: center;
    margin-bottom: 8px !important;
}
.card-product .card-product-inner .price-group
{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 6px;
    border-top: 1px dashed #eef1f4;
}
.card-product .card-product-inner .price-group .prices
{
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
.card-product .card-product-inner .price-group .prices .sale-price
{
    color: #222 !important;
    font-weight: 700;
    font-size: 15px;
}
.card-product .card-product-inner .price-group .prices .discount-price
{
    color: var(--price) !important;
    font-weight: 800;
    font-size: 16px;
}
.card-product .card-product-inner .price-group .prices .list-price
{
    color: #a4a4a4 !important;
    font-size: 12px;
    text-decoration: line-through;
}
.card-product .card-product-inner .buttons
{
    position: relative;
    bottom: 0px;
    transition: all 280ms cubic-bezier(.22,.61,.36,1);
    opacity: 0;
    width: 100%;
    gap: 10px;
    margin: 0;
    padding: 0 10px;
    pointer-events: none;
}
.card-product .card-product-inner:hover .buttons
{
    bottom: 12px;
    opacity: 1;
    pointer-events: auto;
}
.card-product .card-product-inner .buttons .btn-cart
{
    width: 100%;
    background: linear-gradient(90deg, var(--first), var(--second));
    border: none;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    padding: 11px 0;
    box-shadow: 0 10px 22px rgba(9,42,67,.28);
}
.card-product .card-product-inner .buttons .btn-cart:hover
{
    filter: brightness(1.08);
    color: #fff;
}
.card-product .card-product-inner .buttons .btn-cart.disabled
{
    background: #d5dbe1;
    color: #8a97a3;
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
}
/* Dokunmatik cihazlarda hover diye bir şey olmadığından
   sepete ekle butonu her zaman görünür ve tıklanabilir kalır. */
@media (hover: none)
{
    .card-product .card-product-inner .buttons
    {
        position: static;
        opacity: 1;
        pointer-events: auto;
        margin-top: 10px;
    }
    .card-product:hover .card-product-inner .image-wrapper .image img
    {
        transform: none;
    }
}

/* Product Detail */
.product-body .p-g-mod
{
    border-radius: 12px;
}

/* --- Galeri --- */
.product-profile-1 .carousel-outer
{
    position: relative;
    border: 1px solid #eef1f4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}
.product-profile-1 .carousel .carousel-inner
{
    border-radius: 14px;
}
.product-profile-1 .carousel-item a
{
    display: block;
    overflow: hidden;
    cursor: zoom-in;
}
.product-profile-1 .carousel-item img
{
    width: 100%;
    height: auto;
    display: block;
    transition: transform .15s ease-out;
    will-change: transform;
}
.product-profile-1 .carousel-control-prev,
.product-profile-1 .carousel-control-next
{
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(9,42,67,.20);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    color: var(--first);
    transition: background .2s ease, color .2s ease;
}
.product-profile-1 .carousel-control-prev{ left: 14px; }
.product-profile-1 .carousel-control-next{ right: 14px; }
.product-profile-1 .carousel-control-prev:hover,
.product-profile-1 .carousel-control-next:hover
{
    background: var(--first);
    color: #fff;
}
.product-profile-1 .carousel-control-prev i,
.product-profile-1 .carousel-control-next i
{
    font-size: 13px;
}
.product-profile-1 .carousel-indicators
{
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    justify-content: flex-start;
}
.product-profile-1 .carousel-indicators li
{
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #eef1f4;
    opacity: 1;
    text-indent: 0;
    cursor: pointer;
    padding: 0;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.product-profile-1 .carousel-indicators li img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-profile-1 .carousel-indicators li.active
{
    border-color: var(--second);
    box-shadow: 0 4px 10px rgba(46,143,179,.25);
}
.product-profile-1 .carousel-indicators li:hover
{
    transform: translateY(-2px);
    border-color: var(--accent-light);
}

/* --- Başlık / değerlendirme --- */
.product-header
{
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eef1f4;
}
.product-profile-1 h1.title
{
    border: none;
    padding-bottom: 0;
    margin: 4px 0 10px;
    font-size: 23px;
    color: var(--first);
    font-weight: 700;
    line-height: 1.35;
}
.product-body .product-reviews
{
    margin-bottom: 14px;
}

/* --- Fiyat --- */
.product-price-group
{
    margin-top: 10px;
}
.product-price-group .prices
{
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}
.product-price-group .prices .sale-price
{
    color: #222;
    font-size: 24px;
    font-weight: 800;
}
.product-price-group .prices .sale-price.discount-price
{
    color: var(--price);
}
.product-price-group .prices .list-price
{
    font-weight: 500;
    color: #a4a4a4;
    font-size: 15px;
    text-decoration: line-through;
}

/* --- Rozetler (indirim / ücretsiz kargo) --- */
.product-badge
{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 12px 0;
}
.product-badge .discount
{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--price);
    color: white;
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 12px;
    box-shadow: 0 6px 14px rgba(204,20,20,.25);
}
.product-badge .discount .rate
{
    font-weight: 800;
}
.product-badge .free-cargo-badge
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--second);
    color: white;
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 12px;
    box-shadow: 0 6px 14px rgba(46,143,179,.25);
}
.product-badge .free-cargo-badge::before
{
    content: "\f0d1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
}

/* --- Ön açıklama kutusu --- */
.product-description
{
    background: #f7f9fb;
    border-left: 3px solid var(--second);
    padding: 1.1rem 1.3rem;
    border-radius: 8px;
    margin: 16px 0;
    color: #44525e;
    font-size: 13.5px;
    line-height: 1.8;
}

/* --- Ürün bilgi listesi (kod, barkod, marka, stok...) --- */
.product-profile-info
{
    list-style: none;
    padding: 0;
    margin: 16px 0;
    border: 1px solid #eef1f4;
    border-radius: 10px;
    overflow: hidden;
}
.product-profile-info li
{
    padding: 11px 16px;
    font-size: 13px;
    color: #6b7c8c;
    border-bottom: 1px solid #eef1f4;
}
.product-profile-info li:last-child
{
    border-bottom: none;
}
.product-profile-info li:nth-child(odd)
{
    background: #fafcfd;
}
.product-profile-info .value
{
    font-weight: 600;
    color: var(--first);
}
.product-profile-info .value a,
.product-profile-info li a .value
{
    color: var(--first);
}
.product-profile-info li a:hover .value
{
    color: var(--second);
}
.product-profile-info .text-success
{
    color: var(--second) !important;
    font-weight: 700;
}
.product-profile-info .text-danger
{
    color: var(--price) !important;
    font-weight: 700;
}
.product-profile-info .copyable
{
    position: relative;
    cursor: pointer;
    border-bottom: 1px dashed #c7d4dd;
    padding-bottom: 1px;
    transition: color .2s ease, border-color .2s ease;
}
.product-profile-info .copyable:hover
{
    color: var(--second);
    border-color: var(--second);
}
.product-profile-info .copyable.copied
{
    color: var(--second);
    border-color: var(--second);
}
.product-profile-info .copyable.copied::after
{
    content: "Kopyalandı";
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--first);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 6px;
    white-space: nowrap;
    animation: copyFade .25s ease;
}
@keyframes copyFade
{
    from{ opacity: 0; transform: translateX(-50%) translateY(4px); }
    to{ opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* --- Beden/ölçü linki --- */
.product-size-box a
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--first);
    text-decoration: underline;
    margin: 6px 0 4px;
}
.product-size-box a:hover
{
    color: var(--second);
}

/* --- Miktar + sepete ekle / hemen al / whatsapp --- */
.product-buttons
{
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px 0;
    flex-wrap: wrap;
}
.product-profile-1 .product-quantity
{
    display: flex;
    align-items: center;
    border: 1px solid #e3ebf1;
    border-radius: 999px;
    overflow: hidden;
    width: fit-content;
    flex: 0 0 auto;
}
.product-body .product-quantity .btn
{
    background: #fff;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    transition: background .2s ease;
}
.product-body .product-quantity .btn:hover
{
    background: var(--soft);
}
.product-body .product-quantity .btn i
{
    color: var(--first);
    font-size: 12px;
}
.product-quantity input
{
    border: none;
    color: var(--first);
    width: 46px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}
.product-buttons .btn-cart
{
    flex: 1;
    min-width: 190px;
    background: linear-gradient(90deg, var(--first), var(--second));
    border: none;
    border-radius: 999px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 12px 26px rgba(9,42,67,.25);
    transition: filter .2s ease, transform .2s ease;
}
.product-buttons .btn-cart:hover
{
    filter: brightness(1.08);
    transform: translateY(-2px);
    color: #fff;
}
@keyframes cartPulse
{
    0%{ box-shadow: 0 12px 26px rgba(9,42,67,.25), 0 0 0 0 rgba(46,143,179,.45); }
    70%{ box-shadow: 0 12px 26px rgba(9,42,67,.25), 0 0 0 12px rgba(46,143,179,0); }
    100%{ box-shadow: 0 12px 26px rgba(9,42,67,.25), 0 0 0 0 rgba(46,143,179,0); }
}
.product-buttons .btn-cart.pulse
{
    animation: cartPulse .6s ease;
}
.product-buttons .btn-fast-buy
{
    flex: 1;
    min-width: 150px;
    background: #fff;
    border: 2px solid var(--first);
    color: var(--first) !important;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background .2s ease, color .2s ease;
}
.product-buttons .btn-fast-buy:hover
{
    background: var(--first);
    color: #fff !important;
}
.product-buttons .btn-wp
{
    flex: 1;
    min-width: 150px;
    background: #25D366;
    border: none;
    color: #fff;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 10px 20px rgba(37,211,102,.28);
    transition: filter .2s ease;
}
.product-buttons .btn-wp:hover
{
    filter: brightness(1.06);
    color: #fff;
}
.product-body a.btn-primary
{
    background: var(--first) !important;
    border-color: var(--first) !important;
    border-radius: 999px !important;
    font-weight: 600;
}
.product-body .alert-danger
{
    background: #fdecec;
    color: #b91c1c;
    border: 1px solid #f8d4d4;
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
}

/* --- Alt güven rozetleri (hızlı gönderi / güvenli alışveriş vb.) --- */
.product-badges
{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 22px 0 10px;
}
.product-badges .p-badge
{
    flex: 1;
    min-width: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    background: #fafcfd;
    border: 1px solid #eef1f4;
    border-radius: 12px;
    padding: 16px 10px;
    transition: border-color .25s ease, box-shadow .25s ease, transform .5s ease, opacity .5s ease;
}
.product-badges .p-badge:hover
{
    border-color: var(--second);
    box-shadow: 0 10px 22px rgba(9,42,67,.08);
    transform: translateY(-3px);
}
.product-badges .p-badge i
{
    font-size: 22px;
    color: var(--second);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--soft);
    border-radius: 50%;
}
.product-badges .p-badge span
{
    font-size: 11.5px;
    font-weight: 700;
    color: var(--first);
    line-height: 1.3;
}
.product-badges .p-badge.domestic img
{
    max-height: 40px;
    width: auto;
}

/* --- Son adet uyarı çubuğu (gerçek stok verisiyle) --- */
.stock-urgency
{
    margin: 4px 0 16px;
}
.stock-urgency-text
{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--price);
    margin-bottom: 6px;
}
.stock-urgency-text strong
{
    font-size: 14px;
}
.stock-urgency .dot
{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--price);
    flex: 0 0 auto;
    animation: urgencyDotPulse 1.4s infinite;
}
.stock-urgency .sold
{
    max-width: 220px;
}
.stock-urgency .sold-width
{
    background: var(--price);
}
@keyframes urgencyDotPulse
{
    0%, 100%{ box-shadow: 0 0 0 0 rgba(204,20,20,.5); }
    50%{ box-shadow: 0 0 0 6px rgba(204,20,20,0); }
}

/* --- Sepete uçan ürün animasyonu --- */
.fly-to-cart-clone
{
    position: fixed;
    z-index: 2000;
    margin: 0;
    border-radius: 10px;
    object-fit: cover;
    pointer-events: none;
    box-shadow: 0 10px 24px rgba(9,42,67,.35);
    transition: transform .7s cubic-bezier(.35,0,.25,1), opacity .7s ease;
}
.cart-bump
{
    animation: cartBadgeBump .45s ease;
}
@keyframes cartBadgeBump
{
    0%{ transform: scale(1); }
    35%{ transform: scale(1.5); }
    100%{ transform: scale(1); }
}

/* --- Varyant seçili vurgusu --- */
.product-body .variant-box .options a.is-picked
{
    background: linear-gradient(90deg, var(--first), var(--second));
    color: #fff;
    border-color: transparent;
}

/* --- Güven rozetleri: sayfaya girerken belirme --- */
.product-badges .p-badge
{
    opacity: 0;
    transform: translateY(16px);
}
.product-badges .p-badge.reveal
{
    opacity: 1;
    transform: translateY(0);
}

/* --- Mobil/tablette sabit sepete ekle çubuğu --- */
.sticky-add-cart
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1035;
    background: #fff;
    border-top: 1px solid #eef1f4;
    box-shadow: 0 -10px 30px rgba(9,42,67,.14);
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    display: flex;
    align-items: center;
    gap: 12px;
    transform: translateY(120%);
    transition: transform .3s ease;
}
@media (max-width: 991px)
{
    /* Footer'daki mobil alt navigasyon çubuğunun üstünde dursun, üst üste binmesin */
    .sticky-add-cart
    {
        bottom: 62px;
        box-shadow: 0 -6px 18px rgba(9,42,67,.10);
    }
}
.sticky-add-cart.show
{
    transform: translateY(0);
}
.sticky-add-cart .sac-info
{
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}
.sticky-add-cart .sac-info img
{
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid #eef1f4;
    flex: 0 0 auto;
}
.sticky-add-cart .sac-text
{
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.sticky-add-cart .sac-title
{
    font-size: 11px;
    color: #6b7c8c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}
.sticky-add-cart .sac-price
{
    font-size: 15px;
    font-weight: 800;
    color: var(--price);
}
.sticky-add-cart .sac-btn
{
    flex: 0 0 auto;
    background: linear-gradient(90deg, var(--first), var(--second));
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 12.5px;
    padding: 11px 18px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 10px 22px rgba(9,42,67,.25);
}
@media (min-width: 992px)
{
    .sticky-add-cart
    {
        display: none !important;
    }
}

/* --- Sekmeler (Ürün Açıklaması / Garanti / Taksit / Yorumlar) --- */
.product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav
{
    background: white;
}
.product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link.active
{
    border-top: none;
    border-bottom: 3px solid transparent;
    border-color: var(--second);
    color: var(--first);
    font-weight: 700;
}

/* Product List */
.categories-body .desktop
{
    border-bottom: 1px solid #dee2e6;
}
.categories-body .p-g-m-h-i-title
{
    color: var(--first);
}
.categories-body .card-product
{
    border: none;
}
.categories-body .card-product .card-product-inner:hover .price-group
{
    opacity: 1;
}
.categories-body .pattern-group .p-g-mod-t-cat-filter,
.categories-body .pattern-group .p-g-mod-pagination
{
    border: 1px solid #ebebeb;
    border-radius: 4px;
}
.categories-body .breadcrumb-wrapper .breadcrumb
{
    margin-bottom: 0;
    padding: 1rem;
}
.categories-body .card-product .card-product-inner .buttons
{
    position: relative;
    bottom: 0;
    opacity: 1;
}
.category-filter-order .list-wrap
{
    background: white;
    border-bottom: 1px solid #ebebeb;
}
.category-filter-order .list-wrap .list li:hover .lag-checkbox, .category-filter-order .list-wrap .list li.active .lag-checkbox
{
    background: white;
    color: var(--second);
}
.related-products
{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.related-products a
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2px;
    border-radius: 10px;
    border: 1px solid #eef1f4;
    height: auto;
    gap: 0px;
    transition: border-color .2s ease, background .2s ease;
}
.related-products a:hover
{
    border-color: var(--second);
}
.related-products a img
{
    /*width: 40px;
    height: 40px;*/
    object-fit: cover;
    border-radius: 6px;
}
.related-products a span
{
    font-size: 11px;
    color: #6b7c8c;
}
.related-products a.active
{
    background: var(--soft);
    border: 1px solid var(--second);
}
.related-products a.active img
{
    border: none;
}
.related-products a.active span
{
    color: var(--first);
    font-weight: 700;
}
.product-body .variant-box
{
    background: #fafcfd;
    border: 1px solid #eef1f4;
    border-radius: 10px;
    padding: 14px;
    margin: 14px 0;
}
.product-body .variant-box ul li .name
{
    font-size: 13px;
    margin-bottom: 6px;
    font-weight: 600;
    color: var(--first);
}
.product-body .variant-box ul li select
{
    border: 1px solid #e3ebf1;
    background: #fff;
    height: 46px;
    border-radius: 999px;
    padding: 0 16px;
    font-size: 13.5px;
    color: #44525e;
}
.product-body .variant-box ul li select:focus
{
    border-color: var(--second);
    outline: none;
    box-shadow: 0 0 0 3px rgba(46,143,179,.15);
}
.product-body .variant-box .options
{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.product-body .variant-box .options a
{
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid #e3ebf1;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 600;
    color: #44525e;
    background: #fff;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.product-body .variant-box .options a:hover
{
    border-color: var(--second);
    color: var(--first);
}
.product-body .variant-box .options a.sold-out
{
    text-decoration: line-through;
    opacity: .45;
    cursor: not-allowed;
}
.product-body .special-field-box
{
    background: #fafcfd;
    border: 1px solid #eef1f4;
    border-radius: 10px;
    padding: 12px;
    margin-top: 10px;
}
.product-body .special-field-box .field
{
    align-items: center;
}
.product-piece-list-1 .piece-profile .price
{
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.product-piece-list-1 .product-quantity
{
    border: none;
}

/* Card Category */
.card-category
{
    border-radius: 12px;
    background: var(--first);
    background: linear-gradient(90deg, #1B5A8A 0%, #2E8FB3 100%);
}
.card-category .title
{
    color: white;
}

/* List Product Card */
.card-list-product
{
    border-radius: 14px;
    border: 1px solid #ebebeb;
    overflow: hidden;
    background: #fff;
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.card-list-product:hover
{
    box-shadow: 0 14px 34px rgba(9,42,67,.10);
    border-color: #d8e6ee;
    transform: translateY(-2px);
}
.card-list-product-inner
{
    display: flex;
    padding: 20px!important;
    align-items: center;
    gap: 28px;
}
.card-list-image
{
    position: relative;
    flex: 0 0 auto;
}
.card-list-image .image
{
    width: 220px;
    height: 220px;
    border-radius: 10px;
    overflow: hidden;
    background: #f7f9fb;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-list-image .image img
{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform .4s ease;
}
.card-list-product:hover .card-list-image .image img
{
    transform: scale(1.06);
}
.card-list-image .free-cargo-badge
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    background: var(--second);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(46,143,179,.35);
}
.card-list-image .list-discount-ribbon
{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    background: var(--price);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(204,20,20,.30);
}
.card-list-info
{
    flex: 1 1 auto;
    min-width: 0;
    padding: 0!important;
}
.card-list-info .title
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--first) !important;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
}
.card-list-product .product-reviews
{
    margin-bottom: 10px!important;
}
.card-list-product .card-list-product-inner .price-group
{
    justify-content: flex-start!important;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.card-list-info .price-group .discount
{
    display: inline-block;
    background: var(--price);
    padding: 4px 9px;
    border-radius: 6px;
    color: white;
    font-weight: 600;
    font-size: 11px;
}
.card-list-info .price-group .list-price
{
    color: #9e9e9e;
    text-decoration: line-through;
    font-weight: 500;
    font-size: 13px;
}
.card-list-info .price-group .sale-price
{
    font-size: 18px;
    font-weight: 700;
    color: #222;
}
.card-list-info .price-group .discount-price
{
    color: var(--price);
}
.stock-status
{
    margin: 10px 0 14px;
}
.stock-status .sold
{
    max-width: 220px;
}
.stock-status .sold-bar
{
    box-shadow: inset 0 1px 2px rgba(9,42,67,.08);
}
.stock-status .sold-value
{
    margin-top: 6px;
    font-size: 11.5px;
    color: #8a97a3;
}
.card-list-info .buttons
{
    margin-top: 4px;
}
.card-list-info .buttons a
{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, var(--first), var(--second));
    width: auto;
    padding: 11px 26px;
    border-radius: 999px;
    color: white;
    font-weight: 600;
    font-size: 13.5px!important;
    border: none;
    transition: filter .2s ease, transform .2s ease;
}
.card-list-info .buttons a:hover
{
    filter: brightness(1.08);
    transform: translateY(-1px);
    color: white;
}
.card-list-info .buttons a.disabled
{
    background: #d5dbe1;
    color: #8a97a3;
    cursor: not-allowed;
    pointer-events: none;
}
.card-blog 
{
    border-radius: 12px;
    overflow: hidden;
    margin: 1.2rem 0;
    border: 1px solid #ebebeb;
}
.card-blog:hover
{
    box-shadow: 0px 2px 20px rgba(0,0,0,.05);
}
.card-blog:hover .title
{
    color: var(--first);
}
.card-blog:hover .buttons .btn-read-more
{
    color: var(--first);
}
.card-blog .title
{
    height: auto;
    margin: 1rem;
    font-size: 16px;
    padding: 0;
}
.card-blog .description
{
    padding: 0 0 10px 0;
    margin: 1rem 1rem 0 1rem;
    font-size: 13px;
    color: #9b9b9b;
    height: 50px;
}
.card-blog .buttons
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-blog .buttons .btn-read-more
{
    border: none;
    padding: 0;
    color: #9b9b9b;
    margin-left: 7px;
}
.card-blog .buttons .btn-read-more:hover
{
    color: var(--first);
    background: transparent;
}

/* Banner Card */
body.home-body .banner-item:hover .image:before
{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
}
body.home-body .banner-item:hover .banner-content span
{
    bottom: -10px;
    opacity: 1;
    transition: all 500ms ease-in-out;
}
body.home-body .banner-content
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    display: block;
}
body.home-body .banner-content .title
{
    font-size: 18px!important;
    color: white!important;
}
body.home-body .banner-content .description
{
    font-size: 14px!important;
    color: white!important;
}
body.home-body .banner-content span
{
    color: white;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    position: relative;
    bottom: -30px;
    transition: all 500ms ease-in-out;
    opacity: 0;
}

.banner-content
{
    display: none;
}

/* Mailling */
.mailling
{
    border: 1px solid var(--first);
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mailling-content
{
    text-align: center;
}
.mailling-content .icon
{
    font-size: 36px;
    color: var(--first);
}
.mailling-content .title
{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}
.mailling-content .desc
{
    font-weight: 500;
    max-width: 75%;
    margin: auto auto 10px auto;
    color: #777;
}
.newsletter-form input 
{
    border: none;
    border-radius: 0;
    background: #ebebeb;
    font-size: 12px;
}
.newsletter-form button
{
    background: var(--first);
    color: white;
    white-space: nowrap;
    border: none;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
}
/* Footer */
body footer
{
    background: var(--footer);
}
.footer-card
{
    padding: 2rem 0;
}
.footer-card-body
{
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 2rem;
}
.footer-card-item
{
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-card-item .icon
{
    font-size: 32px;
    color: var(--second);
}
.footer-card-item .content
{
    display: flex;
    flex-direction: column;
}
.footer-card-item .content span:first-child
{
    font-weight: 600;
    color: white;
}
.footer-card-item .content span:last-child
{
    color: rgba(255,255,255,.5);
}
.support
{
    display: flex;
    align-items: center;
    gap: 10px;
}
.support .icon
{
    font-size: 42px;
    color: var(--second);
}
.support .content
{
    display: flex;
    flex-direction: column;
}
.support .content span
{
    color: white;
    font-size: 12px;
}
.support .content a
{
    color: var(--accent-light);
    font-weight: 600;
    font-size: 18px;
}
.app p
{
    max-width: 75%;
    color: rgba(255,255,255,.5);
}
.app-button
{
    display: flex;
    align-items: center;
    gap: 5px;
}
/* Sosyal ikonlar artık platformun rastgele marka renkleri yerine
   tek bir turkuaz-lacivert marka diline bağlandı. */
footer .social-media a
{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: white!important;
    background: var(--second);
    transition: background .22s ease;
}
footer .social-media a:hover
{
    color: white;
    background: var(--first);
}
footer .social-media .fb,
footer .social-media .tw,
footer .social-media .ins,
footer .social-media .yt
{
    background: var(--second);
}
footer .bb
{
    padding: 2rem 0;
}



/* Account Page */
.account-body .list-menu a
{
    display: flex;
    align-items: center;
}
.account-body .list-menu a:last-child
{
    border: none;
}
.account-body .list-menu a span
{
    font-size: 18px;
}
.account-body .user-dashboard .description
{
    font-weight: 400;
}
.account-body .user-dashboard .hello .title
{
    font-weight: 500;
    margin-bottom: 0;
}
.account-body .user-dashboard .link-boxes .link-box
{
    font-weight: 500;
}
.account-body .user-dashboard .link-boxes .link-box span
{
    background: var(--second);
}
.account-body .user-dashboard .link-boxes .link-box span i
{
    color: white;
}
.account-body .p-g-mod-base-content,
.pages-body .p-g-mod-base-content,
.blog_single-body .p-g-mod-base-content
{
    overflow: hidden;
    border-radius: 12px;
}
.account-body .user-dashboard .alert
{
    font-weight: 400;
}
body .p-g-mod-t-2 .p-g-mod-body a, .p-g-mod-t-10 .p-g-mod-body a
{
    font-weight: 400;
}
body .p-g-mod-t-58 .p-g-mod-body.p-g-mod-body-p-0 ul li a, .p-g-mod-t-15 .p-g-mod-body.p-g-mod-body-p-0 ul li a, .p-g-mod-t-16 .p-g-mod-body.p-g-mod-body-p-0 ul li a
{
    padding: .75rem 1.25rem;
}
.blog_single-body .p-g-mod-t-12 .p-g-mod-body .detail
{
    padding-bottom: 1rem;
}

.bottom-navbar a {
    width: 100%;
    color:#555;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    font-weight: 500;
}

.bottom-navbar a strong
{
    font-weight: 500!important;
    color: #999!important;
}

.bottom-navbar a .count{
    background: var(--second);
    color:#fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 100%;
    position: absolute;
    right:-10px;
    top:-3px;
}

.bottom-navbar a i {
    font-size: 25px;
    color: var(--first);
}

.bottom-navbar a strong{
    font-weight: 400;
}


/* Homepage Tabs */
body.home-body .p-g-tab-wrapper .p-g-t-nav
{
    margin-top: 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}
body.home-body .p-g-tab-wrapper .p-g-t-nav .nav
{
    justify-content: flex-start;
    align-items: flex-start;
}
body.home-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item
{
    margin-left: 0;
    margin-right: 2rem;
}
body.home-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-link
{
    font-size: 18px;
    color: #d3d3d3;
}
body.home-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover
{
    color: #333;
}
body.home-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active
{
    border-bottom: 2px solid var(--first);
    color: #333;
}
body.home-body .p-g-tab-wrapper.p-g-tab-direction-1
{
    border: 1px solid #ebebeb;
}
body.home-body .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav
{
    flex: 1;
    margin: 0 1rem 0 0;
    border-right: 1px solid #ebebeb;
    border-bottom: none;
    padding: 2rem;
    background: url('../assets/images/tab-background.png');
    background-size: cover;
    background-repeat: no-repeat;
}
body.home-body .p-g-tab-wrapper.p-g-tab-direction-1 .tab-content
{
    flex: 1;
}
body.home-body .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-title
{
    border-bottom: 2px solid var(--first);
    padding-bottom: 10px;
    margin-bottom: 1rem;
}
body.home-body .left-tabs .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active
{
    border: none;
}
body.home-body .left-tabs .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav .nav .nav-link
{
    padding: 0 0 10px 0;
    font-size: 14px;
}

/* Category List */
.category-list-grid
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 200px));
    margin: 10px 0;
}
.category-list
{
    border-right: 1px solid #ebebeb;
    padding: 0 15px;
}
.category-list:first-child
{
    padding-left: 0;
}
.category-list:last-child
{
    padding-right: 0;
    border: none;
}
.category-list-image img
{
    max-height: 100px;
    width: 100%;
}
.category-list-title
{
    color: #333;
    font-weight: 600;
    font-size: 14px;
    padding: 1.5rem 0;
    display: block;
}
.category-list-title:hover
{
    color: var(--first);
}
.category-list ul li
{
    margin-bottom: 0!important;
    border: none!important;
}
.category-list ul li a
{
    padding: 0 0 10px 0!important;
    color: #333;
    margin-left: 0;
    transition: all 250ms ease-in-out;
}
.category-list ul li a:hover
{
    margin-left: 10px;
    transition: all 250ms ease-in-out;
    color: var(--first);
}
.category-list ul li.all-category a
{
    font-weight: 500;
}
.category-list-slick
{
    display: none;
}
/* Mobile */
.mobile-background
{
    display: none;
}
.bottom-navbar 
{
    align-items: center;
    border-top: 1px solid #ebebeb;
    background: #fff;
    position: fixed;
    bottom: 0px;width: 100%;
    z-index: 999999;
    display: none;
    padding:10px;
}
.fs,
.fs a
{
    color: white;
}
@media (max-width: 991px) {
    .bottom-navbar{
        display: flex;
    }
    .mobile-background
    {
        display: flex;
        background: var(--first);
        width: 100%;
        height: 230px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 0 0 80px 80px;
    }
    .card-product .card-product-inner .price-group .prices
    {
        flex-direction: column;
        gap: 2px;
        margin-top: 1rem;
    }
    body.home-body .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title
    {
        font-size: 15px!important;
    }
    .card-list-product-inner
    {
        flex-direction: column;
    }
    .card-list-info
    {
        min-height: auto!important;
        padding: 1.5rem 0!important;
    }
    .card-list-image .image
    {
        width: 100%!important;
        height: 200px!important;
    }
    footer
    {
        margin-bottom: 30px;
    }
    .card-blog .buttons
    {
        flex-direction: column-reverse;
    }
    .app
    {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .footer-card-item
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        text-align: center;
        background-color: #f5f5f5;
        border-radius: 4px;
        margin-bottom: 15px;
        padding: 12px;
        min-height: 160px;
    }
    .searchbar
    {
        margin: 1rem 10px 0 10px;
        background: white;
        border-radius: 4px;
        padding: 8px;
    }
    .searchbar form input
    {
        width: 100%;
        border: none;
        border-radius: 0;
    }
    .searchbar form button
    {
        color: white;
        background: var(--second);
        border-radius: 4px;
    }
    .categories-body .pattern-group .p-g-mod
    {
        border: none;
    }
    .categories-body .card-product .card-product-inner .buttons
    {
        margin-top: 10px;
    }
    .breadcrumb-wrapper .breadcrumb a,
    .breadcrumb-wrapper .breadcrumb .breadcrumb-item:last-child a
    {
        color: white;
    }
    body.home-body .p-g-tab-wrapper .p-g-t-nav .nav
    {
        flex-direction: column;
    }
    body.home-body .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav
    {
        flex-direction: column;
    }
    .support
    {
        justify-content: center;
    }
    .category-list-grid
    {
        display: none;
    }
    .category-list-slick
    {
        display: block;
        margin: 1rem 0;
    }

    
}

/* ═══════════════════════════════════════════════════════════
   ÜRÜN DETAY — MOBİLDE ALT MENÜ YERİNE SABİT SEPETE EKLE ÇUBUĞU
═══════════════════════════════════════════════════════════ */
@media (max-width: 991px)
{
    body.product-body .bottom-navbar
    {
        display: none !important;
    }
    body.product-body .sticky-add-cart
    {
        bottom: 0;
        transform: translateY(0) !important;
        box-shadow: 0 -10px 30px rgba(9,42,67,.14);
    }
}

/* ═══════════════════════════════════════════════════════════
   ÜRÜN DETAY — "VİTRİN" HERO BÖLÜMÜ
   (ikon+özellik listesi / büyük galeri / başlık-fiyat-satın alma)
   Referans görseldeki yerleşim, marka renklerine uyarlandı.
═══════════════════════════════════════════════════════════ */

/* Ekranı kaydırmadan mümkün olduğunca dolduran üst blok.
   --pp-hero-offset değerini kendi header yüksekliğinize göre
   ayarlayabilirsiniz (varsayılan 120px). Bu bir garanti değil,
   en iyi çaba (best-effort) bir yerleşimdir; ürün başlığı veya
   rozet sayısı arttıkça blok doğal olarak uzayabilir. */
.product-profile-1
{
    --pp-hero-offset: 120px;
}
.pp-hero
{
    display: grid;
    grid-template-columns: 220px minmax(0,1fr) minmax(340px, 420px);
    gap: 36px;
    align-items: center;
    min-height: calc(100vh - var(--pp-hero-offset));
    padding: 28px 0;
}
@media (max-width: 1199px)
{
    .pp-hero
    {
        grid-template-columns: 190px minmax(0,1fr);
        min-height: auto;
    }
    .pp-hero .pp-hero-info
    {
        grid-column: 1 / -1;
    }
}
@media (max-width: 991px)
{
    .pp-hero
    {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 22px;
        padding: 16px 0 8px;
    }
    .pp-hero .pp-hero-features{ order: 3; }
    .pp-hero .pp-hero-gallery{ order: 1; }
    .pp-hero .pp-hero-info{ order: 2; }
}

/* --- Sol: dikey ikon + özellik listesi (mevcut güven rozeti verisi) --- */
.pp-hero-features
{
    display: flex;
    flex-direction: column;
}
.pp-hero-features .pp-feature-item
{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #eef1f4;
}
.pp-hero-features .pp-feature-item:last-child
{
    border-bottom: none;
}
.pp-hero-features .pp-feature-icon
{
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--second);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--second);
    font-size: 18px;
}
.pp-hero-features .pp-feature-icon img
{
    max-width: 26px;
    max-height: 26px;
    width: auto;
    height: auto;
}
.pp-hero-features .pp-feature-text
{
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1.35;
    color: var(--first);
}
@media (max-width: 991px)
{
    .pp-hero-features
    {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
    }
    .pp-hero-features .pp-feature-item
    {
        flex: 1 1 45%;
        border-bottom: none;
        padding: 8px 0;
        gap: 10px;
    }
    .pp-hero-features .pp-feature-icon
    {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    .pp-hero-features .pp-feature-text
    {
        font-size: 11px;
    }
}

/* --- Orta: büyük galeri --- */
.pp-hero-gallery .carousel-outer
{
    max-width: 560px;
    margin: 0 auto;
}
.pp-hero-gallery .carousel-item img
{
    max-height: 62vh;
    object-fit: contain;
    margin: 0 auto;
}
@media (max-width: 991px)
{
    .pp-hero-gallery .carousel-item img
    {
        max-height: 46vh;
    }
}

/* --- Sağ: başlık / fiyat / varyant / satın alma (kompakt) --- */
.pp-hero-info .product-header
{
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.pp-hero-info h1.title
{
    font-size: clamp(18px, 1.9vw, 22px);
    margin: 2px 0 8px;
}
.pp-hero-info .product-price-group,
.pp-hero-info .product-badge,
.pp-hero-info .stock-urgency,
.pp-hero-info .product-body .variant-box,
.pp-hero-info .product-buttons
{
    margin-top: 8px;
    margin-bottom: 8px;
}
.pp-hero-info .product-body .variant-box
{
    padding: 10px;
}

/* ═══════════════════════════════════════════════════════════
   ÜRÜN DETAY — "ÜRÜN ÖZELLİKLERİ" + ETİKETLİ GÖRSEL KARTLARI
═══════════════════════════════════════════════════════════ */
.pp-highlights
{
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);
    gap: 40px;
    align-items: start;
    padding: 36px 0;
    border-top: 1px solid #eef1f4;
}
@media (max-width: 991px)
{
    .pp-highlights
    {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 24px 0;
    }
}

.pp-highlights-title
{
    font-size: 19px;
    font-weight: 700;
    color: var(--first);
    margin: 0 0 6px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--second);
    display: inline-block;
}

.pp-highlights-list ul
{
    list-style: none;
    padding: 0;
    margin: 14px 0 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.pp-highlights-list li,
.pp-highlights-list ul li
{
    position: relative;
    padding-left: 26px;
    font-size: 13.5px;
    line-height: 1.6;
    color: #44525e;
}
.pp-highlights-list ul li::before
{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
    color: var(--second);
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.pp-highlights-list p
{
    font-size: 13.5px;
    line-height: 1.8;
    color: #44525e;
    margin: 14px 0 0;
}

.pp-highlights-gallery
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
@media (max-width: 767px)
{
    .pp-highlights-gallery
    {
        grid-template-columns: repeat(2, 1fr);
    }
}
.pp-highlight-card
{
    border: 1px solid var(--second);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}
.pp-highlight-card:hover
{
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(9,42,67,.12);
}
.pp-highlight-card-img
{
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #fff;
}
.pp-highlight-card-img img
{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.pp-highlight-card-label
{
    background: linear-gradient(90deg, var(--first), var(--second));
    color: #fff;
    text-align: center;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 8px 6px;
}

/* Hero'daki özellik listesi de sayfa açılınca yumuşakça belirsin */
.pp-hero-features .pp-feature-item
{
    opacity: 0;
    transform: translateX(-12px);
    transition: opacity .5s ease, transform .5s ease;
}
.pp-hero-features .pp-feature-item.reveal
{
    opacity: 1;
    transform: translateX(0);
}

/* ═══════════════════════════════════════════════════════════
   ÜRÜN AÇIKLAMASI SEKMESİ — CMS SERBEST İÇERİK + NİTELİK TABLOSU
═══════════════════════════════════════════════════════════ */
.raw-content
{
    color: #44525e;
    font-size: 14px;
    line-height: 1.9;
}
.raw-content > *:first-child
{
    margin-top: 0;
}
.raw-content h1, .raw-content h2, .raw-content h3,
.raw-content h4, .raw-content h5, .raw-content h6
{
    color: var(--first);
    font-weight: 700;
    line-height: 1.35;
    margin: 1.6em 0 .7em;
}
.raw-content h1{ font-size: 26px; }
.raw-content h2{ font-size: 22px; }
.raw-content h3{ font-size: 19px; }
.raw-content h4{ font-size: 16px; }
.raw-content h5, .raw-content h6{ font-size: 14.5px; }
.raw-content p
{
    margin: 0 0 1em;
}
.raw-content a
{
    color: var(--second);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .2s ease;
}
.raw-content a:hover
{
    color: var(--first);
}
.raw-content strong, .raw-content b
{
    color: var(--first);
}
.raw-content img
{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 1em 0;
    display: block;
}
.raw-content ul, .raw-content ol
{
    margin: 0 0 1.1em;
    padding-left: 1.2em;
}
.raw-content ul
{
    list-style: none;
    padding-left: 0;
}
.raw-content ul li
{
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px;
}
.raw-content ul li::before
{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10.5px;
    color: var(--second);
    position: absolute;
    left: 0;
    top: 4px;
}
.raw-content ol li
{
    margin-bottom: 8px;
    padding-left: 4px;
}
.raw-content blockquote
{
    border-left: 3px solid var(--second);
    background: #f7f9fb;
    padding: .9rem 1.2rem;
    border-radius: 0 8px 8px 0;
    margin: 1.3em 0;
    color: #44525e;
    font-style: italic;
}
.raw-content hr
{
    border: none;
    border-top: 1px solid #eef1f4;
    margin: 1.8em 0;
}
.raw-content table
{
    width: 100%;
    border-collapse: collapse;
    margin: 1.2em 0;
}
.raw-content table td, .raw-content table th
{
    border: 1px solid #eef1f4;
    padding: 10px 14px;
    font-size: 13.5px;
}
.raw-content table th
{
    background: var(--soft);
    color: var(--first);
    font-weight: 700;
    text-align: left;
}

/* --- Ürün nitelikleri tablosu (nitelikler_2) --- */
.table-attributes-wrap
{
    margin: 1.6em 0;
    border: 1px solid #eef1f4;
    border-radius: 10px;
    overflow: hidden;
    overflow-x: auto;
}
table.table-attributes
{
    width: 100%;
    min-width: 420px;
    border-collapse: collapse;
    margin: 0;
}
table.table-attributes tr:nth-child(odd) td
{
    background: #fafcfd;
}
table.table-attributes tr:not(:last-child) td
{
    border-bottom: 1px solid #eef1f4;
}
table.table-attributes td
{
    padding: 12px 16px;
    font-size: 13.5px;
    color: #44525e;
    border-right: 1px solid #eef1f4;
    vertical-align: top;
}
table.table-attributes td:last-child
{
    border-right: none;
}
table.table-attributes td:first-child
{
    width: 220px;
    background: var(--soft);
    white-space: nowrap;
}
table.table-attributes tr:nth-child(odd) td:first-child
{
    background: var(--soft);
}
table.table-attributes td strong
{
    color: var(--first);
    font-weight: 700;
}
table.table-attributes a
{
    color: var(--second);
    text-decoration: none;
}
table.table-attributes a:hover
{
    color: var(--first);
    text-decoration: underline;
}
@media (max-width: 575px)
{
    table.table-attributes td:first-child
    {
        width: 130px;
        white-space: normal;
    }

    .whatsapp-fixed {

    bottom: 70px;
}


@media (max-width: 767px) {
    .rulo-footer .bottom-navbar {
        display: none !important;
    }

}

.rulo-footer .bottom-navbar {
            display: none important!;
        }