#paketler .ay-lic-l { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
#paketler .ay-lic-r { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-rows: 1fr auto; grid-template-areas: "m n n" "p p b"; column-gap: 14px; row-gap: 28px; position: relative; margin: 0; padding: 18px 18px 16px; border-radius: 16px; background: #fff; border: 1px solid var(--pp-line); border-top: 3px solid var(--pc); box-shadow: 0 2px 10px rgba(var(--acr-102640), .04); transition: box-shadow .2s, transform .2s; }
#paketler .ay-lic-r::before { content: ""; grid-column: 1 / -1; grid-row: 2; align-self: start; margin-top: -14px; border-top: 1px dashed var(--pp-line); }
#paketler .ay-lic-r:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(var(--acr-102640), .08); }
#paketler .ay-lic-m { grid-area: m; width: 52px; height: 52px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--pb) 70%, #fff); color: var(--pc); font-size: 20px; }
#paketler .ay-lic-m img { width: 36px; height: 36px; object-fit: contain; }
#paketler .ay-lic-n { grid-area: n; min-width: 0; align-self: center; }
#paketler .ay-lic-n b { display: block; font-size: 15.5px; font-weight: 700; line-height: 1.35; color: var(--pp-ink); overflow-wrap: anywhere; }
#paketler .ay-lic-n small { display: block; margin-top: 3px; font-size: 13px; color: var(--pp-muted); }
#paketler .ay-lic-p { grid-area: p; display: flex; align-items: baseline; align-self: center; gap: 6px; min-width: 0; }
#paketler .ay-lic-p strong { font-size: 24px; font-weight: 800; color: var(--pp-purple); letter-spacing: -.02em; }
#paketler .ay-lic-p small { font-size: 13px; color: var(--pp-muted); }
#paketler .ay-lic-p span { font-size: 13.5px; font-weight: 600; color: var(--pp-muted); align-self: center; }
#paketler .ay-lic-b { grid-area: b; align-self: center; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 12px; background: var(--pp-blue); color: #fff !important; font-weight: 700; font-size: 14px; white-space: nowrap; }
#paketler .ay-lic-b:hover { background: var(--ac-2f5fe0); }
#paketler .ay-lic-r:not(.is-quote) .ay-lic-b { background: color-mix(in srgb, var(--pc) 9%, #fff); color: color-mix(in srgb, var(--pc) 78%, #0b1020) !important; border: 1.5px solid color-mix(in srgb, var(--pc) 32%, #fff); }
#paketler .ay-lic-r:not(.is-quote) .ay-lic-b:hover { background: var(--pc); border-color: var(--pc); color: #fff !important; }
#paketler .ay-lic-b.is-alt { background: #fff; color: var(--fa-d, var(--ab-29006b)) !important; border: 1.5px solid var(--fa-m, var(--ab-cfc4f5)); }
#paketler .ay-lic-b.is-alt:hover { background: var(--fa-l, var(--ab-f4f0ff)); }
#paketler .ay-lic-b:focus-visible { outline: 2px solid var(--fa-d, var(--ab-29006b)); outline-offset: 2px; }
@media (max-width: 1199.98px) { #paketler .ay-lic-l { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
    #paketler .ay-lic-l { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    #paketler .ay-lic-r { grid-template-columns: 44px minmax(0, 1fr) auto; padding: 14px; }
    #paketler .ay-lic-m { width: 44px; height: 44px; }
    #paketler .ay-pp-tab { padding: 10px 4px; font-size: 13px; }
    #paketler .ay-pp-tab i { display: none; }
}