:root{--navy:#14245c;--ink:#172646;--muted:#63708b;--gold:#fbd447;--line:#dce3f0;--surface:#f6f8fc;--green:#08705e}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--navy)}[hidden]{display:none!important}.top{height:85px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,calc((100vw - 1120px)/2))}.top img{width:125px;display:block}.top span{font-size:14px;color:var(--muted)}.preview-note{text-align:center;font-size:12px;background:#fff5cf;padding:8px;color:#735514}.layout{max-width:1120px;margin:42px auto 60px;display:grid;grid-template-columns:minmax(0,700px) 340px;gap:40px;padding:0 20px}h1{font-size:34px;line-height:1.15;letter-spacing:-1.1px;color:var(--navy);margin:0 0 10px}h2{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:8px 0 18px;color:var(--navy)}h3{font-size:18px;margin:26px 0 14px;color:var(--navy)}.intro{margin:0 0 24px;color:var(--muted)}.steps{padding:0;display:flex;list-style:none;margin:0 0 24px;gap:10px}.steps li{flex:1}.steps button{border:0;border-bottom:3px solid var(--line);background:none;padding:0 0 14px;display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:14px;color:var(--muted)}.steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7ebf4}.steps [aria-current=step]{color:var(--navy);border-color:var(--gold);font-weight:700}.steps [aria-current=step] b{background:var(--navy);color:white}.steps .done b{background:#d9eee8;color:var(--green)}.panel,.summary{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 8px 32px #14245c05}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--muted)}.shipping-pill{font-size:12px;color:var(--green);background:#e9f5ee;padding:6px 10px;border-radius:20px;white-space:nowrap}.cart-item{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-item img{width:58px;height:85px;object-fit:contain}.cart-item strong{font-size:17px;color:var(--navy)}.item-price{font-size:15px;color:var(--muted);margin:2px 0 8px}.quantity{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.quantity button{background:var(--surface);border:0;width:34px;height:34px;color:var(--navy);font-size:20px}.quantity input{width:38px;padding:0;text-align:center;border:0;height:34px;border-radius:0;min-height:0}.remove{font-size:12px;text-decoration:underline;color:var(--muted);padding:8px 0;border:0;background:none}.item-controls{display:flex;flex-direction:column;align-items:center}.text-button{border:0;background:none;color:var(--navy);font-weight:700;padding:17px 0}.model-picker{display:flex;gap:8px;margin:0 0 14px}.model-picker button{flex:1;padding:12px 4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--navy);font-size:13px}.model-picker img{display:block;margin:0 auto 8px;height:70px;width:45px;object-fit:contain}.model-picker small{display:block}.coupon{padding:18px 0;border-top:1px solid var(--line)}label{display:block;font-size:14px;font-weight:600;margin:0 0 6px}input,select{width:100%;background:white;border:1px solid #cbd4e6;color:var(--ink);border-radius:10px;padding:12px;min-height:48px;outline-offset:3px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #bdccee}input[aria-invalid=true]{border-color:#b32d37;background:#fff9f9}.input-action{display:flex;gap:8px}.input-action button{border:1px solid var(--line);background:var(--surface);color:var(--navy);border-radius:10px;font-weight:700;padding:0 16px}.field-status{color:var(--muted);font-size:12px;min-height:0;margin:5px 0 0}.field-status.error,.error-message{color:#a72234}.error-message{font-size:12px;margin-top:4px}.chip{display:inline-flex;background:#eaf5ef;border:0;border-radius:6px;padding:6px 10px;margin:7px 5px 0 0;color:var(--green);font-size:12px}.payments,.person-switch{border:0;padding:0;margin:6px 0 22px}legend{font-size:16px;font-weight:700;margin-bottom:12px}.payment-options{display:flex;gap:10px}.payment-option{border:1px solid var(--line);padding:14px 12px;border-radius:12px;display:flex;align-items:center;gap:8px;flex:1;margin:0;cursor:pointer}.payment-option:has(:checked){border:2px solid var(--navy);background:#f4f6fc;padding:13px 11px}.payment-option input,.person-switch input,.same-address input{width:17px;min-height:17px;accent-color:var(--navy);margin:0;flex:none}.payment-option strong{display:block;font-size:15px}.payment-option small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.pay-icon{font-size:25px;margin-left:auto;color:var(--navy)}#installments-wrap{margin-top:16px}small,.helper{color:var(--muted)}#installments-wrap small{font-size:11px}.primary{width:100%;min-height:52px;border:1px solid #ffe990;background:var(--gold);color:var(--navy);border-radius:12px;font-weight:750;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 3px 0 #bd941e;font-size:15px}.primary:hover:not(:disabled){background:#ffdf64}.primary span{font-size:22px;line-height:1}.summary{align-self:start;position:sticky;top:24px;margin-top:95px;padding:25px}.summary h2{font-size:21px}.summary-product{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:13px 0}.totals{font-size:13px;margin:22px 0 0;padding-top:14px;border-top:1px solid var(--line)}.totals>div{display:flex;justify-content:space-between;margin:8px 0;gap:10px}.totals dd{margin:0;font-weight:600;white-space:nowrap}.free,#pix-total,#coupon-total{color:var(--green)}.grand-total{padding-top:18px!important;border-top:1px solid var(--line);margin-top:18px!important;align-items:center}.grand-total dd{font-size:25px;color:var(--navy)}#summary-method{color:var(--muted);font-size:12px;text-align:right}.summary-footer{font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;color:var(--muted)}.mobile-total{display:none}.helper{font-size:14px;margin-top:-7px}.person-switch{margin-top:24px}.person-switch label{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;margin-right:8px}.person-switch label:has(:checked){background:#eef2fa;border-color:var(--navy)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.full{grid-column:1/-1}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.address-grid .cep{grid-column:1/-1;max-width:270px}.privacy-copy{font-size:12px;color:var(--muted);margin:22px 0}.actions{display:flex;align-items:center;gap:22px;margin-top:25px}.back{border:0;background:none;color:var(--navy);font-size:13px;padding:18px 0;white-space:nowrap}.same-address{display:flex;gap:10px;align-items:center;margin:24px 0 15px}.address-preview{background:var(--surface);border-radius:10px;padding:16px;font-size:14px;white-space:pre-line}.delivery-note{background:#edf6f2;color:var(--green);border-radius:10px;padding:15px;margin:22px 0;font-size:13px}.delivery-note p{margin:4px 0 0}.review-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.review-total strong{color:var(--navy);font-size:24px}#review-details{font-size:13px;overflow-wrap:anywhere}#review-details dt{color:var(--muted);margin-top:12px}#review-details dd{margin:0}#payment-review{font-size:13px}.payment-pending{background:#fff7dd;padding:16px;border-radius:10px;margin:20px 0;font-size:13px}.payment-pending p{margin-bottom:0}.footer{max-width:1120px;margin:0 auto;padding:25px 20px 40px;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:center;flex-wrap:wrap;font-size:13px}.footer small{flex-basis:100%;text-align:center;font-size:11px}.empty{padding:25px 0;color:var(--muted)}#global-status:not(:empty){padding:12px;background:#fff3d1;border-radius:8px;margin-bottom:16px;font-size:13px}@media(max-width:800px){.layout{display:block;max-width:560px;margin:25px auto 35px;padding:0 16px}.top{height:72px;padding:15px 20px}.top img{width:105px}.top span{font-size:11px}.summary{position:static;margin-top:20px}.panel{padding:22px 18px;border-radius:16px}h1{font-size:28px}h2{font-size:22px}.steps button{font-size:12px;gap:6px}.steps b{width:25px;height:25px}.mobile-total{display:flex;align-items:center;justify-content:space-between;margin:22px 0 15px;font-size:14px}.mobile-total strong{font-size:24px;color:var(--navy)}.cart-item{gap:10px;grid-template-columns:46px 1fr auto}.cart-item img{width:46px;height:76px}.cart-item strong{font-size:16px}.payment-option{padding:12px 8px}.payment-option:has(:checked){padding:11px 7px}.pay-icon{display:none}.payment-option small{font-size:10px}.fields{gap:13px}.person-switch label{font-size:12px;padding:10px}.actions{gap:12px}.actions .primary{font-size:13px}.shipping-pill{font-size:10px}.preview-note{font-size:10px}.input-action button{padding:0 12px}.summary{padding:22px}.intro{font-size:14px}.address-grid{gap:13px}}@media(prefers-reduced-motion:no-preference){.primary,button,input{transition:background .15s,border-color .15s}.panel{animation:enter .18s ease-out}@keyframes enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}

.footer details{flex-basis:100%;max-width:700px;font-size:12px;color:var(--muted)}.footer summary{text-align:center;cursor:pointer}.footer details p{line-height:1.6}

@media(max-width:800px){#account-title + .helper{font-size:clamp(9px,3vw,13px);letter-spacing:-.12px;line-height:1.55;white-space:nowrap;margin:0 0 20px -14px}#account-title{margin-bottom:10px}}

.address-grid label[for$="-extra"]{white-space:nowrap;display:flex;align-items:baseline;gap:4px;min-height:21px}.address-grid label[for$="-extra"] small{font-size:10px;font-weight:400}@media(max-width:800px){.address-grid label[for$="-extra"]{gap:3px;font-size:13px}.address-grid label[for$="-extra"] small{font-size:9px}}

@media(max-width:800px){#cpf{font-size:clamp(10px,3.1vw,14px);padding-inline:8px;letter-spacing:0;font-variant-numeric:tabular-nums}}

@media(max-width:800px){.identity-fields{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:12px}.identity-fields>div{min-width:0}#cpf{font-size:16px;padding-inline:8px;letter-spacing:-.3px}.identity-fields label[for="birth"]{font-size:12px;white-space:nowrap;min-height:21px}#birth{padding-inline:8px;font-size:16px}}

@media(max-width:800px){.identity-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px}.identity-fields label[for="cpf"],.identity-fields label[for="birth"]{font-size:14px;line-height:21px;min-height:21px;white-space:nowrap}#cpf,#birth{font-size:16px;padding-inline:7px;letter-spacing:0;font-variant-numeric:tabular-nums}}

.address-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.address-grid>div{grid-column:span 2;min-width:0}.address-grid>.full,.address-grid>.cep{grid-column:1/-1}.address-grid>.address-number{grid-column:span 1}.address-grid>.address-extra{grid-column:span 3}.address-number input{padding-inline:7px}.address-grid label[for$="-extra"]{font-size:14px}.address-grid label[for$="-extra"] small{font-size:11px}

.address-grid>.address-city{grid-column:span 3}.address-grid>.address-state{grid-column:span 1}.address-state select{padding-inline:7px}

[data-company-locked]{background:#f1f4f9;color:#4c5d78;border-color:#dce3f0;opacity:1;-webkit-text-fill-color:#4c5d78}

@media(max-width:800px){#account-title + .helper{margin:0 0 20px;font-size:clamp(11px,3.3vw,14px);letter-spacing:0;line-height:1.5;white-space:nowrap}}

.layout.registration-step{grid-template-columns:minmax(0,700px);justify-content:center}

/* Compact registration spacing, preserving input size. */
[data-panel="1"] label{font-size:13px;margin-bottom:5px}
[data-panel="1"] .fields{row-gap:10px;margin-bottom:10px}
[data-panel="1"] .address-grid{row-gap:10px}
[data-panel="1"] #account-title{margin-top:2px;margin-bottom:8px}
[data-panel="1"] #account-title + .helper{margin:0 0 14px}
[data-panel="1"] .person-switch{margin:14px 0 14px}
[data-panel="1"] legend{margin-bottom:8px}
[data-panel="1"] .person-switch label{margin-bottom:0;padding-block:8px}
[data-panel="1"] h3{margin:18px 0 10px}
[data-panel="1"] .privacy-copy{margin:16px 0}
[data-panel="1"] .actions{margin-top:16px}
[data-panel="1"] .address-grid label[for$="-extra"],
[data-panel="1"] .identity-fields label[for="cpf"],
[data-panel="1"] .identity-fields label[for="birth"]{font-size:13px;line-height:20px;min-height:20px}
[data-panel="1"] .address-grid label[for$="-extra"] small{font-size:10px}
[data-panel="1"] .field-status:empty{display:none}
@media(max-width:800px){[data-panel="1"]{padding-block:18px}[data-panel="1"] .person-switch label{font-size:11px}}

[data-panel="1"]{padding-top:14px}
[data-panel="1"] #account-title{margin-top:0;margin-bottom:4px}
@media(max-width:800px){[data-panel="1"]{padding-top:12px}}

[data-panel="1"] .person-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
[data-panel="1"] .person-switch legend{width:100%;padding:0}
[data-panel="1"] .person-switch label{display:flex;justify-content:center;align-items:center;gap:8px;margin:0;padding:10px 6px;min-height:46px;cursor:pointer}

.address-number input{text-align:center}

.layout{margin-top:30px}
@media(max-width:800px){.layout{margin-top:16px}}

.layout h1{margin-bottom:30px}
@media(max-width:800px){.layout h1{margin-bottom:16px}}

#coupon-status{color:var(--green)}#coupon-status.error{color:#a72234}

#card-fields{margin-top:18px}#card-fields>div{min-width:0}
[data-panel="3"] .mobile-total{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:14px}
[data-panel="3"] .mobile-total strong{font-size:24px;color:var(--navy)}
@media(max-width:800px){.steps{gap:6px}.steps button{flex-direction:column;gap:5px;font-size:11px;padding-bottom:10px}}

#cart-summary-slot .summary{position:static;margin:0 0 20px;padding:18px;box-shadow:none;background:var(--surface)}#cart-summary-slot .summary-footer,#cart-summary-slot .eyebrow{display:none}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

#cart-items .cart-item{padding-block:10px}

#cart-items .cart-item{padding-block:4px}#cart-items .item-price{margin-bottom:2px}#cart-items .remove{padding-block:4px}

/* Shipping follows the compact registration layout. */
[data-panel="2"]{padding-top:14px}
[data-panel="2"] #shipping-title{margin:0 0 4px}
[data-panel="2"] label{font-size:13px;margin-bottom:5px}
[data-panel="2"] .same-address{margin:12px 0 16px;min-height:36px;gap:8px;cursor:pointer}
[data-panel="2"] .address-grid{row-gap:10px}
[data-panel="2"] .address-grid label[for$="-extra"]{font-size:13px;line-height:20px;min-height:20px}
[data-panel="2"] .address-grid label[for$="-extra"] small{font-size:10px}
[data-panel="2"] .field-status:empty{display:none}
[data-panel="2"] .address-preview{padding:12px;font-size:13px}
[data-panel="2"] .delivery-note{margin:16px 0;padding:12px;font-size:12px;line-height:1.5}
[data-panel="2"] .delivery-note p{margin:0}
[data-panel="2"] .actions{margin-top:16px}
@media(max-width:800px){[data-panel="2"]{padding-top:12px;padding-bottom:18px}}

.address-grid .cep{max-width:none;width:100%}

/* Payment shares the compact spacing of registration and shipping. */
[data-panel="3"]{padding-top:14px}
[data-panel="3"] #payment-title{margin:0 0 12px}
[data-panel="3"] label{font-size:13px;margin-bottom:5px}
[data-panel="3"] .payments{margin:0 0 16px}
[data-panel="3"] legend{margin-bottom:8px}
[data-panel="3"] .payment-options{gap:10px}
[data-panel="3"] .payment-option{margin:0;padding:10px 8px;min-height:60px}
[data-panel="3"] .payment-option:has(:checked){padding:9px 7px}
[data-panel="3"] #card-fields{margin:14px 0 10px;row-gap:10px;column-gap:10px}
[data-panel="3"] #installments-wrap{margin-top:10px}
[data-panel="3"] #installments-wrap small{display:block;margin-top:5px;line-height:1.4}
[data-panel="3"] .mobile-total{margin:16px 0}
[data-panel="3"] #pix-instructions{font-size:12px;margin:0 0 16px}
[data-panel="3"] .payment-pending{margin:16px 0;padding:12px;font-size:12px}
[data-panel="3"] h3{margin:18px 0 10px}
[data-panel="3"] .back{padding:12px 0 0}
[data-panel="3"] .error-message:empty{display:none}
@media(max-width:800px){[data-panel="3"]{padding-top:12px;padding-bottom:18px}}

#payment-summary-slot .summary{position:static;margin:16px 0;padding:16px;background:var(--surface);box-shadow:none}#payment-summary-slot .eyebrow,#payment-summary-slot .summary-footer{display:none}

#payment-summary-slot #summary-title{display:none}

#summary-card-total{display:block;font-size:12px;font-weight:400;margin-top:4px;text-align:right}.grand-total dd{text-align:right}#payment-summary-slot .grand-total:has(#summary-card-total:not([hidden])){flex-wrap:wrap;gap:6px}#payment-summary-slot .grand-total:has(#summary-card-total:not([hidden])) dd{margin-left:auto;font-size:22px}

#summary-total .installment-prefix{font-size:14px;font-weight:500}

[data-panel="3"].confirming>.payments,[data-panel="3"].confirming>#review-button,[data-panel="3"].confirming>.back{display:none}
.demo-qr{display:flex;flex-direction:column;align-items:center;padding:18px;border:1px dashed var(--line);border-radius:12px;background:white;text-align:center;margin:14px 0}.demo-qr span{font-size:100px;line-height:1.1;color:var(--navy)}.demo-qr small{font-size:12px}

#pix-copy-code{box-sizing:border-box;width:100%;resize:none;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;font:12px/1.5 monospace;color:var(--ink)}

#payment-result{padding-top:12px}#payment-result .pix-qr{display:block;width:240px;max-width:100%;margin:16px auto}#payment-result textarea{width:100%;min-height:78px;font-size:14px;overflow-wrap:anywhere}#payment-result button{margin-top:12px}#payment-result .new-order{display:block;text-align:center;margin-top:20px}
