/* Proxy Data Center: purchase page. Reuses the SMS shell (navigation, panels, wallet dialog)
 * and the residential Pix window (.pix-modal* in css/style.css). */
.proxy-dc-page .pb-shell{display:grid;gap:18px}
.proxy-dc-page .notice:empty,.proxy-dc-page .notice[hidden]{display:none}
.proxy-dc-page .notice-success{border-color:#2f7a52;background:#10251a;color:#c9f3da}
.proxy-dc-page .notice-error{border-color:#8c3b50;background:#2a161e;color:#ffd3dd}
.proxy-dc-page .panel{padding:22px;border-color:#2b2a2f;border-radius:16px;background:linear-gradient(145deg,#141416,#101113)}
.proxy-dc-page .panel h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 16px;letter-spacing:-.3px}
.proxy-dc-page .panel h2 svg{width:18px;height:18px;color:#ff3b62}
.pb-help{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;color:#a79ca4;font-size:12px;line-height:1.5}
.pb-help:empty{display:none}
.pb-help.is-ok{color:#9ee6b7}.pb-help.is-error{color:#ff9db2}
.pb-copy-area{position:fixed;left:-9999px;top:0}

/* Two columns: configure on the left, summary on the right */
.pb-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}
.pb-config{display:grid;gap:22px}
.pb-step{display:grid;gap:10px}
.pb-step>label,.pb-step__title{color:#c9c9cf;font-size:13px;font-weight:700}
.pb-step__head{display:flex;justify-content:space-between;align-items:baseline}
.pb-amount{color:#fff;font-size:30px;line-height:1;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.pb-step select{width:100%;min-height:48px;padding:0 12px;border:1px solid #34323a;border-radius:12px;background:#151619;color:#fff;font-size:15px}
.pb-range{--fill:0%;width:100%;height:28px;margin:2px 0 0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.pb-range:focus{outline:none}
.pb-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#ff3b62 0,#ff7a3b var(--fill),#2a2930 var(--fill))}
.pb-range::-moz-range-track{height:8px;border-radius:999px;background:#2a2930}
.pb-range::-moz-range-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,#ff3b62,#ff7a3b)}
.pb-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border:4px solid #fff;border-radius:50%;background:#ff3b62;box-shadow:0 4px 14px #ff3b6266}
.pb-range::-moz-range-thumb{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#ff3b62;box-shadow:0 4px 14px #ff3b6266}
.pb-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #ff3b6255}
.pb-range-limits{display:flex;justify-content:space-between;color:#8f858c;font-size:11px;font-weight:700}
.pb-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pb-days button{display:grid;gap:3px;justify-items:center;min-height:62px;padding:10px 8px;border:1px solid #34323a;border-radius:12px;background:#151619;color:#c9c9cf;cursor:pointer;transition:border-color .15s,background .15s}
.pb-days button strong{color:#e8e8ec;font-size:15px}
.pb-days button small{color:#a79ca4;font-size:12px;font-weight:700}
.pb-days button:hover{border-color:#ff5b7b}
.pb-days button[aria-pressed=true]{border-color:#ff3b62;background:linear-gradient(160deg,#3a1622,#151619);box-shadow:inset 0 0 0 1px #ff3b62}
.pb-days button[aria-pressed=true] strong{color:#fff}
.pb-days button[aria-pressed=true] small{color:#ff9db1}
.pb-tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pb-tier{display:grid;gap:3px;padding:10px 12px;border:1px solid #2a2930;border-radius:12px;background:#0f0f12}
.pb-tier span{color:#a79ca4;font-size:12px}
.pb-tier strong{color:#e8e8ec;font-size:14px}
.pb-tier.is-current{border-color:#ff3b62;background:linear-gradient(160deg,#2a1820,#0f0f12)}
.pb-tier.is-current strong{color:#fff}

/* Summary: short and direct */
.pb-summary{display:grid;gap:16px;position:sticky;top:90px}
.pb-lines{display:grid;gap:10px;margin:0}
.pb-lines div{display:flex;justify-content:space-between;gap:12px;margin:0}
.pb-lines div[hidden]{display:none}
.pb-lines dt{color:#a79ca4;font-size:14px}
.pb-lines dd{margin:0;color:#fff;font-size:14px;font-weight:700;text-align:right}
.pb-line--discount dd{color:#9ee6b7}
.pb-line--total{padding-top:12px;border-top:1px solid #26252b}
.pb-line--total dt{color:#fff;font-weight:800}
.pb-line--total dd{font-size:24px;letter-spacing:-.4px}
.pb-coupon{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pb-coupon input,.pb-gmail input{width:100%;min-height:46px;padding:0 12px;border:1px solid #34323a;border-radius:12px;background:#151619;color:#fff;font-size:15px;box-sizing:border-box}
.pb-coupon input{text-transform:uppercase}
.pb-coupon button{min-height:46px;padding:0 18px}
.pb-gmail{display:grid;gap:6px}
.pb-gmail label{color:#c9c9cf;font-size:13px;font-weight:700}
.pb-pay,.pb-status{display:grid;gap:10px}
.pb-pay[hidden],.pb-status[hidden]{display:none}
.pb-status p{margin:0;padding:12px 14px;border:1px solid #2a2930;border-radius:12px;background:#0c0c0f;color:#c9c9cf;font-size:13px;line-height:1.6}
.pb-btn{width:100%;min-height:52px;justify-content:center;text-align:center;text-decoration:none;font-size:15px;display:inline-flex;align-items:center;gap:8px}
.pb-btn svg{width:16px;height:16px}
.pb-btn[hidden],.pb-login[hidden]{display:none}
.pb-btn:disabled{opacity:.45;cursor:not-allowed}
.pb-login{background:#151619;border:1px solid #34323a;color:#fff;border-radius:12px}

/* Pix and delivery window (base look comes from .pix-modal in style.css) */
.pix-modal.pb-modal[hidden]{display:none}
body.pb-modal-open{overflow:hidden}
.pb-modal .pix-modal__content{max-width:460px}
.pb-modal .pix-modal__qr-wrapper[hidden]{display:none}
.pb-modal .pix-copy-button span,.pb-modal .proxy-create-button span{pointer-events:none}
.pb-modal .pix-copy-button.is-copied,.pb-modal .proxy-create-button.is-copied{border-color:#2bd576}
.pb-done-gmail{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px!important}
#pbModalDone .proxy-create-button{margin-top:14px}
.pb-proxies{display:grid;gap:8px;max-height:300px;overflow:auto;margin:14px 0 0;padding:0;list-style:none}
.pb-proxy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #26262c;border-radius:10px;background:#0b0b0d}
.pb-proxy code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8e8ec;font-size:11.5px}
.pb-copy{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #2d2d33;border-radius:8px;background:#17171a;color:#fff;font-size:11px;font-weight:700;cursor:pointer}
.pb-copy:hover{border-color:rgba(255,49,85,.35)}
.pb-copy svg{width:13px;height:13px}
.pb-copy.is-copied{border-color:#2bd576;color:#7ef0ad}
.pb-modal-note{margin:12px 0 0;color:#8c8c95;font-size:11px;line-height:1.5}
.pb-close-confirm{display:grid;gap:10px;margin-top:14px;padding:13px;border:1px solid rgba(255,179,59,.35);border-radius:10px;background:rgba(255,179,59,.07)}
.pb-close-confirm[hidden]{display:none}
.pb-close-confirm p{margin:0;color:#ffd58a;font-size:12px;line-height:1.5}
.pb-close-confirm__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pb-close-confirm__actions button{margin:0!important}
#pbModalMsg .proxy-create-button{margin-top:18px}

/* Product description (style sent by the store owner) */
.proxy-dc-page .produto-info{background:radial-gradient(circle at top left,rgba(255,59,59,.18),transparent 35%),linear-gradient(135deg,#070707,#111,#090909);border:1px solid rgba(255,59,59,.22);border-radius:18px;padding:28px;color:#fff;box-shadow:0 0 35px rgba(255,0,0,.18);overflow:hidden}
.proxy-dc-page .produto-header{margin-bottom:22px}
.proxy-dc-page .produto-badge{display:inline-block;background:rgba(255,59,59,.15);border:1px solid rgba(255,59,59,.5);color:#ff4b4b;padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.6px;margin-bottom:12px}
.proxy-dc-page .produto-header h1{color:#fff;font-size:1.9rem;font-weight:800;margin:0 0 10px;letter-spacing:-.4px}
.proxy-dc-page .produto-header p{color:#cfcfcf;font-size:1rem;line-height:1.6;max-width:760px;margin:0}
.proxy-dc-page .produto-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.proxy-dc-page .produto-tags span{background:rgba(20,20,20,.9);border:1px solid rgba(255,255,255,.08);color:#f5f5f5;padding:9px 15px;border-radius:10px;font-size:.92rem;box-shadow:0 0 10px rgba(255,0,0,.12)}
.proxy-dc-page .produto-descricao{background:rgba(10,10,10,.78);border:1px solid rgba(255,59,59,.25);border-left:4px solid #ff3b3b;border-radius:14px;padding:18px;margin-bottom:22px;color:#d3d3d3;line-height:1.7}
.proxy-dc-page .produto-descricao h2{margin:0 0 10px;color:#fff;font-size:1.2rem}
.proxy-dc-page .produto-descricao p{margin:0 0 12px}
.proxy-dc-page .produto-descricao p:last-child{margin-bottom:0}
.proxy-dc-page .produto-descricao strong{color:#fff}
.proxy-dc-page .produto-detalhes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.proxy-dc-page .produto-detalhes div{background:rgba(8,8,8,.92);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;min-height:90px;box-shadow:0 0 14px rgba(255,0,0,.12);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.proxy-dc-page .produto-detalhes div:hover{transform:translateY(-3px);border-color:rgba(255,59,59,.45);box-shadow:0 0 20px rgba(255,0,0,.25)}
.proxy-dc-page .produto-detalhes strong{display:block;color:#fff;font-size:1rem;margin-bottom:7px}
.proxy-dc-page .produto-detalhes span{display:block;color:#bfbfbf;font-size:.92rem;line-height:1.5}
.proxy-dc-page .produto-footer{text-align:right;font-size:.92rem;color:#999;margin:22px 0}
.proxy-dc-page .produto-video{position:relative;width:100%;padding-bottom:56.25%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,59,59,.25);box-shadow:0 0 24px rgba(255,0,0,.18)}
.proxy-dc-page .produto-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.pb-faq details{padding:12px 0;border-top:1px solid #222127}
.pb-faq summary{cursor:pointer;font-weight:700;font-size:14px}
.pb-faq p{margin:8px 0 0;color:#c6bcc3;font-size:13px;line-height:1.6}

@media (max-width:920px){
    .pb-grid{grid-template-columns:1fr}
    .pb-summary{position:static}
}
@media (max-width:600px){
    .proxy-dc-page .produto-info{padding:20px}
    .proxy-dc-page .produto-header h1{font-size:1.45rem}
    .proxy-dc-page .produto-footer{text-align:left}
}
@media (max-width:480px){
    .pb-amount{font-size:26px}
    .pb-line--total dd{font-size:20px}
    .proxy-dc-page .panel{padding:18px}
}