.atxs-box{
  margin:12px 0;
  border:1px solid rgba(20,20,20,.08);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 5px 20px rgba(0,0,0,.035);
  overflow:hidden;
  direction:rtl;
  text-align:right;
}
.atxs-box,.atxs-box *{box-sizing:border-box}
.atxs-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:10px 13px;
  border-bottom:1px solid rgba(0,0,0,.055);
  background:linear-gradient(180deg,#fff,#fcfcfc);
  text-align:right;
}
.atxs-head>div{display:flex;flex-direction:column;gap:1px;width:100%;text-align:right;align-items:flex-start}
.atxs-head strong{font-size:14px;line-height:1.55;text-align:right;width:100%}
.atxs-head span{font-size:10.5px;color:#777;line-height:1.5;text-align:right;width:100%}
.atxs-list{padding:7px}
.atxs-item{border:1px solid transparent;border-radius:11px;transition:.18s ease;text-align:right}
.atxs-item+.atxs-item{margin-top:5px}
.atxs-item:hover{background:#fafafa;border-color:#eee}
.atxs-item.is-selected{background:#fcfcfc;border-color:#dedede}
.atxs-mainline{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  cursor:pointer;
  margin:0!important;
  width:100%;
  text-align:right;
  direction:rtl;
}
.atxs-checkwrap{position:relative;width:20px;height:20px;flex:0 0 20px;order:1}
.atxs-check{position:absolute;opacity:0;pointer-events:none}
.atxs-fakecheck{position:absolute;inset:0;border:1.5px solid #c8c8c8;border-radius:6px;background:#fff;transition:.18s}
.atxs-check:checked+.atxs-fakecheck{background:#161616;border-color:#161616}
.atxs-check:checked+.atxs-fakecheck:after{content:"✓";position:absolute;inset:0;color:#fff;font-size:13px;display:grid;place-items:center;font-weight:700}
.atxs-copy{display:flex;flex-direction:column;min-width:0;flex:1;order:2;text-align:right;align-items:flex-start}
.atxs-copy b{font-size:13px;line-height:1.45;text-align:right;width:100%}
.atxs-copy small{font-size:10.5px;color:#777;margin-top:1px;line-height:1.5;text-align:right;width:100%}
.atxs-price{
  order:3;
  white-space:nowrap;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  color:#65ad22;
  margin-right:auto;
  text-align:left;
}
.atxs-note{display:none;padding:0 39px 9px 10px;text-align:right}
.atxs-note.is-open{display:block}
.atxs-note input.atxs-note-input{
  display:block;
  width:100%;
  height:38px;
  min-height:38px;
  border:1px solid #ddd!important;
  border-radius:9px!important;
  background:#fff!important;
  padding:7px 10px!important;
  box-shadow:none!important;
  text-align:right!important;
  direction:rtl!important;
  font-size:12px!important;
  line-height:22px!important;
}
.atxs-note input.atxs-note-input::placeholder{text-align:right;direction:rtl;color:#777;opacity:1}
.atxs-note input.atxs-note-input:focus{border-color:#bdbdbd!important;outline:none!important;box-shadow:0 0 0 2px rgba(0,0,0,.035)!important}
.atxs-note em{display:block;color:#a33;font-size:10px;margin-top:4px;font-style:normal;text-align:right}
.atxs-saving{opacity:.6;pointer-events:none}
@media(max-width:600px){
  .atxs-box{margin:10px 0;border-radius:12px}
  .atxs-head{padding:9px 11px}
  .atxs-list{padding:6px}
  .atxs-mainline{padding:8px 9px;gap:8px}
  .atxs-copy b{font-size:12px}
  .atxs-copy small{font-size:10px}
  .atxs-price{font-size:14px}
  .atxs-note{padding:0 37px 8px 9px}
  .atxs-note input.atxs-note-input{height:36px;min-height:36px;font-size:11.5px!important}
}