/* iRento v3.6.13 UI133 — direct status-or-price access list. */

.ui133-unlock-page{max-width:1080px!important}
.ui133-unlock-hero{min-height:0;margin-bottom:11px;padding:18px 22px}
.ui133-unlock-hero:after{top:-125px}
.ui133-unlock-hero h1{font-size:27px}
.ui133-unlock-hero .eyebrow{margin-bottom:3px}

/* Keep the two wallet actions concise; the shop remains the only Buy Credits action. */
.ui133-credit-overview{margin-bottom:12px}
.ui133-credit-card{min-height:92px;padding:13px 16px}
.ui133-credit-card small{font-size:9px}
.ui133-credit-card strong{font-size:23px}
.ui133-credit-card.is-buy strong{font-size:17px}

/* Reference-style checklist: one item column and one status-or-price column. */
.ui133-access-panel{padding:18px 20px;border:1px solid #dce2ee;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(32,40,82,.045)}
.ui133-list-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:0 2px 10px;border-bottom:1px solid #dfe4ed}
.ui133-list-header h2{margin:0;color:#17233c;font-size:20px;line-height:1.2;letter-spacing:-.025em}
.ui133-list-header span{color:#667389;font-size:10px;font-weight:850;line-height:1.2}
.ui133-access-list,.ui133-access-list-body{overflow:visible}
.ui133-access-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:70px;padding:10px 2px;border-bottom:1px solid #e7ebf1;background:#fff}
.ui133-access-row:last-child{border-bottom:0}
.ui133-access-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;min-width:0}
.ui133-access-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d7dcfa;border-radius:12px;background:#eef0ff;color:#5558d7}
.ui133-access-icon .member-icon{width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important}
.ui133-access-name{min-width:0}
.ui133-access-name>span{display:flex;align-items:center;gap:7px;min-width:0}
.ui133-access-name strong{min-width:0;color:#18243d;font-size:13.5px;line-height:1.35;letter-spacing:-.01em}
.ui133-access-row.is-included .ui133-access-icon{border-color:#c4c8ff;background:#e9eaff;color:#4b46cf}
.ui133-access-row.is-unlocked .ui133-access-icon{border-color:#bfe6d4;background:#e9f8f1;color:#0c805d}
.ui133-access-row.is-price .ui133-access-icon{border-color:#ead899;background:#fff6d9;color:#916807}
.ui133-access-row.is-locked .ui133-access-icon,.ui133-access-row.is-disabled .ui133-access-icon{border-color:#dde2e9;background:#f1f3f6;color:#818b9a}

/* Descriptions stay inside a small anchored information popover. */
.ui133-help{position:relative;z-index:2;flex:0 0 auto}
.ui133-help>summary{display:grid;place-items:center;width:19px;height:19px;border:1px solid #cbd2e3;border-radius:50%;background:#fff;color:#5964d8;font-size:10px;font-weight:950;line-height:1;cursor:pointer;list-style:none}
.ui133-help>summary::-webkit-details-marker{display:none}.ui133-help>summary::marker{display:none;content:""}
.ui133-help>summary:hover,.ui133-help>summary:focus-visible,.ui133-help[open]>summary{border-color:#5758da;background:#5758da;color:#fff;outline:none}
.ui133-help-popover{position:absolute;z-index:50;left:-7px;top:calc(100% + 8px);width:min(280px,calc(100vw - 54px));padding:11px 12px;border:1px solid #cfd4f2;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(29,35,84,.18);color:#5f6c81;text-align:left}
.ui133-help-popover:before{content:"";position:absolute;left:10px;top:-6px;width:10px;height:10px;border-left:1px solid #cfd4f2;border-top:1px solid #cfd4f2;background:#fff;transform:rotate(45deg)}
.ui133-help-popover b,.ui133-help-popover p,.ui133-help-popover small{display:block}
.ui133-help-popover b{position:relative;color:#2d327b;font-size:10.5px;line-height:1.35}
.ui133-help-popover p{margin:4px 0 0;color:#606e83;font-size:10px;line-height:1.5}
.ui133-help-popover small{margin-top:6px;padding-top:6px;border-top:1px solid #edf0f5;color:#7b8799;font-size:8.5px;line-height:1.45}

.ui133-access-state{display:flex;align-items:center;justify-content:flex-end;min-width:94px}
.ui133-access-state form{margin:0}
.ui133-state-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:82px;min-height:31px;padding:7px 10px;border:1px solid #d8dde6;border-radius:999px;background:#f4f6f8;color:#697587;font-family:inherit;font-size:9px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.ui133-state-pill i{font-size:10px;font-style:normal}
.ui133-state-pill.is-included{border-color:#bdc2fb;background:#e9eaff;color:#3f38b5}
.ui133-state-pill.is-unlocked{border-color:#b5e2cd;background:#e7f8f0;color:#087756}
.ui133-state-pill.is-locked,.ui133-state-pill.is-disabled{border-color:#dce1e8;background:#f1f3f6;color:#727d8e}
.ui133-state-pill.is-price{border-color:#dfbf50;background:#fff4c8;color:#745200;font-size:9.5px;cursor:pointer;text-transform:none;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.ui133-state-pill.is-price:hover,.ui133-state-pill.is-price:focus-visible{border-color:#c49211;background:linear-gradient(135deg,#f3cb55,#d5a327);color:#fff;box-shadow:0 6px 15px rgba(120,82,0,.16);outline:2px solid rgba(224,188,72,.25);outline-offset:2px;transform:translateY(-1px)}
.ui133-state-pill.is-price:active{background:#c49317;box-shadow:inset 0 2px 4px rgba(76,50,0,.2);transform:translateY(0)}
.ui133-state-pill.is-insufficient{border-color:#eadca7;background:#fffaf0;color:#927421;cursor:default;opacity:.78}
.ui133-state-pill.is-insufficient:hover{border-color:#eadca7;background:#fffaf0;color:#927421;box-shadow:none;transform:none}

@media(max-width:760px){
  .ui133-unlock-hero{padding:15px 16px}.ui133-unlock-hero h1{font-size:24px}
  .ui133-credit-card{min-height:88px;padding:11px 10px}.ui133-credit-card small{font-size:7.5px}.ui133-credit-card strong{font-size:19px}.ui133-credit-card.is-buy strong{font-size:13px}
  .ui133-access-panel{padding:13px 14px;border-radius:16px}
  .ui133-list-header{padding-bottom:9px}.ui133-list-header h2{font-size:18px}.ui133-list-header span{font-size:8.5px}
  .ui133-access-row{gap:9px;min-height:64px;padding:9px 0}
  .ui133-access-item{grid-template-columns:36px minmax(0,1fr);gap:9px}.ui133-access-icon{width:36px;height:36px;border-radius:10px}.ui133-access-icon .member-icon{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}
  .ui133-access-name strong{font-size:12px}.ui133-help>summary{width:18px;height:18px;font-size:9px}
  .ui133-access-state{min-width:78px}.ui133-state-pill{min-width:76px;min-height:29px;padding:6px 8px;font-size:7.5px}.ui133-state-pill.is-price{font-size:8.5px}
  .ui133-help-popover{left:auto;right:-8px;width:min(260px,calc(100vw - 48px))}.ui133-help-popover:before{left:auto;right:12px}.ui133-help-popover p{font-size:9.5px}
}

@media(max-width:390px){
  .ui133-access-panel{padding-left:11px;padding-right:11px}
  .ui133-access-row{gap:7px}.ui133-access-item{grid-template-columns:34px minmax(0,1fr);gap:8px}.ui133-access-icon{width:34px;height:34px}
  .ui133-access-name>span{gap:5px}.ui133-access-name strong{font-size:11px}
  .ui133-access-state{min-width:70px}.ui133-state-pill{min-width:70px;padding-left:6px;padding-right:6px;font-size:7px}.ui133-state-pill.is-price{font-size:8px}
}

@media(prefers-reduced-motion:reduce){.ui133-state-pill.is-price{transition:none!important}}
