/* My account > Subscriptions (Dubello Store plugin). Uses the theme tokens from css/base.css. */
.dub-subs{display:flex;flex-direction:column;gap:18px}
.dub-sub{display:flex;flex-direction:column;gap:16px;scroll-margin-top:calc(100px + env(safe-area-inset-top,0px))}
.dub-sub.is-cancelled{opacity:.8}
.dub-sub-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.dub-sub-st{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;border:1px solid var(--rule-light,rgba(10,29,59,.14))}
.dub-sub.is-active .dub-sub-st{background:rgba(46,107,78,.12);border-color:transparent;color:var(--ok,#2E6B4E)}
.dub-sub.is-paused .dub-sub-st{background:rgba(201,160,74,.22);border-color:transparent;color:var(--gold-ink,#7A5A18)}
.dub-sub-head small{margin-left:auto}
.dub-sub-next{display:flex;flex-direction:column;gap:4px}
.dub-sub-next b{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,34px);line-height:1.08}
.dub-sub-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dub-sub-items li{display:flex;align-items:center;gap:12px;font-size:15px}
.dub-sub-items .th{flex:none;width:52px;height:52px;border-radius:10px;background:var(--sand,#EFE4D2);display:flex;align-items:center;justify-content:center}
.dub-sub-items .th img{max-width:80%;max-height:86%;width:auto;height:auto}
.dub-sub-price{font-size:14px;color:var(--ink-soft,#3D4A66)}
.dub-sub-form{display:flex;flex-direction:column;gap:12px;margin:0}
.dub-subs .row-btns .dub-sub-form{display:inline-flex}
.dub-sub-more{border-top:1px solid var(--rule-light,rgba(10,29,59,.14));padding-top:4px}
.dub-sub-more summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px;padding:12px 0}
.dub-sub-more summary::-webkit-details-marker{display:none}
.dub-sub-more summary::after{content:"+";font-size:20px;font-weight:400;line-height:1}
.dub-sub-more[open] summary::after{content:"−"}
.dub-sub-more > form{padding-bottom:14px}
.dub-sub-opts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.dub-sub-cancel summary{color:var(--err,#A3322B)}
.dub-sub-qty{display:flex;flex-direction:column;gap:10px}
.dub-sub-qrow{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}
.dub-sub-qrow .qty input{width:42px;border:0;background:none;text-align:center;font:inherit;font-weight:600;-moz-appearance:textfield;color:var(--ink,#0A1D3B)}
.dub-sub-qrow .qty input::-webkit-outer-spin-button,.dub-sub-qrow .qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dub-sub-empty{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.dub-sub-foot{margin-top:4px}
@media (max-width:640px){
  .dub-subs .row-btns{flex-direction:column;align-items:stretch}
  .dub-subs .row-btns .dub-sub-form,.dub-subs .row-btns .btn{width:100%}
}