/* Lisansmatik Modern UI v4 - açık premium dönüşüm katmanı */
:root{
    --lm-bg:#f5f7fb;
    --lm-surface:#ffffff;
    --lm-card:#ffffff;
    --lm-card-2:#f8fafc;
    --lm-border:#e5e7eb;
    --lm-text:#111827;
    --lm-muted:#64748b;
    --lm-primary:#2563eb;
    --lm-primary-2:#38bdf8;
    --lm-danger:#ef4444;
    --lm-success:#16a34a;
    --lm-warning:#f59e0b;
    --lm-shadow:0 18px 45px rgba(15,23,42,.08);
}
body{padding-bottom:72px;background:var(--lm-bg)!important;color:var(--lm-text)!important;}
.container{max-width:1320px;}
/* Product detail - light premium */
.breadcrumb{background:#ffffff;border:1px solid var(--lm-border);border-radius:999px;padding:10px 16px;box-shadow:0 8px 22px rgba(15,23,42,.04);}
.breadcrumb a,.breadcrumb .active{color:#475569!important;text-decoration:none;}
.breadcrumb a:hover{color:var(--lm-primary)!important;}
.icon-bar.bg-white{background:transparent!important;}
section.py-3 .card.border-0.shadow-sm.rounded-4{
    background:#ffffff!important;
    border:1px solid var(--lm-border)!important;
    box-shadow:0 20px 50px rgba(15,23,42,.08)!important;
    color:var(--lm-text)!important;
    overflow:hidden;
}
section.py-3 .card img.card-img-top, section.py-3 .swiper-slide img{
    background:linear-gradient(180deg,#ffffff,#f8fafc);
    width:100%;
    max-height:520px;
    object-fit:contain;
    padding:28px;
    border-radius:22px!important;
}
section.py-3 h2.h3, section.py-3 .h3{font-weight:900;letter-spacing:-.035em;color:#111827!important;}
section.py-3 h6.text-success{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;border:1px solid #bbf7d0;color:#15803d!important;border-radius:999px;padding:7px 12px;font-size:13px;margin-top:10px;}
section.py-3 h6.text-success:before{content:'●';font-size:10px;color:#16a34a;}
section.py-3 .badge.bg-light.text-muted{background:#f8fafc!important;color:#475569!important;border:1px solid var(--lm-border);border-radius:999px!important;padding:8px 12px!important;}
section.py-3 del{color:#94a3b8;margin-right:12px;font-size:17px;}
section.py-3 span.h3.text-danger{color:#dc2626!important;font-size:42px;font-weight:900;letter-spacing:-.045em;}
section.py-3 .card-center-badge{background:linear-gradient(135deg,#ef4444,#f97316)!important;box-shadow:0 14px 35px rgba(239,68,68,.22);padding:9px 14px;}
section.py-3 p{color:#475569;line-height:1.75;}
section.py-3 .form-control, section.py-3 .form-select{
    background:#ffffff!important;
    border:1px solid #dbe3ef!important;
    color:#111827!important;
    min-height:50px;
    border-radius:14px!important;
}
section.py-3 .form-control::placeholder{color:#94a3b8;}
section.py-3 .form-control:focus, section.py-3 .form-select:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;}
section.py-3 .input-group{background:#ffffff!important;border:1px solid #dbe3ef!important;border-radius:16px!important;overflow:hidden;}
section.py-3 .input-group .btn{background:#f8fafc!important;color:#111827!important;min-width:46px;border:0!important;}
section.py-3 .input-group .form-control{border:0!important;background:transparent!important;font-weight:800;}
section.py-3 button.btn-danger, section.py-3 .btn.btn-primary, section.py-3 form button[type=submit]{
    min-height:54px;
    border-radius:16px!important;
    font-weight:900;
    letter-spacing:-.01em;
    background:linear-gradient(135deg,var(--lm-primary),var(--lm-primary-2))!important;
    border:0!important;
    box-shadow:0 18px 42px rgba(37,99,235,.25);
}
section.py-3 .btn-outline-danger, section.py-3 .btn-outline-primary{color:#2563eb!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:999px!important;}
section.py-3 .btn-success{min-height:50px;border-radius:16px!important;font-weight:800;background:linear-gradient(135deg,#16a34a,#22c55e)!important;border:0!important;}
section.py-3 hr{border-color:#e5e7eb;opacity:1;}
section.py-3 .count .fs-3{color:#111827;font-weight:900;}
section.py-3 .small.text-muted{color:#64748b!important;}
section.py-3 .text-muted{color:#64748b!important;}
/* Güven şeridi */
section.py-3 .col-lg-6.order-lg-2 .card:nth-of-type(2) .card-body:after{
    content:'Anında teslimat  •  Güvenli ödeme  •  Orijinal dijital lisans  •  7/24 destek';
    display:block;
    margin-top:18px;
    padding:14px 16px;
    border-radius:16px;
    color:#1e40af;
    background:linear-gradient(135deg,#eff6ff,#f0f9ff);
    border:1px solid #bfdbfe;
    font-size:13px;
    font-weight:800;
    text-align:center;
}
/* Checkout / order page light skin */
body form .card, body .checkout-card, .modal-content{
    border-radius:22px!important;
    border:1px solid var(--lm-border)!important;
    box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
    background:#ffffff!important;
    color:#111827!important;
}
body form .card{overflow:hidden;}
body form .card-header, .modal-header{background:linear-gradient(135deg,#f8fafc,#eff6ff)!important;color:#111827!important;border-bottom:1px solid var(--lm-border)!important;font-weight:900;}
body form label, body form small{font-weight:700;color:#334155;}
body form .form-control, body form .form-select{min-height:50px;border-radius:14px!important;border:1px solid #dbe3ef;background:#fff!important;color:#111827!important;}
body form .form-control:focus, body form .form-select:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;}
body form .btn-primary, body form .btn-danger, body form button[type=submit]{border-radius:16px!important;min-height:52px;font-weight:900;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;border:0!important;box-shadow:0 18px 42px rgba(37,99,235,.22);}
#amount_paid_html{font-size:28px;color:#dc2626!important;font-weight:900!important;}
#coupon_div{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:16px;padding:12px;margin:12px 0;}
/* Mobile bottom nav - light glass */
.lm-mobile-nav{z-index:1045;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:transparent!important;box-shadow:none!important;}
.lm-mobile-nav-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:520px;margin:0 auto;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border:1px solid #dbe3ef;border-radius:24px;padding:8px;box-shadow:0 22px 60px rgba(15,23,42,.16);}
.lm-mobile-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border-radius:18px;color:#475569;text-decoration:none;font-weight:800;}
.lm-mobile-nav-item:hover,.lm-mobile-nav-item:focus{color:#2563eb;background:#eff6ff;}
.lm-mobile-nav-icon{line-height:1;}
.lm-mobile-nav-item small{font-size:10.5px;}
.lm-mobile-badge{position:absolute;right:15px;top:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
@media (max-width: 991.98px){
    section.py-3 .row.g-3.d-flex.align-items-center{align-items:stretch!important;}
    section.py-3 span.h3.text-danger{font-size:34px;}
    section.py-3 .d-flex.align-items-center.gap-1.mt-3{display:grid!important;grid-template-columns:1fr;gap:12px!important;}
    section.py-3 .d-flex.align-items-center.gap-1.mt-3 .col-5, section.py-3 .d-flex.align-items-center.gap-1.mt-3 .col-7{width:100%;}
    section.py-3 .card img.card-img-top, section.py-3 .swiper-slide img{max-height:360px;padding:18px;}
}
@media (max-width: 575.98px){
    body{padding-bottom:84px;}
    .breadcrumb{border-radius:18px;width:100%;overflow:auto;}
    section.py-3{padding-top:10px!important;}
    section.py-3 .card-body{padding:18px!important;}
    section.py-3 h2.h3{font-size:25px;}
    .container{padding-left:14px;padding-right:14px;}
}
