/* Bu dosya, vitrin şablonlarında her sayfaya satır içi (inline) basılan CSS'in dışarı alınmış halidir (sayfa HTML boyutu ve tarayıcı önbelleği için).
   Kaynak partial: resources/views/frontend/partials/_scripts.blade.php — içerik birebir aynıdır, değiştirirken sürüm parametresi (filemtime) otomatik yenilenir. */
.coupon-drawer-overlay {
        position: fixed; inset: 0; background: rgba(0,0,0,.4);
        opacity: 0; visibility: hidden; transition: opacity .28s ease;
    }
    .coupon-drawer-overlay.active { opacity: 1; visibility: visible; }
    .coupon-drawer {
        position: fixed; top: 0; right: 0; width: 380px; max-width: 90vw; height: 100%;
        background: #fff; box-shadow: -2px 0 16px rgba(0,0,0,.12);
        transform: translateX(100%);
        transition: transform .32s cubic-bezier(.22,.9,.32,1.15);
        display: flex; flex-direction: column;
    }
    .coupon-drawer.active { transform: translateX(0); }
    /* Kart giriş animasyonu — çekmece açıldığında kartlar sırayla hafifçe belirir */
    .coupon-drawer.active .coupon-card {
        animation: couponCardIn .32s cubic-bezier(.22,.9,.32,1) both;
    }
    .coupon-drawer.active .coupon-card:nth-child(1) { animation-delay: .08s; }
    .coupon-drawer.active .coupon-card:nth-child(2) { animation-delay: .14s; }
    .coupon-drawer.active .coupon-card:nth-child(3) { animation-delay: .20s; }
    .coupon-drawer.active .coupon-card:nth-child(n+4) { animation-delay: .26s; }
    @keyframes couponCardIn {
        from { opacity: 0; transform: translateY(10px); }
        to   { opacity: 1; transform: translateY(0); }
    }
    @media (prefers-reduced-motion: reduce) {
        .coupon-drawer, .coupon-drawer-overlay, .coupon-drawer.active .coupon-card { transition: none; animation: none; }
    }
    .coupon-drawer-header {
        display: flex; align-items: center; justify-content: space-between;
        padding: 1.8rem 2rem; border-bottom: 1px solid #eee; flex-shrink: 0;
    }
    .coupon-drawer-header h5 { color: #333; font-weight: 600; font-size: 1.6rem; margin: 0; }
    .coupon-drawer-close {
        background: none; border: none; font-size: 1.3rem; color: #999; cursor: pointer;
        width: 30px; height: 30px; border-radius: 50%; transition: background .2s ease, color .2s ease;
    }
    .coupon-drawer-close:hover { background: #f2f2f2; color: #333; }
    .coupon-drawer-body { padding: 1.6rem; overflow-y: auto; flex-grow: 1; background: #fafafa; }

    .coupon-card {
        display: flex; gap: 1.2rem; background: #fff; border: 1px solid #eee; border-radius: 8px;
        padding: 1.5rem; margin-bottom: 1.2rem;
    }
    .coupon-card:last-child { margin-bottom: 0; }
    .coupon-card-best { border-color: #f9d9b3; background: #fffaf4; }
    .coupon-card-icon {
        flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%;
        background: #eef4fa; color: #336699; display: flex; align-items: center; justify-content: center;
        font-size: 1.5rem;
    }
    .coupon-card-best .coupon-card-icon { background: #fdecd4; color: #f93; }
    .coupon-card-main { flex-grow: 1; min-width: 0; }
    .coupon-card-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: .8rem; }
    .coupon-value-chip {
        background: #eef4fa; color: #336699; font-weight: 700; font-size: 1.25rem;
        padding: 3px 10px; border-radius: 20px;
    }
    .coupon-card-best .coupon-value-chip { background: #fdecd4; color: #f93; }
    .coupon-card-name { font-weight: 600; font-size: 1.35rem; color: #333; }
    .coupon-best-chip {
        margin-left: auto; background: #f93; color: #fff; font-weight: 600; font-size: 1.05rem;
        padding: 3px 10px; border-radius: 20px; display: inline-flex; align-items: center; gap: 4px;
    }
    .coupon-card-tags { margin-bottom: .8rem; }
    .coupon-tag { font-size: 1.1rem; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; }
    .coupon-tag-auto { color: #336699; }
    .coupon-tag-manual { color: #999; }
    .coupon-code-row {
        display: flex; align-items: center; gap: 10px; margin-bottom: .9rem;
        padding: .7rem 1rem; background: #fafafa; border: 1px dashed #ddd; border-radius: 6px;
    }
    .coupon-code-chip { font-weight: 700; font-size: 1.2rem; color: #333; letter-spacing: .04em; }
    .coupon-copy-btn {
        margin-left: auto; background: #336699; border: none; color: #fff; font-weight: 600; font-size: 1.05rem;
        padding: 5px 12px; border-radius: 4px; cursor: pointer; transition: background .2s ease;
    }
    .coupon-copy-btn:hover { background: #274d73; }
    .coupon-card-footer {
        display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px;
        font-size: 1.15rem; color: #888; padding-top: .8rem; border-top: 1px solid #f2f2f2;
    }
    .coupon-save-text { color: #799b5a; font-weight: 700; }

    .coupon-drawer-trigger {
        display: inline-flex; align-items: center; gap: 6px; background: none; border: none; padding: 0;
        color: #336699; font-weight: 600; font-size: 1.2rem; cursor: pointer;
        text-decoration: underline; text-underline-offset: 3px;
    }

    .coupon-card-clickable { cursor: pointer; transition: box-shadow .15s ease, border-color .15s ease; }
    .coupon-card-clickable:hover { border-color: #336699; box-shadow: 0 2px 10px rgba(51,102,153,.15); }
    .coupon-use-badge {
        margin-left: auto; background: #799b5a; color: #fff; font-weight: 600; font-size: 1.05rem;
        padding: 5px 12px; border-radius: 4px; display: inline-flex; align-items: center; gap: 5px;
    }