/* YLD Coretech unified storefront theme
   Scope: customer-facing site only. Admin and story circles are intentionally untouched. */
:root{
    --jg-pro-bg:#15191f;
    --jg-pro-bg-top:#343b47;
    --jg-pro-panel:rgba(39,46,58,.82);
    --jg-pro-panel-strong:rgba(28,34,43,.94);
    --jg-pro-card:rgba(44,52,64,.88);
    --jg-pro-line:rgba(255,255,255,.10);
    --jg-pro-line-soft:rgba(255,255,255,.065);
    --jg-pro-title:#ffffff;
    --jg-pro-text:#d7dfeb;
    --jg-pro-muted:#9ba7b8;
    --jg-pro-accent:#f59e0b;
    --jg-pro-accent-light:#ffc261;
    --jg-pro-danger:#ef4444;
    --jg-pro-success:#22c55e;
}

body.jg-site{
    background:
        radial-gradient(circle at 50% -180px,rgba(126,137,154,.38),transparent 390px),
        linear-gradient(180deg,var(--jg-pro-bg-top) 0%,#2a313c 13%,#202630 38%,var(--jg-pro-bg) 100%)!important;
    color:var(--jg-pro-text)!important;
    letter-spacing:0!important;
}

body.jg-site a{
    color:inherit;
    text-decoration:none!important;
}

body.jg-site h1,
body.jg-site h2,
body.jg-site h3,
body.jg-site h4,
body.jg-site h5,
body.jg-site h6{
    color:var(--jg-pro-title)!important;
    letter-spacing:0!important;
}

body.jg-site p,
body.jg-site .text-muted{
    color:var(--jg-pro-text)!important;
}

body.jg-site .btn-primary,
body.jg-site button.btn-primary,
body.jg-site .auth-btn,
body.jg-site .add-to-cart,
body.jg-site .add-to-cart2,
body.jg-site .add-to-cart3,
body.jg-site .home-all-btn,
body.jg-site .cat-product-title a,
body.jg-site .home-blog .blog-all-btn{
    background:linear-gradient(180deg,var(--jg-pro-accent-light),var(--jg-pro-accent))!important;
    border:1px solid rgba(255,206,128,.55)!important;
    color:#111827!important;
    border-radius:8px!important;
    box-shadow:0 12px 26px rgba(245,158,11,.15), inset 0 1px 0 rgba(255,255,255,.22)!important;
}

body.jg-site .btn-primary:hover,
body.jg-site button.btn-primary:hover,
body.jg-site .add-to-cart:hover,
body.jg-site .add-to-cart2:hover,
body.jg-site .add-to-cart3:hover,
body.jg-site .home-all-btn:hover,
body.jg-site .cat-product-title a:hover,
body.jg-site .home-blog .blog-all-btn:hover{
    filter:brightness(1.06)!important;
    color:#111827!important;
}

body.jg-site .modal-content,
body.jg-site .card,
body.jg-site .game-box,
body.jg-site .jg-product-card,
body.jg-site .jg-home-market-card,
body.jg-site .jg-blog-card,
body.jg-site .comment-card,
body.jg-site .market-card,
body.jg-site .market-filter,
body.jg-site .jg-payment-card,
body.jg-site .jg-form-card{
    background:
        linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014)),
        var(--jg-pro-card)!important;
    border:1px solid var(--jg-pro-line-soft)!important;
    border-radius:8px!important;
    box-shadow:0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.045)!important;
}

body.jg-site .popular-category .header,
body.jg-site .cat-product-title,
body.jg-site .ilan-pazari-content .ilan-pazari-header,
body.jg-site .home-blog .news,
body.jg-site .home-comments .comments-head{
    background:
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
        var(--jg-pro-panel)!important;
    border:1px solid var(--jg-pro-line)!important;
    border-radius:8px!important;
    box-shadow:0 22px 58px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.jg-site .price,
body.jg-site .new-price,
body.jg-site .rating-line .stars,
body.jg-site .comment-stars{
    color:var(--jg-pro-accent)!important;
}

body.jg-site .form-control,
body.jg-site input,
body.jg-site textarea,
body.jg-site select{
    background:rgba(12,15,20,.68)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body.jg-site input::placeholder,
body.jg-site textarea::placeholder{
    color:var(--jg-pro-muted)!important;
}

body.jg-site #exampleModal{
    padding-right:0!important;
}

body.jg-site #exampleModal .modal-dialog{
    width:min(920px, calc(100vw - 28px))!important;
    max-width:920px!important;
}

body.jg-site #exampleModal .modal-content{
    overflow:hidden!important;
    border:1px solid rgba(245,158,11,.24)!important;
    border-radius:14px!important;
    background:
        radial-gradient(circle at 12% 0%,rgba(245,158,11,.12),transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
        #202733!important;
    box-shadow:0 30px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.jg-site #exampleModal .modal-header{
    position:relative!important;
    display:block!important;
    padding:18px 58px 18px 18px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    background:
        linear-gradient(90deg,rgba(245,158,11,.12),transparent 42%),
        rgba(12,16,22,.38)!important;
}

body.jg-site #exampleModal .modal-body{
    padding:18px!important;
}

body.jg-site .jg-special-product{
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
}

body.jg-site .jg-special-media{
    width:116px!important;
    height:116px!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:#111720!important;
    border:1px solid rgba(245,158,11,.32)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07)!important;
}

body.jg-site .jg-special-media img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
}

body.jg-site .jg-special-kicker{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:28px!important;
    padding:6px 10px!important;
    border-radius:8px!important;
    border:1px solid rgba(245,158,11,.34)!important;
    background:rgba(245,158,11,.10)!important;
    color:#ffc261!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    margin-bottom:10px!important;
}

body.jg-site #exampleModal .modal-title{
    color:#fff!important;
    font-size:23px!important;
    font-weight:850!important;
    line-height:1.2!important;
    margin:0 0 7px!important;
    letter-spacing:0!important;
}

body.jg-site .jg-special-copy p{
    color:#cbd5e1!important;
    font-size:13px!important;
    line-height:1.45!important;
    margin:0!important;
}

body.jg-site #exampleModal .jg-special-close{
    position:absolute!important;
    right:16px!important;
    top:16px!important;
    width:42px!important;
    height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:#111720!important;
    color:#fff!important;
    opacity:1!important;
    text-shadow:none!important;
    transition:.18s ease!important;
}

body.jg-site #exampleModal .jg-special-close:hover{
    border-color:rgba(245,158,11,.45)!important;
    background:#f59e0b!important;
    color:#111827!important;
}

body.jg-site .jg-special-grid{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)!important;
    gap:16px!important;
}

body.jg-site .jg-special-info,
body.jg-site .jg-special-form{
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:12px!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014)),
        #151b24!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}

body.jg-site .jg-special-info,
body.jg-site .jg-special-form{
    padding:16px!important;
}

body.jg-site .jg-special-info{
    min-height:258px!important;
}

body.jg-site .jg-special-section-title{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
    margin-bottom:12px!important;
}

body.jg-site .jg-special-section-title i{
    color:#f59e0b!important;
}

body.jg-site .jg-special-desc{
    min-height:190px!important;
    padding:14px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:#0f141c!important;
    color:#cbd5e1!important;
    font-size:13px!important;
    line-height:1.6!important;
}

body.jg-site .jg-special-desc:empty:before{
    content:"Bu urun icin gerekli teslimat bilgisini sag taraftaki alana yazabilirsin."!important;
    color:#9ca3af!important;
}

body.jg-site .jg-special-form > label,
body.jg-site .jg-special-field label{
    display:block!important;
    min-height:18px!important;
    margin:0 0 7px!important;
    color:#dbe5f2!important;
    font-size:12.5px!important;
    font-weight:800!important;
}

body.jg-site .jg-special-form > label.mt-3{
    margin-top:13px!important;
}

body.jg-site .jg-special-field label div:empty:before,
body.jg-site .jg-special-form > label div:empty:before{
    content:"Teslimat bilgisi"!important;
    color:#dbe5f2!important;
}

body.jg-site #exampleModal .form-control{
    min-height:50px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:#0f141c!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:650!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body.jg-site #exampleModal .form-control:focus{
    border-color:rgba(245,158,11,.72)!important;
    box-shadow:0 0 0 3px rgba(245,158,11,.14), inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.jg-site .jg-special-summary{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin:14px 0!important;
}

body.jg-site .jg-special-summary-card{
    min-height:92px!important;
    padding:13px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:#0f141c!important;
}

body.jg-site .jg-special-summary-card span,
body.jg-site .jg-special-summary-card label{
    display:block!important;
    margin:0 0 8px!important;
    color:#9ca3af!important;
    font-size:12px!important;
    font-weight:800!important;
}

body.jg-site #pricee{
    color:#fff!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1!important;
}

body.jg-site #exampleModal .jg-qty{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
}

body.jg-site #exampleModal .jg-qty button{
    width:34px!important;
    height:34px!important;
    border-radius:8px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:#111720!important;
    color:#fff!important;
    font-weight:900!important;
}

body.jg-site #exampleModal .jg-qty button:hover{
    border-color:rgba(245,158,11,.55)!important;
    background:#f59e0b!important;
    color:#111827!important;
}

body.jg-site #exampleModal .jg-qty input{
    width:56px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    text-align:center!important;
    border-radius:8px!important;
    background:#111720!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
}

body.jg-site #popupmodalbutton{
    width:100%!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:10px!important;
    font-size:15px!important;
    font-weight:900!important;
}

body.jg-site .jg-special-action > div{
    width:100%!important;
}

body.jg-site .jg-special-action{
    grid-column:1 / -1!important;
}

@media(max-width:768px){
    body.jg-site #exampleModal .modal-dialog{
        width:calc(100vw - 18px)!important;
        margin:9px auto!important;
    }

    body.jg-site #exampleModal .modal-header{
        padding:14px 52px 14px 14px!important;
    }

    body.jg-site .jg-special-product,
    body.jg-site .jg-special-grid,
    body.jg-site .jg-special-summary{
        grid-template-columns:1fr!important;
    }

    body.jg-site .jg-special-product{
        align-items:start!important;
    }

    body.jg-site .jg-special-media{
        width:96px!important;
        height:96px!important;
    }

    body.jg-site .jg-special-info{
        min-height:0!important;
    }

    body.jg-site .jg-special-desc{
        min-height:86px!important;
    }
}

body.jg-site table,
body.jg-site .table{
    color:var(--jg-pro-text)!important;
    background:rgba(31,38,48,.62)!important;
    border-color:rgba(255,255,255,.08)!important;
}

body.jg-site .swal2-container.swal2-top-end,
body.jg-site .swal2-container.swal2-top-right{
    padding:16px 20px!important;
    z-index:99999!important;
}

body.jg-site .swal2-popup.swal2-toast,
body.jg-site .swal2-popup.swal2-toast.jg-swal-toast{
    width:min(380px,calc(100vw - 28px))!important;
    min-height:0!important;
    padding:14px 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
        rgba(28,34,43,.98)!important;
    border:1px solid rgba(245,158,11,.34)!important;
    border-left:4px solid var(--jg-pro-accent)!important;
    border-radius:10px!important;
    box-shadow:0 22px 58px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08)!important;
    color:#fff!important;
    overflow:hidden!important;
}

body.jg-site .swal2-popup.swal2-toast:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 18% 0,rgba(245,158,11,.18),transparent 38%);
}

body.jg-site .swal2-popup.swal2-toast .swal2-icon{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    margin:0!important;
    border-width:2px!important;
    transform:none!important;
}

body.jg-site .swal2-popup.swal2-toast .swal2-icon.swal2-success{
    border-color:rgba(245,158,11,.86)!important;
    color:var(--jg-pro-accent)!important;
}

body.jg-site .swal2-popup.swal2-toast .swal2-success-ring{
    border-color:rgba(245,158,11,.36)!important;
}

body.jg-site .swal2-popup.swal2-toast .swal2-success-line-tip,
body.jg-site .swal2-popup.swal2-toast .swal2-success-line-long{
    background-color:var(--jg-pro-accent)!important;
}

body.jg-site .swal2-popup.swal2-toast .swal2-title,
body.jg-site .swal2-popup.swal2-toast .jg-swal-toast-title{
    margin:0!important;
    padding:0!important;
    color:#f8fafc!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.35!important;
    text-align:left!important;
    letter-spacing:0!important;
}

body.jg-site .swal2-popup.swal2-toast .swal2-html-container{
    color:var(--jg-pro-muted)!important;
    font-size:12px!important;
    margin:2px 0 0!important;
}

body.jg-site .swal2-popup.swal2-toast .swal2-timer-progress-bar,
body.jg-site .swal2-popup.swal2-toast .jg-swal-toast-progress{
    height:3px!important;
    background:linear-gradient(90deg,var(--jg-pro-accent),var(--jg-pro-accent-light))!important;
    opacity:1!important;
}

body.jg-site.swal2-toast-shown .swal2-container{
    width:auto!important;
}

@media (max-width: 575.98px){
    body.jg-site .swal2-container.swal2-top-end,
    body.jg-site .swal2-container.swal2-top-right{
        padding:12px!important;
    }

    body.jg-site .swal2-popup.swal2-toast{
        width:calc(100vw - 24px)!important;
    }
}