/* Online Tamin Advanced Bulk Order 1.3.14 */
.otbo,
.otbo *{box-sizing:border-box}
.otbo[hidden],
.otbo [hidden]{display:none!important}
html.otbo-open,html.otbo-open body{overflow:hidden!important;overscroll-behavior:none}

.otbo{
  --otbo-primary:var(--ot-blue,#144B8D);
  --otbo-primary-hover:#0f3f79;
  --otbo-soft:#f3f8fd;
  --otbo-line:#e6e9ed;
  --otbo-text:#161a1f;
  --otbo-muted:#717881;
  --otbo-danger:#b42318;
  position:fixed;
  inset:0;
  z-index:1000000;
  direction:rtl;
  font-family:inherit;
  color:var(--otbo-text);
  isolation:isolate
}
.otbo button,.otbo input,.otbo select,.otbo textarea{font:inherit}
.otbo button{cursor:pointer}
.otbo__backdrop{position:absolute;inset:0;background:rgba(7,15,27,.54);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.otbo__dialog{
  --otbo-width:680px;
  --otbo-mobile-height:90dvh;
  position:absolute;
  top:50%;left:50%;
  width:min(var(--otbo-width),calc(100vw - 32px));
  max-height:min(86dvh,850px);
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
  border-radius:20px;
  box-shadow:0 28px 90px rgba(3,14,29,.28);
  animation:otboDialogIn .18s ease-out
}
@keyframes otboDialogIn{from{opacity:0;transform:translate(-50%,-48%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.otbo__grab{display:none}

/* Header + Alibaba-style tier strip */
.otbo__header{flex:0 0 auto;background:#fff;border-bottom:1px solid var(--otbo-line);padding:14px 16px 12px}
.otbo__header-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.otbo__header-top .otbo__close{margin-right:auto}
.otbo__product{display:flex;align-items:center;gap:10px;min-width:0}
.otbo__thumb{width:48px;height:48px;flex:0 0 48px;padding:3px;display:grid;place-items:center;border:1px solid #edf0f2;border-radius:10px;background:#fff;overflow:hidden}
.otbo__thumb img{width:100%;height:100%;object-fit:contain}
.otbo__product-copy{min-width:0}
.otbo__product-copy h2{margin:0!important;font-size:15px!important;line-height:1.45!important;font-weight:800!important;color:#101828!important}
.otbo__product-copy p{margin:3px 0 0!important;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085!important;font-size:10.5px!important;line-height:1.5!important}
.otbo__close{width:34px;height:34px;flex:0 0 34px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#f4f5f6;color:#59616b;font-size:23px;line-height:1;transition:.15s}
.otbo__close:hover{background:#e9ecef;color:#111827}
.otbo__price-strip{margin-top:12px}
.otbo-price-scroll{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:1px 0 4px;scrollbar-width:thin;scrollbar-color:#d7dde4 transparent}
.otbo-price-scroll::-webkit-scrollbar{height:4px}.otbo-price-scroll::-webkit-scrollbar-thumb{background:#d7dde4;border-radius:20px}
.otbo-price-tier{position:relative;flex:1 0 120px;min-width:120px;scroll-snap-align:start;padding:8px 10px;border:1px solid #e4e7eb;border-radius:9px;background:#fff;transition:.16s}
.otbo-price-tier strong{display:block;color:#121820;font-size:12px;font-weight:800;white-space:nowrap}
.otbo-price-tier small{display:block;margin-top:3px;color:#7b828b;font-size:9px;white-space:nowrap}
.otbo-money{display:inline-flex;align-items:baseline;gap:4px;flex-direction:row;direction:rtl;white-space:nowrap}
.otbo-money__value{font-weight:inherit;color:inherit}
.otbo-money--tier .otbo-money__value{font-weight:700}
.otbo-money--variation .otbo-money__value{font-weight:700}
.otbo-money__unit{font-size:.68em;font-weight:500;line-height:1;color:inherit;opacity:.72;display:inline-flex;align-items:center}
.otbo-money__unit img,.otbo-money__unit .ot-currency-icon,.otbo-money__unit .ot-currency-icon img{width:14px;height:14px;display:inline-block;vertical-align:middle;object-fit:contain}
.otbo-money__prefix{font-size:.74em;font-weight:600;color:inherit;opacity:.78}
.otbo-price-tier .otbo-money__prefix{display:none!important}
.otbo-price-tier.is-active{border-color:var(--otbo-primary);background:#f3f8ff;box-shadow:inset 0 -2px 0 var(--otbo-primary)}
.otbo-price-tier.is-active strong,.otbo-price-tier.is-active small{color:var(--otbo-primary)}
.otbo-price-tier.is-base{max-width:220px}

/* Content */
/* The middle pane is a real shrinkable scroll viewport. Keep it flex-based so both
 * compact desktop modals and mobile bottom sheets can constrain long content safely. */
.otbo__body{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;background:#fff}
.otbo__content{flex:1 1 auto;height:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:15px 16px 20px;scrollbar-width:thin;scrollbar-color:#d5dae0 transparent}
.otbo__content::-webkit-scrollbar{width:5px}.otbo__content::-webkit-scrollbar-thumb{background:#d5dae0;border-radius:10px}
.otbo__content > .otbo-attr:last-child,
.otbo__content > .otbo-axis:last-child{border-bottom:0}
.otbo__status{
  display:none!important;
  height:0!important;
  max-height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  pointer-events:none!important;
  position:absolute!important
}
.otbo__status.is-empty,
.otbo__status[hidden]{
  display:none!important
}
.otbo__status .otbo-rule-warn,
.otbo__status .otbo-moq-warn{margin-top:0}
.otbo__loading{min-height:260px;height:100%;display:grid;place-items:center;align-content:center;gap:12px;padding:30px;color:#667085;text-align:center}
.otbo__loading>span{width:30px;height:30px;border:3px solid #edf0f2;border-top-color:var(--otbo-primary);border-radius:50%;animation:otboSpin .75s linear infinite}
.otbo__loading>p{margin:0!important;font-size:12px!important}
@keyframes otboSpin{to{transform:rotate(360deg)}}
.otbo-load-error{display:grid;justify-items:center;gap:8px;max-width:360px}
.otbo-load-error strong{font-size:13px}.otbo-load-error p{margin:0!important;color:#7a8089!important;font-size:11px!important}.otbo-load-error button{height:36px;padding:0 16px;border:0;border-radius:9px;background:var(--otbo-primary);color:#fff;font-weight:700}

.otbo-attr,.otbo-axis{padding:13px 0;border-bottom:1px solid #f0f1f3}
.otbo-attr:first-child{padding-top:2px}
.otbo-axis{border-bottom:0;padding-bottom:4px}
.otbo-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;min-height:20px}
.otbo-section-title strong{font-size:12px;font-weight:800;color:#161a1f}
.otbo-section-title strong em{font-style:normal;color:#7b828b;font-weight:600;font-size:10px}
.otbo-section-title>span,.otbo-section-title>small{color:#676e77;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Horizontal selectors with intentional peek */
.otbo-options{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:1px 1px 7px 28px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.otbo-options::-webkit-scrollbar{display:none}
.otbo-option{position:relative;flex:0 0 auto;min-width:78px;min-height:38px;padding:7px 12px;border:1px solid #dfe3e7;border-radius:8px;background:#fff;color:#30363d;display:inline-flex;align-items:center;justify-content:center;gap:7px;scroll-snap-align:start;overflow:visible;transition:border-color .14s,box-shadow .14s,background .14s}
.otbo-option:hover{border-color:#b9c5d2}
.otbo-option.is-active{border-color:var(--otbo-primary);box-shadow:0 0 0 1px var(--otbo-primary);color:#0f3763}
.otbo-option.is-disabled{opacity:.38;cursor:not-allowed}
.otbo-option>span:not(.otbo-option-img):not(.otbo-color){font-size:10px;font-weight:650;white-space:nowrap}
.otbo-option>b{position:absolute;z-index:2;top:4px;left:4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:1.5px solid #fff;border-radius:999px;background:var(--otbo-primary);color:#fff;font-size:8px;font-weight:800;line-height:1;box-shadow:0 1px 4px rgba(7,37,73,.18)}
.otbo-options.is-visual .otbo-option{flex-basis:112px;min-width:112px;min-height:112px;padding:5px 6px 6px;flex-direction:column;gap:5px}
.otbo-option-img{width:100%;height:auto;aspect-ratio:6/5;padding:3px 4px 6px;border:0;border-bottom:1px solid #edf0f3;border-radius:0;overflow:hidden;background:transparent;display:grid;place-items:center}
.otbo-option-img img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;border-radius:3px}
.otbo-options.mode-variation_image .otbo-option-img{background:transparent}
.otbo-color{width:27px;height:27px;border-radius:7px;background:var(--otbo-swatch);border:1px solid rgba(0,0,0,.09);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.otbo-options.mode-color .otbo-option{min-width:72px}
.otbo-select{width:100%;height:40px;border:1px solid #dfe3e7;border-radius:8px;background:#fff;padding:0 10px;color:#2f353c;outline:none}
.otbo-select:focus{border-color:var(--otbo-primary);box-shadow:0 0 0 2px rgba(20,75,141,.08)}

/* Single-option middle attributes are informational, not fake buttons. */
.otbo-attr--readonly{padding-block:9px}
.otbo-readonly{min-height:42px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #eceef0;border-radius:8px;background:#fafafa}
.otbo-readonly__image{width:34px;height:34px;flex:0 0 34px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #edf0f2}.otbo-readonly__image img{width:100%;height:100%;object-fit:contain}
.otbo-readonly>span:last-child{display:flex;align-items:baseline;gap:8px;min-width:0}.otbo-readonly small{color:#7d848c;font-size:9.5px}.otbo-readonly strong{color:#333941;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Final attribute is always the vertical quantity axis. */
.otbo-qty-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #f0f1f2}
.otbo-qty-row:last-child{border-bottom:0}
.otbo-qty-row.is-disabled{opacity:.52}
.otbo-qty-info{display:flex;align-items:center;gap:9px;min-width:0}
.otbo-qty-info__thumb{width:42px;height:42px;flex:0 0 42px;padding:2px;object-fit:contain!important;object-position:center!important;border:1px solid #eceff2;border-radius:7px;background:#fff}
.otbo-qty-info>div{min-width:0}.otbo-qty-info strong{display:block;font-size:11px;color:#22272e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otbo-qty-info small{display:block;margin-top:3px;color:#858b92;font-size:9px;white-space:nowrap}
.otbo-unit-price{display:flex!important;align-items:baseline;gap:3px;font-size:10.2px!important;font-weight:500;line-height:1.25}.otbo-unit-price .otbo-money{gap:1.5px}.otbo-unit-price .otbo-money__unit{font-size:.68em;font-weight:500}.otbo-unit-price .otbo-money__prefix{font-size:.72em}.otbo-unit-price__per{font-size:.72em;color:#9198a1}
.otbo-unavailable{font-size:9px;color:#9a6670;background:#fff4f4;border-radius:7px;padding:5px 8px}
.otbo-stepper{direction:ltr;flex:0 0 auto;width:108px;height:32px;display:grid;grid-template-columns:34px 40px 34px;border:1px solid #dfe3e7;border-radius:9px;overflow:hidden;background:#fff}
.otbo-stepper button,.otbo-stepper input{width:100%;height:100%;padding:0;border:0!important;box-shadow:none!important;background:#fff!important;text-align:center!important;color:#272d34!important;font-size:13px!important;line-height:1!important;outline:none!important;min-height:0!important}
.otbo-stepper button{font-size:17px!important;color:#545b63!important;transition:.12s}.otbo-stepper button:hover{background:#f3f6f9!important;color:var(--otbo-primary)!important}.otbo-stepper input{font-size:10px!important;font-weight:800!important;border-inline:1px solid #edf0f2!important;border-radius:0!important}

.otbo-pack{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e4e8ec;border-radius:9px;background:#fafbfc}.otbo-pack>div:first-child strong{display:block;font-size:11px}.otbo-pack>div:first-child small{display:block;margin-top:3px;color:#7d848c;font-size:9px}.otbo-pack-detail{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.otbo-pack-detail span{padding:5px 7px;border-radius:6px;background:#f3f6f9;color:#58616b;font-size:9px}
/* Rule/MOQ helper can become long (for example many colours). The title remains
 * visible while only the rows scroll, so the sticky footer never hides entries. */
.otbo-rule-warn{margin-top:12px;padding:10px;border:1px solid #f4d6a2;border-radius:9px;background:#fffaf0;overflow:hidden}
.otbo-rule-warn>strong{display:block;margin-bottom:6px;font-size:10px;color:#8a5b13}
.otbo-rule-warn__list{max-height:150px;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-left:3px;scrollbar-width:thin;scrollbar-color:#d8b76f transparent}
.otbo-rule-warn__list::-webkit-scrollbar{width:4px}.otbo-rule-warn__list::-webkit-scrollbar-thumb{background:#d8b76f;border-radius:10px}.otbo-rule-warn__list::-webkit-scrollbar-track{background:transparent}
.otbo-rule-warn__row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:4px 0;font-size:9px}
.otbo-rule-warn em{font-style:normal;color:#a26100}
.otbo-moq-warn{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border:1px solid #d8e7f6;border-radius:9px;background:#f6faff;color:#315f91}.otbo-moq-warn strong{font-size:9.8px}.otbo-moq-warn span{font-size:8.8px;color:#637c97;text-align:left}

/* Footer */
.otbo__footer{position:relative;z-index:4;flex:0 0 auto;border-top:1px solid var(--otbo-line);background:#fff;padding:8px 12px 11px;box-shadow:0 -6px 18px rgba(8,20,35,.035)}
.otbo__summary{width:100%;min-height:34px;padding:0 2px 7px;border:0;background:#fff;display:grid;grid-template-columns:auto 1fr 26px;align-items:center;gap:10px;text-align:right;color:#20252b;border-radius:8px;transition:background .15s}
.otbo__summary:hover{background:#fafbfc}
.otbo__summary-main,.otbo__summary-price{display:flex;align-items:baseline;gap:7px;min-width:0}.otbo__summary-main small,.otbo__summary-price small{font-size:9px;color:#757c84}.otbo__summary-main strong,.otbo__summary-price strong{font-size:11px;white-space:nowrap}.otbo__summary-price{justify-self:end}
.otbo__summary-chevron{width:23px;height:23px;display:grid;place-items:center;justify-self:end;border:1px solid #e5e9ed;border-radius:999px;background:#f8fafb;color:#69727c;transition:transform .18s ease,border-color .15s,background .15s,color .15s}
.otbo__summary-chevron svg{width:12px;height:12px;display:block}.otbo__summary-chevron path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.otbo__summary:hover .otbo__summary-chevron{border-color:#d7dee5;background:#fff;color:var(--otbo-primary)}.otbo__summary[aria-expanded="true"] .otbo__summary-chevron{transform:rotate(180deg);border-color:#c8d8e9;background:#f2f7fc;color:var(--otbo-primary)}
.otbo__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.otbo__actions[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.otbo__actions[data-count="1"]{grid-template-columns:1fr}
.otbo-btn{position:relative;width:100%;min-width:0;max-width:100%;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid #d9dee4;background:#fff;color:#1d252d;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10.5px;font-weight:800;white-space:nowrap;transition:.15s}
.otbo-btn--ghost:hover{border-color:#bfc8d2;background:#fafbfc}.otbo-btn--primary{border-color:var(--otbo-primary);background:var(--otbo-primary);color:#fff}.otbo-btn--primary:hover{border-color:var(--otbo-primary-hover);background:var(--otbo-primary-hover)}
.otbo-btn:disabled{cursor:not-allowed;opacity:.46}.otbo-btn.is-loading{color:transparent!important;pointer-events:none}.otbo-btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:currentColor;border-radius:50%;animation:otboSpin .7s linear infinite}.otbo-btn--ghost.is-loading:after{border-color:#d3d9df;border-top-color:var(--otbo-primary)}
.otbo-btn__icon{font-size:16px;line-height:1;color:var(--otbo-primary)}

.otbo-warnings{display:flex;flex-direction:column;gap:8px}
.otbo__summary-backdrop{
  position:absolute;
  inset:0;
  z-index:25;
  border:0;
  padding:0;
  margin:0;
  background:rgba(8,18,32,.42);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation
}
.otbo--summary-open .otbo__summary-backdrop{
  display:block!important;
  pointer-events:auto!important
}
.otbo--summary-open .otbo__header,
.otbo--summary-open .otbo__body,
.otbo--summary-open .otbo__content,
.otbo--summary-open .otbo__status,
.otbo--summary-open .otbo__footer,
.otbo--summary-open .otbo__grab{pointer-events:none}
.otbo__summary-sheet{
  position:absolute;
  z-index:30;
  left:16px;
  right:16px;
  bottom:16px;
  max-height:min(70%,560px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  pointer-events:auto;
  isolation:isolate;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:#fff !important;
  color:var(--otbo-text);
  border:1px solid #eceff3;
  border-radius:16px;
  box-shadow:0 18px 48px rgba(8,18,32,.22);
  padding:12px 16px 16px;
  animation:otboSheetUp .18s ease-out
}
@keyframes otboSheetUp{from{transform:translateY(14px)}to{transform:translateY(0)}}
.otbo__sheet-handle{width:34px;height:4px;margin:0 auto 8px;border-radius:20px;background:#e1e5e9}
.otbo__summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.otbo__summary-head strong{font-size:12px}.otbo__summary-head button{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f4f5f6;color:#59616b;font-size:19px}
/* Summary metrics (1.3.14): two equal metrics in one bordered row, label above value.
 * Semantic dl/dt/dd; every rule targets a class so the money component inside is untouched. */
.otbo-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 10px;padding:0;border:1px solid #e8ebef;border-radius:12px;background:#fff}
.otbo-summary-stat{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 12px}
.otbo-summary-stat+.otbo-summary-stat{border-inline-start:1px solid #eef0f3}
.otbo-summary-stat dt{margin:0;color:#7a818a;font-size:10px;font-weight:500;line-height:1.4}
.otbo-summary-stat dd{display:flex;align-items:baseline;gap:4px;min-width:0;margin:0;color:#1d232a;font-size:14px;font-weight:800;line-height:1.35;white-space:nowrap}
.otbo-summary-stat__suffix{color:#6b737c;font-size:.72em;font-weight:500}
.otbo-money--summary{align-items:center;gap:4px}
.otbo-money--summary .otbo-money__unit{flex:0 0 auto;opacity:.8}
.otbo-money--summary .otbo-money__unit img{width:15px;height:15px}
.otbo-summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px solid #eef0f2;font-size:10px}.otbo-summary-row span{color:#555d66}.otbo-summary-row strong{white-space:nowrap}.otbo-empty{margin:16px 0!important;text-align:center;color:#80878f!important;font-size:10px!important}
.otbo__inquiry{padding-bottom:20px}.otbo__inquiry-copy{margin:-3px 0 10px!important;color:#767d85!important;font-size:10px!important}.otbo__inquiry label{display:block;margin-top:9px;color:#555d66;font-size:9.5px;font-weight:600}.otbo__inquiry label.is-required:after{content:" *";color:#c72f3d}.otbo__inquiry input,.otbo__inquiry textarea{display:block;width:100%;margin-top:5px;border:1px solid #dfe3e7!important;border-radius:9px!important;background:#fff!important;color:#2b3138!important;outline:0!important;box-shadow:none!important;font-size:11px!important}.otbo__inquiry input{height:39px!important;padding:0 10px!important}.otbo__inquiry textarea{padding:9px 10px!important;resize:vertical}.otbo__inquiry input:focus,.otbo__inquiry textarea:focus{border-color:var(--otbo-primary)!important;box-shadow:0 0 0 2px rgba(20,75,141,.07)!important}.otbo__inquiry>.otbo-btn{width:100%;margin-top:12px}
.otbo__toast{position:absolute;z-index:12;right:16px;bottom:84px;left:16px;margin:auto;max-width:480px;padding:10px 12px;border-radius:9px;background:#13704a;color:#fff;text-align:center;font-size:10px;font-weight:700;box-shadow:0 14px 35px rgba(0,0,0,.18)}.otbo__toast.is-error{background:#b42318}

/* Desktop selectors wrap instead of becoming horizontal rails. Visual swatches use
 * five compact cards per row; mobile intentionally keeps the Alibaba-like peek/rail. */
@media(min-width:768px){
  .otbo-options{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none;padding:1px 1px 7px}
  .otbo-options.is-visual{display:grid;grid-template-columns:repeat(5,minmax(0,102px));justify-content:space-between;align-items:start;gap:9px 8px}
  .otbo-options.is-visual .otbo-option{width:100%;min-width:0;max-width:none;min-height:102px;padding:4px 5px 5px;gap:4px;scroll-snap-align:none}
  .otbo-options.is-visual .otbo-option-img{aspect-ratio:6/5;padding:2px 3px 5px}
  .otbo-options.is-visual .otbo-option>span:not(.otbo-option-img):not(.otbo-color){font-size:9.4px}
}

@media(max-width:767px){
  .otbo__backdrop{background:rgba(5,12,22,.56);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  .otbo__dialog{
    top:auto;right:0;bottom:0;left:0;
    width:100%;height:min(var(--otbo-mobile-height),94dvh);max-height:min(var(--otbo-mobile-height),94dvh);
    transform:none;border-radius:18px 18px 0 0;
    animation:otboMobileIn .2s ease-out
  }
  .otbo__body{flex:1 1 0;min-height:0;max-height:none;overflow:hidden}
  .otbo__content{flex:1 1 auto;height:auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
  .otbo__loading{height:auto;min-height:180px}
  @keyframes otboMobileIn{from{transform:translateY(20px);opacity:.86}to{transform:translateY(0);opacity:1}}
  .otbo__grab{display:block;position:absolute;z-index:3;top:6px;left:50%;width:38px;height:4px;transform:translateX(-50%);border-radius:20px;background:#dce0e4}
  .otbo__header{padding:17px 12px 8px;border-bottom-color:#edf0f2}
  .otbo__header-top{gap:8px}
  .otbo__thumb{width:42px;height:42px;flex-basis:42px;border-radius:8px}
  .otbo__product-copy h2{font-size:12.5px!important}.otbo__product-copy p{max-width:230px;font-size:8.5px!important;margin-top:2px!important}
  .otbo__close{width:30px;height:30px;flex-basis:30px;font-size:20px;background:#f5f6f7}
  .otbo__price-strip{margin-top:8px;margin-left:-12px}
  .otbo-price-scroll{gap:5px;padding-left:30px;padding-bottom:2px;scrollbar-width:none}
  .otbo-price-scroll::-webkit-scrollbar{display:none}
  .otbo-price-tier{flex:0 0 clamp(88px,30%,104px);min-width:88px;padding:6px 8px;border-radius:7px}
  .otbo-price-tier strong{font-size:9.4px;line-height:1.25}.otbo-price-tier strong .otbo-money__unit{font-size:6.3px;font-weight:450}.otbo-price-tier strong .otbo-money__prefix{font-size:6.8px;font-weight:550}.otbo-price-tier small{font-size:7.4px;margin-top:2px}
  .otbo-price-scroll--single .otbo-price-tier{flex-basis:150px;min-width:150px}
  .otbo__content{padding:10px 12px 12px}
  .otbo__status{display:none!important;height:0!important;padding:0!important;max-height:0!important}
  .otbo-attr,.otbo-axis{padding:10px 0}
  .otbo-section-title{margin-bottom:7px}.otbo-section-title strong{font-size:10.5px}.otbo-section-title strong em{font-size:9px}.otbo-section-title>span,.otbo-section-title>small{font-size:8.5px}
  .otbo-options{gap:5px;padding-left:34px;padding-bottom:4px;scroll-padding-inline:6px}
  .otbo-option{flex:0 0 clamp(72px,29%,96px);min-width:72px;max-width:96px;min-height:34px;padding:5px 9px;border-radius:6px}.otbo-option>span:not(.otbo-option-img):not(.otbo-color){max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:8.5px}
  .otbo-options.is-visual .otbo-option{flex-basis:clamp(100px,31.5%,114px);min-width:100px;max-width:114px;min-height:104px;padding:4px 5px 5px}.otbo-option-img{height:auto;aspect-ratio:6/5;padding:2px 3px 5px;border-radius:0}
  .otbo-option>b{top:3px;left:3px;min-width:16px;height:16px;padding-inline:3px;border-width:1.5px;font-size:7px}
  .otbo-color{width:24px;height:24px;border-radius:6px}
  .otbo-readonly{min-height:38px;padding:6px 8px}.otbo-readonly small{font-size:8px}.otbo-readonly strong{font-size:9px}
  .otbo-qty-row{min-height:49px;padding:6px 0;gap:9px}.otbo-qty-info{gap:7px}.otbo-qty-info__thumb{width:36px;height:36px;flex-basis:36px;border-radius:6px}.otbo-qty-info strong{font-size:9.5px}.otbo-qty-info small{font-size:7.2px;margin-top:2px}.otbo-unit-price{gap:2px;font-size:8.8px!important;line-height:1.25}.otbo-unit-price .otbo-money__unit{font-size:.68em;font-weight:500}.otbo-unit-price .otbo-money__prefix{font-size:.72em}.otbo-unit-price__per{font-size:.7em}
  .otbo-stepper{width:94px;height:29px;grid-template-columns:29px 36px 29px;border-radius:8px}.otbo-stepper button{font-size:15px!important}.otbo-stepper input{font-size:8.8px!important}
  .otbo-pack{padding:8px}.otbo-pack>div:first-child strong{font-size:9.5px}.otbo-pack>div:first-child small{font-size:7.8px}
  .otbo-rule-warn{padding:8px}.otbo-rule-warn>strong{font-size:9px}.otbo-rule-warn__list{max-height:min(150px,22dvh);padding-left:2px}.otbo-rule-warn__row{font-size:8px;gap:6px;padding:4px 0}.otbo-moq-warn{align-items:flex-start;flex-direction:column;gap:2px;padding:8px}.otbo-moq-warn strong{font-size:8.8px}.otbo-moq-warn span{font-size:7.8px;text-align:right}
  .otbo__footer{padding:6px 8px max(8px,env(safe-area-inset-bottom))}
  .otbo__summary{min-height:31px;padding-bottom:5px;gap:6px;grid-template-columns:auto 1fr 23px}.otbo__summary-main small,.otbo__summary-price small{font-size:7.7px}.otbo__summary-main strong,.otbo__summary-price strong{font-size:9.5px}.otbo__summary-chevron{width:20px;height:20px}.otbo__summary-chevron svg{width:10px;height:10px}
  .otbo__actions{width:100%;min-width:0;gap:6px}.otbo-btn{width:100%;min-width:0;max-width:100%;min-height:38px;padding:0 8px;border-radius:9px;font-size:9.6px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.otbo-btn__icon{font-size:13px}
  .otbo__actions[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .otbo__actions[data-count="3"] [data-otbo-cart]{grid-column:1/-1;min-height:40px}
  .otbo__actions[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .otbo__summary-sheet{
    left:0;
    right:0;
    bottom:0;
    max-height:min(76%,72dvh);
    border:0;
    border-radius:18px 18px 0 0;
    box-shadow:0 -12px 40px rgba(8,18,32,.18);
    padding:10px 16px max(16px,env(safe-area-inset-bottom))
  }
  .otbo__inquiry{max-height:76%;padding-inline:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .otbo__toast{right:10px;bottom:72px;left:10px;font-size:9px}
}

@media(max-width:390px){
  .otbo__product-copy p{max-width:185px}
  .otbo__actions[data-count="3"] .otbo-btn{font-size:9.2px;padding-inline:6px}
  .otbo__summary-price small{display:none}
}

@media(min-width:540px) and (max-width:767px){
  .otbo__actions[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .otbo__actions[data-count="3"] [data-otbo-cart]{grid-column:auto}
}

/* Commerce header refinement: thumbnail + tier rail mirror Alibaba's mobile hierarchy. */
.otbo__header-top .otbo__product-copy{flex:1;min-width:0}
.otbo__commerce-row{display:flex;align-items:stretch;gap:8px;margin-top:10px;min-width:0}
.otbo__commerce-row .otbo__thumb{width:54px;height:auto;min-height:51px;flex:0 0 54px}
.otbo__commerce-row .otbo__price-strip{margin-top:0;min-width:0;flex:1}
.otbo__commerce-row .otbo-price-scroll{height:100%}
.otbo__commerce-row .otbo-price-tier{display:flex;flex-direction:column;justify-content:center}
.otbo__commerce-row .otbo-price-tier strong{line-height:1.2}.otbo__commerce-row .otbo-money__unit{font-size:.62em;font-weight:450}.otbo__commerce-row .otbo-money__prefix{font-size:.68em}
@media(max-width:767px){
  .otbo__header-top .otbo__product-copy h2{font-size:11px!important}
  .otbo__header-top .otbo__product-copy p{font-size:7.8px!important;max-width:260px}
  .otbo__commerce-row{margin-top:6px;gap:6px;margin-left:-12px}
  .otbo__commerce-row .otbo__thumb{width:46px;min-height:45px;flex-basis:46px;margin-right:0;border-radius:6px}
  .otbo__commerce-row .otbo__price-strip{margin-top:0;margin-left:0}
}

/* 1.2.2 — selectable tier rail. The original card style remains the base style;
 * divider mode is a deliberate Alibaba-like override selected from OTBO settings. */
.otbo__dialog{--otbo-tier-active:#e53935}
.otbo__price-strip[data-style="divider"] .otbo-price-scroll{gap:0;padding-inline:0}
.otbo__price-strip[data-style="divider"] .otbo-price-tier{
  flex-basis:118px;min-width:118px;
  padding:8px 14px;
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
.otbo__price-strip[data-style="divider"] .otbo-price-tier::after{
  content:"";position:absolute;top:50%;left:0;width:1px;height:27px;
  transform:translateY(-50%);border-radius:2px;background:#e3e6ea;
}
.otbo__price-strip[data-style="divider"] .otbo-price-tier:last-child::after,
.otbo__price-strip[data-style="divider"] .otbo-price-tier.is-base::after{display:none}
.otbo__price-strip[data-style="divider"] .otbo-price-tier.is-active{
  border:0;background:transparent;box-shadow:none;
}
.otbo__price-strip[data-style="divider"] .otbo-price-tier.is-active strong,
.otbo__price-strip[data-style="divider"] .otbo-price-tier.is-active small{
  color:var(--otbo-tier-active);
}
.otbo__price-strip[data-style="divider"] .otbo-price-tier.is-active strong{font-weight:850}
.otbo__price-strip[data-style="divider"] .otbo-price-tier:not(.is-active):hover{background:#fafafa}
.otbo__price-strip[data-style="divider"] .otbo-price-tier.is-base{max-width:220px}
@media(max-width:767px){
  .otbo__price-strip[data-style="divider"] .otbo-price-scroll{padding-left:24px;scroll-padding-inline:6px}
  .otbo__price-strip[data-style="divider"] .otbo-price-tier{flex:0 0 clamp(88px,30%,101px);min-width:88px;padding:6px 10px}
  .otbo__price-strip[data-style="divider"] .otbo-price-tier::after{height:23px;background:#e5e8eb}
  .otbo__price-strip[data-style="divider"] .otbo-price-scroll--single .otbo-price-tier{flex-basis:150px;min-width:150px}
}

@media(max-width:360px){
  .otbo-price-tier{flex-basis:clamp(86px,31%,96px);min-width:86px}
  .otbo__price-strip[data-style="divider"] .otbo-price-tier{flex-basis:clamp(86px,31%,96px);min-width:86px;padding-inline:8px}
  .otbo-option{flex-basis:clamp(70px,30%,90px);min-width:70px;max-width:90px}
  .otbo-options.is-visual .otbo-option{flex-basis:clamp(96px,32%,106px);min-width:96px;max-width:106px}
}


/* === OTBO 1.3.0 client refinements — Alibaba-inspired hierarchy === */
.otbo__header-top{
  position:relative;
  justify-content:flex-start;
  min-height:38px;
  padding-right:44px;
}
.otbo__header-top .otbo__close{
  position:absolute;
  top:0;
  right:0;
  margin:0;
}
.otbo__close,
.otbo__summary-head button{
  border:1px solid #e1e5e9;
  border-radius:9px;
  background:#f7f8f9;
  color:#343a42;
  font-weight:800;
}
.otbo__close:hover,
.otbo__summary-head button:hover{background:#eceff2;color:#111827;border-color:#d5dbe1}

.otbo-price-tier strong{font-size:13.4px;font-weight:850;color:#11161c}
.otbo-price-tier small{font-size:9.8px;font-weight:650;color:#626a73}
.otbo-money--tier .otbo-money__value{font-weight:850}

.otbo-section-title{justify-content:flex-start;gap:8px}
.otbo-section-title__main{display:inline-flex;align-items:baseline;gap:5px;min-width:0}
.otbo-section-title__main strong{font-size:13px;font-weight:850;color:#14191f}
.otbo-section-title__selected{display:inline-flex;align-items:baseline;gap:4px;color:#4f5760!important;font-size:11px!important;font-weight:700;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otbo-section-title__selected i{font-style:normal;color:#4b535c;font-weight:850}
.otbo-axis-instruction{margin-right:auto;color:#5f6872!important;font-weight:650}

/* Final variable is a real outlined choice row, not only a separator list. */
.otbo-axis{padding-bottom:2px}
.otbo-qty-row{
  min-height:56px;
  margin-bottom:7px;
  padding:7px 9px;
  border:1px solid #e2e6ea!important;
  border-radius:10px;
  background:#fff;
}
.otbo-qty-row:last-child{margin-bottom:0}
.otbo-qty-info__thumb{width:46px;height:42px;flex-basis:46px;padding:1px}
.otbo-qty-info strong{font-size:11.8px;font-weight:800;color:#1b2026}
.otbo-qty-info small{color:#68717b;font-size:9.5px;font-weight:600}
.otbo-unit-price{font-size:10.5px!important;color:#606973!important;font-weight:600}
.otbo-unit-price__per{margin-right:3px;font-size:.76em;color:#68717b;font-weight:650}
.otbo-stepper{height:34px}
.otbo-stepper button{font-size:19px!important;font-weight:700!important;color:#3f4750!important}
.otbo-stepper input{font-size:11.8px!important;font-weight:850!important;color:#1e252c!important}

/* Images grow inside the same visual/card height. */
.otbo-option-img{padding:0 2px 3px}
.otbo-options.is-visual .otbo-option-img{padding:0 2px 3px}

.otbo-rule-warn>strong,.otbo-moq-warn strong{font-weight:850}
.otbo-rule-warn__row{grid-template-columns:minmax(0,1fr) auto;gap:10px;font-size:9.6px}
.otbo-rule-warn__row span{font-weight:750;color:#59431d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otbo-rule-warn__row em{font-weight:800;white-space:nowrap}
.otbo-moq-warn span{font-weight:600}

.otbo__actions{direction:rtl;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.otbo__actions[data-count="1"]{grid-template-columns:1fr}
.otbo__actions[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.otbo-btn{min-height:43px;font-size:11.2px;font-weight:850}
.otbo-btn--primary{order:0}.otbo-btn--ghost{order:1}

.otbo__summary-main small,.otbo__summary-price small{font-size:9.4px;font-weight:650;color:#646d76}
.otbo__summary-main strong,.otbo__summary-price strong{font-size:11.6px;font-weight:850;color:#1d232a}
.otbo__summary-head{direction:rtl;justify-content:flex-start}
.otbo__summary-head button{order:0;flex:0 0 32px;width:32px;height:32px;font-size:20px}
.otbo__summary-head strong{order:1;font-size:12.5px;font-weight:850}
.otbo-summary-row{padding:8px 2px;font-size:10.2px}
.otbo-summary-row__copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.otbo-summary-row__copy>span{color:#3f4750;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otbo-summary-row__copy small{display:flex;align-items:baseline;gap:4px;color:#7b838c;font-size:8.4px;line-height:1.3;white-space:nowrap}
.otbo-summary-row__copy small b{color:#3a424b;font-size:8.8px;font-weight:800}
.otbo-summary-row>strong{font-size:10.4px;font-weight:850;color:#242a31}

@media(max-width:767px){
  .otbo__header-top{min-height:32px;padding-right:38px}
  .otbo__close{width:32px;height:32px;flex-basis:32px;border-radius:8px;font-size:21px;background:#f7f8f9;color:#303740}

  /* 3 full tiers + about half of tier 4, independent of phone width. */
  .otbo__price-strip[data-style="divider"] .otbo-price-tier,
  .otbo-price-tier{flex:0 0 calc((100% - 10px)/3.45);min-width:0;max-width:none;padding:6px 7px}
  .otbo-price-tier strong{font-size:11.1px;line-height:1.28;font-weight:850}
  .otbo-price-tier strong .otbo-money__unit{font-size:6.8px;font-weight:600}
  .otbo-price-tier strong .otbo-money__prefix{font-size:7.3px;font-weight:650}
  .otbo-price-tier small{font-size:8.2px;font-weight:650;margin-top:2px}
  .otbo__price-strip[data-style="divider"] .otbo-price-scroll--single .otbo-price-tier,
  .otbo-price-scroll--single .otbo-price-tier{flex-basis:150px;min-width:150px}

  .otbo-section-title{margin-bottom:8px;min-height:22px}
  .otbo-section-title__main strong{font-size:11.8px}
  .otbo-section-title__main strong em{font-size:9.4px}
  .otbo-section-title__selected{font-size:9.8px!important;max-width:52%;font-weight:750}
  .otbo-axis-instruction{font-size:8.8px!important;font-weight:650}

  .otbo-qty-row{min-height:49px;margin-bottom:6px;padding:5px 7px;gap:8px;border-radius:9px}
  .otbo-qty-info{gap:6px}
  .otbo-qty-info__thumb{width:40px;height:36px;flex-basis:40px;padding:0}
  .otbo-qty-info strong{font-size:10.6px;font-weight:800}
  .otbo-qty-info small{font-size:8px;font-weight:600;margin-top:2px}
  .otbo-unit-price{font-size:9.3px!important}
  .otbo-unit-price__per{font-size:.76em;font-weight:650}
  .otbo-stepper{width:100px;height:31px;grid-template-columns:31px 38px 31px}
  .otbo-stepper button{font-size:18px!important;font-weight:750!important}
  .otbo-stepper input{font-size:11.2px!important;font-weight:850!important}

  .otbo-rule-warn{padding:9px}.otbo-rule-warn>strong{font-size:9.8px}
  .otbo-rule-warn__row{font-size:8.8px;gap:7px;padding:5px 0}
  .otbo-moq-warn{padding:9px}.otbo-moq-warn strong{font-size:9.6px}.otbo-moq-warn span{font-size:8.5px}

  .otbo__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .otbo__actions[data-count="1"]{grid-template-columns:1fr}
  .otbo-btn{min-height:41px;font-size:10.8px;font-weight:850;border-radius:9px}

  .otbo__summary-main small,.otbo__summary-price small{font-size:8.2px}
  .otbo__summary-main strong,.otbo__summary-price strong{font-size:10.3px}
  .otbo-summary-row{padding:7px 1px}
  .otbo-summary-row__copy small{font-size:7.8px}.otbo-summary-row__copy small b{font-size:8.1px}
}

/* OTBO 1.3.0 final typography pass — stronger Alibaba-like mobile hierarchy. */
.otbo-price-tier strong{font-size:14px}
.otbo-price-tier small{font-size:10.2px}
.otbo-section-title__main strong{font-size:13.6px}
.otbo-qty-info strong{font-size:12.2px}
.otbo-stepper input{font-size:13px!important}
.otbo-stepper button{font-size:20px!important}
.otbo-btn{font-size:11.8px}
@media(max-width:767px){
  .otbo-price-tier strong{font-size:11.9px}
  .otbo-price-tier small{font-size:8.8px}
  .otbo-section-title__main strong{font-size:12.6px}
  .otbo-section-title__selected{font-size:10.5px!important}
  .otbo-qty-info strong{font-size:11.2px}
  .otbo-unit-price{font-size:9.7px!important}
  .otbo-stepper input{font-size:13px!important}
  .otbo-stepper button{font-size:20px!important}
  .otbo-btn{font-size:11.7px}
}


/* OTBO 1.3.1 exact client typography + per-product notice. */
.otbo-money--tier .otbo-money__value{font-weight:800}
.otbo-rule-warn>strong,.otbo-moq-warn strong{font-weight:750}
.otbo-stepper button{font-size:19px!important}
.otbo__summary-main strong,.otbo__summary-price strong{font-weight:800}
.otbo__summary-head strong{font-weight:750}
.otbo-product-note{display:flex;align-items:flex-start;gap:9px;margin:0 0 13px;padding:11px 12px;border:1px solid #cfe0f2;border-radius:10px;background:linear-gradient(180deg,#f7fbff 0,#f2f8ff 100%);color:#2c4d6d;box-shadow:0 1px 0 rgba(31,91,148,.03)}
.otbo-product-note__icon{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#e2f0ff;color:#155b9f;font-size:13px;font-weight:850;line-height:1}
.otbo-product-note__text{min-width:0;font-size:10.4px;font-weight:650;line-height:1.9;white-space:pre-line;text-align:right;overflow-wrap:anywhere}
@media(max-width:767px){.otbo-product-note{margin-bottom:10px;padding:9px 10px;gap:8px;border-radius:9px}.otbo-product-note__icon{width:20px;height:20px;flex-basis:20px;font-size:12px}.otbo-product-note__text{font-size:9.6px;line-height:1.85}}

.otbo-qty-row.is-preferred{border-color:#8ab8e2;box-shadow:0 0 0 1px rgba(31,95,153,.08);background:#f8fbff}

/* OTBO 1.3.2 — stable horizontal rails + unclipped selected attribute value. */
.otbo-section-title__main{
  max-width:100%;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  flex-wrap:wrap;
}
.otbo-section-title__selected{
  flex:0 1 auto;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
@media(max-width:767px){
  .otbo-section-title__main{row-gap:2px}
  .otbo-section-title__selected{max-width:100%!important}
}

/* OTBO 1.3.3 — collision-safe tier rail across compact phones, large phones and laptops.
 * Four-or-more tiers intentionally expose only a slice of the next tier on mobile, like
 * Alibaba, while each visible price is contained so long numbers can never bleed into
 * the neighbouring tier. */
.otbo__price-strip{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.otbo-price-scroll{
  width:100%;
  min-width:0;
  max-width:100%;
}
.otbo-price-tier{
  min-width:0;
  overflow:hidden;
}
.otbo-price-tier strong,
.otbo-price-tier small{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:clip;
}
.otbo-price-tier strong .otbo-money--tier,
.otbo-price-tier .otbo-money--tier{
  max-width:100%;
  min-width:0;
}

@media(max-width:767px){
  /* Up to three tiers use the complete rail. With tier 4+ the rail keeps three tiers
   * readable and deliberately reveals roughly 45% of the next one as a scroll cue. */
  .otbo-price-scroll:not(.has-tier-peek):not(.otbo-price-scroll--single) .otbo-price-tier{
    flex:1 1 0;
    min-width:0;
  }
  .otbo-price-scroll.has-tier-peek .otbo-price-tier{
    flex:0 0 calc((100% - 10px) / 3.45);
    min-width:0;
    max-width:none;
    padding-inline:5px;
  }
  .otbo__price-strip[data-style="divider"] .otbo-price-scroll.has-tier-peek .otbo-price-tier{
    flex-basis:calc(100% / 3.45);
    padding-inline:5px;
  }

  /* Responsive type scale: compact enough for mini phones, still bold and prominent
   * on normal/large phones. The money pieces stay on one line without collision. */
  .otbo-price-tier strong{
    width:100%;
    font-size:clamp(9.6px,2.85vw,11.9px);
    line-height:1.28;
    letter-spacing:-.08px;
    text-align:center;
  }
  .otbo-price-tier small{
    width:100%;
    font-size:clamp(7.3px,2.1vw,8.8px);
    line-height:1.35;
    text-align:center;
  }
  .otbo-price-tier .otbo-money--tier{
    width:100%;
    justify-content:center;
    gap:1px;
  }
  .otbo-price-tier strong .otbo-money__value{font-size:1em}
  .otbo-price-tier strong .otbo-money__unit{font-size:.57em;font-weight:600}
  .otbo-price-tier strong .otbo-money__prefix{font-size:.61em;font-weight:650}
}

@media(max-width:359px){
  /* Ultra-compact phones trade a little of the fourth-tier peek for readable prices. */
  .otbo-price-scroll.has-tier-peek .otbo-price-tier{
    flex-basis:calc((100% - 10px) / 3.34);
    padding-inline:3px;
  }
  .otbo__price-strip[data-style="divider"] .otbo-price-scroll.has-tier-peek .otbo-price-tier{
    flex-basis:calc(100% / 3.34);
    padding-inline:3px;
  }
  .otbo-price-tier strong{
    font-size:clamp(9.2px,2.9vw,10px);
    letter-spacing:-.14px;
  }
  .otbo-price-tier small{font-size:7.3px}
  .otbo-price-tier strong .otbo-money__unit{font-size:.53em}
  .otbo-price-tier strong .otbo-money__prefix{font-size:.57em}
}

@media(min-width:768px){
  /* Desktop/laptop containment: long prices can scroll with the tier rail but never
   * overlap adjacent tiers or the product thumbnail. */
  .otbo-price-tier strong,
  .otbo-price-tier small{width:100%}
  .otbo-price-tier .otbo-money--tier{justify-content:center}
}

.otbo-notify{
  position:fixed;
  z-index:1000100;
  inset-inline:max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px));
  top:calc(10px + env(safe-area-inset-top, 0px));
  width:auto;
  max-width:min(420px, calc(100vw - 24px));
  margin-inline:auto;
  pointer-events:none;
  direction:rtl;
  font-family:inherit
}
.otbo-notify[hidden]{display:none!important}
.otbo-notify__stack{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.otbo-notify__card{
  pointer-events:auto;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:linear-gradient(165deg,#2a2d33 0%,#1b1d21 58%,#14161a 100%);
  color:#f5f6f7;
  box-shadow:0 16px 40px rgba(8,10,14,.28);
}
.otbo-notify__card .otbo-moq-warn,
.otbo-notify__card .otbo-rule-warn{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit
}
.otbo-notify__card .otbo-moq-warn{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px
}
.otbo-notify__card .otbo-rule-warn>strong,
.otbo-notify__card .otbo-moq-warn strong{
  color:#fff;
  font-size:13px;
  font-weight:750;
  line-height:1.55
}
.otbo-notify__card .otbo-moq-warn span,
.otbo-notify__card .otbo-rule-warn em{
  color:#f0a24a;
  font-size:12px;
  font-style:normal;
  font-weight:650
}
.otbo-notify__card .otbo-rule-warn__list{
  max-height:none;
  overflow:visible;
  margin-top:6px
}
.otbo-notify__card .otbo-rule-warn__row{
  color:#f5f6f7;
  font-size:12px
}
.otbo-notify__card .otbo-rule-warn__row span{color:#f5f6f7;white-space:normal}
@media (min-width:768px){
  .otbo-notify{
    top:auto;
    bottom:calc(24px + env(safe-area-inset-bottom, 0px));
    inset-inline-start:auto;
    inset-inline-end:max(22px, env(safe-area-inset-right, 0px));
    right:max(22px, env(safe-area-inset-right, 0px));
    left:auto;
    margin-inline:0;
    max-width:min(380px, calc(100vw - 48px))
  }
}
@media (prefers-reduced-motion:no-preference){
  .otbo-notify__card{animation:otboNotifyIn .22s ease}
}
@keyframes otboNotifyIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:none}
}
@media (min-width:768px) and (prefers-reduced-motion:no-preference){
  @keyframes otboNotifyIn{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:none}
  }
}

/* 1.3.13 — dismissible messages, gesture-safe backdrops, touch/keyboard feedback */
.otbo-notify__card{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding-inline-end:8px
}
.otbo-notify__body{
  flex:1 1 auto;
  min-width:0
}
.otbo-notify__close,
.otbo__toast-close{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin:-8px 0 -8px -2px;
  padding:0;
  border:0;
  border-radius:12px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:22px;
  font-weight:400;
  line-height:1;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.otbo-notify__close:hover,
.otbo__toast-close:hover{background:rgba(255,255,255,.22)}
.otbo-notify__close:focus-visible,
.otbo__toast-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.otbo__toast{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 8px 8px 12px;
  text-align:start
}
.otbo__toast[hidden]{display:none!important}
.otbo__toast-text{
  flex:1 1 auto;
  min-width:0;
  padding-block:4px;
  text-align:center
}
.otbo__toast-close{margin:0}
@media(max-width:767px){
  .otbo__toast{font-size:11px}
}
/* Backdrops never pan the content behind them; a tap still produces the dismissing click. */
.otbo__backdrop,
.otbo__summary-backdrop{touch-action:none}
/* No blue tap flash on popup controls («جزئیات سفارش», steppers, options); keyboard focus stays visible. */
.otbo button,
.otbo select,
.otbo input,
.otbo [role="button"]{-webkit-tap-highlight-color:transparent}
.otbo button:focus-visible,
.otbo select:focus-visible,
.otbo input:focus-visible{outline:2px solid var(--otbo-primary);outline-offset:2px}
.otbo button:focus:not(:focus-visible){outline:none}