/* The Living Quran v86: visually distinct collectible Jars, QR activation, contextual typography */
.tlq86-collection{padding-bottom:55px}
.tlq86-collection-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
.jar-card.tlq86-jar{overflow:hidden;border-radius:24px;background:#fff;border:1px solid #dce5dd;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 12px 27px rgba(17,83,53,.085);position:relative;transition:transform .2s ease,box-shadow .2s ease}
.jar-card.tlq86-jar:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(17,83,53,.14)}
.jar-card.tlq86-jar:focus-visible{outline:3px solid #bdb670;outline-offset:3px}
.tlq86-jar .jar-visual.tlq86-jar-image{position:relative;display:block!important;aspect-ratio:1/1.04;height:auto!important;min-height:0!important;width:100%;overflow:hidden;border-radius:0!important;background:var(--jar-bg,#eaf1eb)}
.tlq86-jar .tlq86-jar-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transform:scale(1.02);filter:none;transition:filter .25s ease,opacity .25s ease}
.tlq86-jar .tlq86-jar-image:before,.tlq86-jar .tlq86-jar-image:after{display:none!important}
.tlq86-jar-open{border-color:#badac4!important;box-shadow:0 13px 29px rgba(27,109,72,.12),0 0 0 1px #bddbc722!important}
.tlq86-jar-open .tlq86-jar-image img{filter:saturate(1.22) contrast(1.04) brightness(1.04);opacity:1}
.tlq86-jar .tlq86-active-badge{position:absolute;top:11px;right:11px;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(140deg,#087450,#168f67);color:#fff;font-size:10px;line-height:1.3;font-weight:900;border:1px solid #ffffff91;border-radius:18px;padding:7px 9px;z-index:2;box-shadow:0 5px 12px #0a5c3735}
.tlq86-jar-locked .tlq86-jar-image img{filter:grayscale(.7) saturate(.6) brightness(1.07);opacity:.56}
.tlq86-jar-locked .tlq86-jar-image .tlq86-lock-layer{z-index:2;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(175deg,#ffffff65,#e7ebe5a9 72%);color:#486456;gap:7px;text-align:center;padding:10px}
.tlq86-jar-locked .tlq86-lock-icon{display:grid;place-items:center;width:73px;height:73px;border-radius:25px;background:#fffefcdb;color:#657870;box-shadow:0 10px 25px rgba(27,55,42,.12),inset 0 0 0 1px #c2cfc5}
.tlq86-jar-locked .tlq86-lock-layer strong{font-size:12px;line-height:1.4;font-weight:950;color:#325342;background:#ffffffc6;padding:4px 9px;border-radius:99px;margin-top:3px}
.tlq86-jar-locked .tlq86-lock-layer small{font-size:9px;color:#516d5c;font-weight:800;line-height:1.4}
.tlq86-jar-info{flex:1;display:flex;flex-direction:column;gap:0;padding:15px 16px 18px!important;background:#fff}
.tlq86-jar-info h3{font-size:17px!important;line-height:1.3!important;color:#194b39!important;font-weight:950!important;margin:0 0 6px!important}
.tlq86-jar-info p{color:#789184;font-size:11.5px!important;line-height:1.55!important;margin:0 0 10px!important}
.tlq86-jar-count{display:block;margin-top:auto;border-top:1px solid #edf1eb;padding-top:9px;color:#709580;font-size:10px;font-weight:750;line-height:1.55}
.tlq86-jar-locked .tlq86-jar-count{color:#8e9e94}
.tlq86-scan-options{display:flex;flex-direction:column;align-items:stretch;gap:11px;margin:20px 0 19px;padding:17px;background:linear-gradient(135deg,#f1f9f3,#f9fbf5);border:1px solid #d1e7d8;border-radius:18px}
.tlq86-scan-start{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 14px;min-height:52px;border-radius:14px;background:linear-gradient(125deg,#08704f,#139365);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 17px #116b4920}
.tlq86-scan-start svg{flex-shrink:0}
.tlq86-photo-scan{display:flex;align-items:center;justify-content:center;gap:10px;margin:0!important;padding:13px;min-height:46px;background:#fff;color:#245d44;border:1px solid #bad7c5;border-radius:13px;cursor:pointer;font-size:12px!important;font-weight:850}
.tlq86-photo-scan input{position:absolute;left:-9999px;opacity:0;pointer-events:none;width:1px!important;height:1px!important}
.tlq86-scan-options>small{font-size:10.5px;color:#799183;line-height:1.7;text-align:center}
#activation-form .tlq71-voice-button,#jar-id + .tlq71-voice-button{display:none!important}
.tlq86-qr-backdrop{position:fixed;inset:0;z-index:3000;background:rgba(4,28,25,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;padding:20px 13px 0;overflow:auto}
body.tlq86-scanning{overflow:hidden}
.tlq86-qr-sheet{width:min(100%,540px);max-height:93dvh;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px max(24px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#f9fcf7;box-shadow:0 -15px 45px #0005;box-sizing:border-box}
.tlq86-qr-head{display:flex;align-items:flex-start;gap:13px;justify-content:space-between}
.tlq86-qr-head>div{flex:1;min-width:0}
.tlq86-qr-head>div>span{font-weight:900;letter-spacing:.13em;font-size:9px;color:#69947e}
.tlq86-qr-head h2{font-size:25px;margin:8px 0 0;color:#16513d;line-height:1.25;letter-spacing:-.03em}
.tlq86-qr-head button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e5f2e6;border:1px solid #cee0d1;color:#2c7054}
.tlq86-qr-sheet>p{color:#71877a;font-size:12px;line-height:1.7;margin:12px 0 14px}
.tlq86-camera-frame{width:100%;background:#0b2d27;border-radius:20px;aspect-ratio:4/4.3;min-height:240px;max-height:56dvh;overflow:hidden;position:relative;isolation:isolate}
.tlq86-camera-frame video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.tlq86-scan-corners{position:absolute;inset:13% 12%;border:3px solid #c0edc8;border-radius:20px;box-shadow:0 0 0 300px rgba(5,19,17,.25),0 0 18px #1caf84;pointer-events:none}
.tlq86-qr-sheet #tlq86-qr-feedback{margin:15px 0 10px;background:#eef5ef;border:1px solid #d4e8d8;border-radius:13px;padding:12px;font-size:11.5px;color:#527862}
.tlq86-qr-sheet #tlq86-qr-feedback[data-success="1"]{background:#d6efdf;color:#0e6d4b}
.tlq86-close-button{width:100%;border:1px solid #cbe0cf;background:#fff;border-radius:13px;padding:13px;color:#27674a;font-size:12.5px;font-weight:900}
#tlq86-scan-feedback{font-size:11px;line-height:1.6;padding:0;margin:0}
@media (min-width:600px){.tlq86-qr-backdrop{align-items:center;padding:20px}.tlq86-qr-sheet{border-radius:28px}.tlq86-camera-frame{aspect-ratio:4/3}}
@media (max-width:390px){.tlq86-collection-grid{gap:10px!important}.tlq86-jar-info{padding:13px 11px 15px!important}.tlq86-jar-info h3{font-size:15px!important}.tlq86-jar-info p{font-size:10px!important}.tlq86-jar-locked .tlq86-lock-icon{width:61px;height:61px}.tlq86-jar-locked .tlq86-lock-icon svg{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.jar-card.tlq86-jar,.tlq86-jar .tlq86-jar-image img{transition:none}}