.myaccessory-block{--myacc-cols:4;direction:rtl;text-align:right;font-family:inherit;color:inherit;margin:22px 0}.myaccessory-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.myaccessory-head h3,.myaccessory-dialog-head h3{font-size:18px;font-weight:800;margin:0}.myaccessory-head p,.myaccessory-dialog-head p{font-size:12px;color:#7b8189;margin:4px 0 0}.myaccessory-head>span{font-size:11px;background:#f3f5f7;border-radius:999px;padding:5px 9px;white-space:nowrap}.myaccessory-grid{display:grid;grid-template-columns:repeat(var(--myacc-cols),minmax(0,1fr));gap:12px}.myaccessory-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #e8ebef;border-radius:12px;background:#fff;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.myaccessory-card:hover{border-color:#d8dde3;box-shadow:0 8px 24px rgba(0,0,0,.055);transform:translateY(-1px)}.myaccessory-image{display:flex;align-items:center;justify-content:center;height:118px;margin-bottom:8px}.myaccessory-image img{display:block;max-width:100%;width:108px;height:108px;object-fit:contain}.myaccessory-meta{min-width:0;flex:1}.myaccessory-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;font-size:13px;font-weight:600;line-height:1.75;color:inherit}.myaccessory-price{margin-top:5px;font-size:14px;font-weight:800}.myaccessory-reason{display:block;margin-top:4px;font-size:10px;opacity:.6}.myaccessory-add{width:100%;min-height:36px;margin-top:10px;border:0;border-radius:9px;background:#181a1d;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.myaccessory-add:hover{opacity:.9}.myaccessory-add:disabled{opacity:.55;cursor:wait}.myaccessory-add-plus{font-size:19px;line-height:1}.myaccessory-add.is-done{background:#238636}.myaccessory-add.is-error{background:#c93434}.myaccessory-open{width:100%;display:flex;align-items:center;gap:10px;border:1px solid #e3e6ea;background:#fff;border-radius:11px;padding:11px 12px;text-align:right;font:inherit;color:inherit;cursor:pointer}.myaccessory-open-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#181a1d;color:#fff;font-size:20px;flex:0 0 auto}.myaccessory-open>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.myaccessory-open strong{font-size:13px}.myaccessory-open small{font-size:10px;color:#858b92;margin-top:2px}.myaccessory-open-arrow{font-size:25px;opacity:.45}.myaccessory-modal{position:fixed;inset:0;z-index:2147483000;display:none}.myaccessory-modal.is-open{display:block}.myaccessory-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48)}.myaccessory-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1040px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 40px));display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.2);overflow:hidden}.myaccessory-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #edf0f2}.myaccessory-close{width:36px;height:36px;border:1px solid #e3e6e9;border-radius:50%;background:#fff;font-size:24px;line-height:1;cursor:pointer}.myaccessory-dialog-body{padding:16px;overflow:auto}.myaccessory-dialog .myaccessory-grid{--myacc-cols:4}body.myaccessory-modal-open{overflow:hidden}@media(max-width:1199px){.myaccessory-layout-wide .myaccessory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.myaccessory-dialog .myaccessory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.myaccessory-block{margin:16px 0}.myaccessory-layout-wide .myaccessory-grid,.myaccessory-dialog .myaccessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.myaccessory-card{padding:9px}.myaccessory-image{height:88px}.myaccessory-image img{width:82px;height:82px}.myaccessory-name{font-size:11px;min-height:39px}.myaccessory-price{font-size:12px}.myaccessory-add{min-height:34px;font-size:11px}.myaccessory-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 24px);border-radius:14px}.myaccessory-dialog-head,.myaccessory-dialog-body{padding:12px}.myaccessory-head h3{font-size:16px}}@media(max-width:390px){.myaccessory-add-text{font-size:10px}}
.myaccessory-kind{position:absolute;top:9px;right:9px;z-index:2;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;border-radius:999px;background:#f5f6f8;color:#5e6570;font-size:9px;font-weight:700}.myaccessory-pick{position:absolute;top:8px;left:8px;z-index:3;display:flex;align-items:center;gap:4px;margin:0;padding:4px 6px;border:1px solid #e2e5e9;border-radius:8px;background:#fff;font-size:9px;font-weight:700;cursor:pointer}.myaccessory-pick input{margin:0}.myaccessory-card.is-picked{border-color:#aeb8c6;box-shadow:0 0 0 2px rgba(24,26,29,.05)}.myaccessory-card.is-added{opacity:.72}.myaccessory-bundle{position:sticky;bottom:10px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 12px;border:1px solid #dde2e7;border-radius:12px;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.09)}.myaccessory-bundle[hidden]{display:none!important}.myaccessory-bundle>div{display:flex;flex-direction:column;gap:2px}.myaccessory-bundle strong{font-size:12px}.myaccessory-bundle small{font-size:11px;color:#737b84}.myaccessory-bundle button{min-height:38px;border:0;border-radius:9px;padding:0 15px;background:#181a1d;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.myaccessory-bundle button:disabled{opacity:.6;cursor:wait}@media(max-width:767px){.myaccessory-kind{top:6px;right:6px;font-size:8px}.myaccessory-pick{top:5px;left:5px;padding:3px 5px}.myaccessory-bundle{bottom:6px;padding:9px;gap:8px}.myaccessory-bundle button{padding:0 10px;font-size:10px}.myaccessory-bundle small{font-size:9px}}