/* JBA v16.20.418 — Digikala-style interaction, native lightweight implementation. */
.jba-f418,.jba-f418 *{box-sizing:border-box}.jba-f418{direction:rtl;font-family:inherit}.jba-f418-trigger{display:none}.jba-f418-sheet{display:block}.jba-f418-shade,.jba-f418-close,.jba-f418-card>header{display:none}.jba-f418-card{overflow:hidden;border:1px solid #e0e0e2;border-radius:12px;background:#fff}.jba-f418-card form{display:flex;flex-direction:column}.jba-f418-card main{padding:8px 12px}.jba-f418 details{border-bottom:1px solid #f0f0f1}.jba-f418 summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;color:#23254e;font-weight:800;cursor:pointer;list-style:none}.jba-f418 summary::-webkit-details-marker{display:none}.jba-f418 summary i{font-style:normal;color:#81858b}.jba-f418 details[open] summary i{transform:rotate(180deg)}.jba-f418-list{display:grid;gap:2px;padding:0 0 12px}.jba-f418-list label,.jba-f418-switch{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 4px;color:#3f4064;cursor:pointer}.jba-f418 input[type=checkbox],.jba-f418 input[type=radio]{width:19px;height:19px;margin:0;accent-color:#ef4056}.jba-f418-stones{max-height:270px;overflow:auto}.jba-f418-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 0 13px}.jba-f418-chips label{position:relative}.jba-f418-chips input{position:absolute;opacity:0}.jba-f418-chips span{display:grid;place-items:center;height:40px;border:1px solid #e0e0e2;border-radius:8px}.jba-f418-chips input:checked+span{border-color:#ef4056;color:#ef4056;font-weight:800}.jba-f418-price{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:13px}.jba-f418-price label{color:#81858b;font-size:12px}.jba-f418-price input{width:100%;height:42px;margin-top:5px;padding:8px;border:1px solid #e0e0e2;border-radius:8px;text-align:center;direction:ltr}.jba-f418-switch{justify-content:space-between;margin:8px 0}.jba-f418-switch input{position:absolute;opacity:0}.jba-f418-switch i{position:relative;width:42px;height:23px;border:2px solid #a1a3a8;border-radius:20px}.jba-f418-switch i:after{content:"";position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#a1a3a8}.jba-f418-switch input:checked+i{border-color:#ef4056;background:#ef4056}.jba-f418-switch input:checked+i:after{right:22px;background:#fff}.jba-f418 footer{display:grid;grid-template-columns:1fr 1.55fr;gap:9px;padding:12px;border-top:1px solid #e0e0e2;background:#fff}.jba-f418 footer a,.jba-f418 footer button{display:grid;place-items:center;min-height:46px;border-radius:8px;font-family:inherit;font-weight:900;text-decoration:none}.jba-f418 footer a{border:1px solid #e0e0e2;color:#62666d}.jba-f418 footer button{border:0;background:#ef4056;color:#fff}
@media(max-width:900px){
 html.jba-f418-open,html.jba-f418-open body{overflow:hidden!important}
 .jba-f418-trigger{display:flex!important;align-items:center;gap:10px;width:calc(100% - 20px);min-height:52px;margin:10px;padding:8px 12px;border:1px solid #e0e0e2;border-radius:10px;background:#fff;color:#23254e;text-align:right;box-shadow:none;touch-action:manipulation}
 .jba-f418-trigger-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#ef4056;color:#fff;font-size:21px}.jba-f418-trigger>span:nth-child(2){display:flex;flex:1;flex-direction:column}.jba-f418-trigger b{font-size:14px}.jba-f418-trigger small{color:#81858b;font-size:11px}.jba-f418-trigger em{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:20px;background:#ef4056;color:#fff;font-style:normal}
 body>#jba-f418-sheet{position:fixed;inset:0;z-index:2147483640;display:none;visibility:hidden;pointer-events:none;contain:layout paint style}
 body>#jba-f418-sheet.is-open{display:block;visibility:visible;pointer-events:auto}
 body>#jba-f418-sheet .jba-f418-shade{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.45)}
 body>#jba-f418-sheet .jba-f418-card{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(94vw,430px);height:100%;border:0;border-radius:0;background:#fff;box-shadow:none}
 body>#jba-f418-sheet .jba-f418-card>header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;flex:0 0 auto;min-height:60px;padding:env(safe-area-inset-top,0) 12px 0;border-bottom:1px solid #e0e0e2;text-align:center}.jba-f418-card>header strong{font-size:16px}.jba-f418-card .jba-f418-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:#23254e;font-size:28px}
 body>#jba-f418-sheet form{flex:1;min-height:0}.jba-f418-card main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 14px}.jba-f418-card footer{flex:0 0 auto;padding-bottom:calc(12px + env(safe-area-inset-bottom,0))}
}

/* JBA v16.20.422 — Bina blue/gold visual polish; no extra motion or runtime cost. */
.jba-f418,.jba-f418-trigger{--f418-navy:#082f67;--f418-blue:#0d4388;--f418-gold:#d5a63f;--f418-gold-soft:#fff8e8;--f418-line:#e5e9ef;--f418-muted:#738096}
.jba-f418-card{border-color:rgba(213,166,63,.55);box-shadow:0 8px 24px rgba(8,47,103,.09)}
.jba-f418 summary{color:var(--f418-navy)}
.jba-f418 summary i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f4f6f9;color:var(--f418-blue)}
.jba-f418-list label{border-radius:8px}
.jba-f418-list label:hover{background:#f7f9fc}
.jba-f418 input[type=checkbox],.jba-f418 input[type=radio]{accent-color:var(--f418-gold)}
.jba-f418-chips span{border-color:var(--f418-line);color:#4a5568;background:#fff}
.jba-f418-chips input:checked+span{border-color:var(--f418-gold);background:var(--f418-gold-soft);color:var(--f418-navy);box-shadow:inset 0 0 0 1px rgba(213,166,63,.16)}
.jba-f418-price input:focus{outline:0;border-color:var(--f418-gold);box-shadow:0 0 0 3px rgba(213,166,63,.14)}
.jba-f418-switch i{border-color:#aeb8c5;background:#eef1f5}
.jba-f418-switch input:checked+i{border-color:var(--f418-gold);background:var(--f418-gold)}
.jba-f418 footer{box-shadow:0 -5px 16px rgba(8,47,103,.05)}
.jba-f418 footer a{border-color:#dce2ea;color:var(--f418-navy);background:#fff}
.jba-f418 footer button{background:linear-gradient(135deg,var(--f418-blue),var(--f418-navy));box-shadow:0 5px 13px rgba(8,47,103,.2)}
@media(max-width:900px){
 .jba-f418-trigger{border-color:rgba(213,166,63,.8);background:linear-gradient(135deg,#fff,#fffaf0);color:var(--f418-navy);box-shadow:0 4px 14px rgba(8,47,103,.09)}
 .jba-f418-trigger-icon{background:linear-gradient(135deg,var(--f418-gold),#efca70);color:var(--f418-navy);box-shadow:0 3px 9px rgba(213,166,63,.28)}
 .jba-f418-trigger small{color:var(--f418-muted)}
 .jba-f418-trigger em{background:var(--f418-navy);color:#f5cc70}
 body>#jba-f418-sheet .jba-f418-shade{background:rgba(3,23,52,.56);backdrop-filter:blur(1.5px)}
 body>#jba-f418-sheet .jba-f418-card>header{border-bottom:3px solid var(--f418-gold);background:linear-gradient(135deg,var(--f418-blue),var(--f418-navy));color:#fff}
 .jba-f418-card>header strong{color:#fff}
 .jba-f418-card .jba-f418-close{border:1px solid rgba(255,255,255,.2);border-radius:9px;color:#fff;background:rgba(255,255,255,.08)}
 .jba-f418-card main{background:#f7f8fa}
 .jba-f418-card details,.jba-f418-card .jba-f418-switch{margin:8px 0;padding:0 12px;border:1px solid var(--f418-line);border-radius:11px;background:#fff}
}
