
/* Seletor de produto conforme referencia clara — 20260907-v7 */
.picker-overlay{background:#f5f5f5;backdrop-filter:none;align-items:stretch;justify-content:stretch}
.picker-modal{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:#f5f5f5;box-shadow:none;isolation:auto;font-family:Roboto,"Segoe UI",Arial,sans-serif}
.picker-head{display:none}
.picker-columns{flex:1;min-height:0;display:flex;align-items:stretch;gap:24px;padding:12px 24px 13px;background:#f5f5f5;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#fff #d8d8d8}
.picker-col{flex:1 0 0;min-width:330px;max-height:none;border:1px solid #c9c9c9;border-radius:12px;background:#fff;box-shadow:none;overflow:hidden}
.picker-col-head{position:relative;top:auto;flex:0 0 99px;margin:6px;padding:23px 28px 18px;border:0;border-radius:7px;background:#e9e9e9}
.picker-col-title{display:block;color:#292929;font:700 21px/27px Roboto,"Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:0;white-space:nowrap}
.picker-col-title::before{display:none!important;content:none!important}
.picker-col-sub{margin-top:4px;color:#ff5d00;font:600 17px/23px Roboto,"Segoe UI",Arial,sans-serif}
.picker-col-sub::first-letter{text-transform:uppercase}
.picker-col-list{flex:1;min-height:0;padding:13px 13px 6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fff #d8d8d8}
.picker-opt{position:relative;display:flex;align-items:center;gap:18px;min-height:85px;margin:0;padding:8px 8px 8px 12px;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;background:#fff;transition:background .12s}
.picker-opt[data-paction=radio]{cursor:pointer}
.picker-opt[data-paction=radio]:hover,.picker-opt:has(.picker-radio.checked),.picker-opt:has([data-paction=minus]:not(:disabled)){background:#fff8f3;border-color:#d7d7d7}
.picker-opt-icon{display:flex;align-items:center;justify-content:center;flex:0 0 115px;width:115px;height:70px;border-radius:5px;background:transparent;overflow:visible;color:#ddd;font-size:0}
.picker-opt-icon img{width:106px;height:80px;border-radius:5px;object-fit:cover;background:#eee}
.picker-opt-icon .picker-placeholder{width:115px;height:70px;color:#dddddd;overflow:visible}
.picker-opt-name{flex:1;min-width:0;color:#292929;font:600 18px/28px Roboto,"Segoe UI",Arial,sans-serif;text-transform:uppercase;overflow-wrap:normal}
.picker-opt-price{margin-top:6px;color:#707070;font:600 18px/24px Roboto,"Segoe UI",Arial,sans-serif;text-align:right}
.picker-radio{order:3;flex:0 0 26px;width:26px;height:26px;margin-left:auto;border:1px solid #bcbcbc;background:#fff}
.picker-radio.checked{border-color:#ff6400;background:radial-gradient(circle,#ff6400 0 43%,#fff 47%)}
.picker-stepper{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:12px}
.picker-stepper button{display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:0;border-radius:50%;background:#40c65c;color:#fff;font:600 25px/30px Roboto,"Segoe UI",Arial,sans-serif;box-shadow:none}
.picker-stepper button:disabled{background:#ececec;color:#fff;border:0;opacity:1}
.picker-stepper span{min-width:15px;color:#555;font:400 20px/28px Roboto,"Segoe UI",Arial,sans-serif;text-align:center}
.picker-columns::-webkit-scrollbar,.picker-col-list::-webkit-scrollbar{width:15px;height:15px}
.picker-columns::-webkit-scrollbar-track,.picker-col-list::-webkit-scrollbar-track{background:#d8d8d8}
.picker-columns::-webkit-scrollbar-thumb,.picker-col-list::-webkit-scrollbar-thumb{border:1px solid #ff6400;border-radius:10px;background:#fff}
.picker-columns::-webkit-scrollbar-button,.picker-col-list::-webkit-scrollbar-button{display:none;width:0;height:0}
.picker-foot{display:grid;grid-template-columns:145px minmax(520px,1fr) 150px minmax(300px,380px);align-items:center;gap:14px;flex:0 0 134px;min-height:134px;padding:12px 35px;border-top:1px solid #c9c9c9;background:#fff;color:#292929;box-shadow:0 -2px 5px #00000015}
.picker-foot>img{grid-column:1;grid-row:1;width:125px;height:100px;border-radius:21px;object-fit:cover;background:#eee}
.picker-foot-info{grid-column:2;grid-row:1;min-width:0;align-self:center}
.picker-foot .pname{color:#292929;font:700 21px/28px Roboto,"Segoe UI",Arial,sans-serif;text-transform:uppercase;white-space:normal}
.picker-foot-meta{display:flex;align-items:flex-end;gap:25px;margin-top:7px}
.picker-foot-value{display:flex;flex-direction:column;align-items:flex-start}
.picker-foot .pfrom{display:inline-block;margin-top:7px;color:#555;font:400 14px/18px Roboto,"Segoe UI",Arial,sans-serif}
.picker-foot .pfrom::after{content:":"}
.picker-foot .cart-qty{display:flex;align-items:center;justify-content:center;gap:15px;padding:0;border:0;background:transparent}
.picker-foot .cart-qty button{display:grid;place-items:center;width:33px;height:33px;min-width:33px;min-height:33px;padding:0;border:0;border-radius:50%;background:#40c65c;color:#fff;font:600 25px/30px Roboto,"Segoe UI",Arial,sans-serif}
.picker-foot .cart-qty button:disabled{background:#ececec;color:#fff;opacity:1}
.picker-foot .cart-qty span{min-width:18px;color:#333;font:400 19px/27px Roboto,"Segoe UI",Arial,sans-serif;text-align:center}
.picker-foot .pprice{color:#292929;font:400 29px/34px Roboto,"Segoe UI",Arial,sans-serif;letter-spacing:0;white-space:nowrap}
.picker-foot button.cancel{grid-column:3;grid-row:1;min-height:65px;padding:14px 20px;border:0;border-radius:6px;background:#d41509;color:#fff;font:400 24px/32px Roboto,"Segoe UI",Arial,sans-serif}
.picker-foot button.incluir{grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:65px;padding:14px 28px;border:0;border-radius:6px;background:#40c65c;color:#fff;font:400 23px/32px Roboto,"Segoe UI",Arial,sans-serif;box-shadow:none;white-space:nowrap}
.picker-foot button.incluir strong{font:600 22px/32px Roboto,"Segoe UI",Arial,sans-serif}
.picker-foot button.incluir:not(:disabled){background:#40c65c;color:#fff;font-weight:400}
.picker-foot button.incluir:not(:disabled):hover{background:#35b951}
.picker-foot button.incluir:disabled{background:#87d99a;color:#fff;opacity:1;box-shadow:none}
.picker-modal button:focus-visible,.picker-opt:focus-visible{outline:3px solid #ff6400;outline-offset:2px}
@media(max-width:1450px){
 .picker-columns{gap:12px;padding:10px 12px}
 .picker-col{min-width:280px}
 .picker-col-head{padding-inline:18px}
 .picker-col-title{font-size:17px}
 .picker-col-sub{font-size:14px}
 .picker-opt{gap:9px;padding-inline:7px;min-height:78px}
 .picker-opt-icon{flex-basis:78px;width:78px;height:58px}
 .picker-opt-icon img{width:74px;height:58px}
 .picker-opt-icon .picker-placeholder{width:78px;height:58px}
 .picker-opt-name{font-size:14px;line-height:21px}
 .picker-stepper{gap:6px}
 .picker-stepper button{width:30px;height:30px;min-width:30px;min-height:30px}
 .picker-opt[data-paction=radio] .picker-opt-icon::after{left:45px}
 .picker-foot{grid-template-columns:80px minmax(390px,1fr) 115px minmax(235px,280px);padding-inline:18px;gap:10px}
 .picker-foot>img{width:72px;height:64px;border-radius:12px}
 .picker-foot .pname{font-size:16px;line-height:22px}
 .picker-foot .pprice{font-size:22px;line-height:28px}
 .picker-foot button.cancel,.picker-foot button.incluir{font-size:18px;padding-inline:16px}
}
@media(max-width:760px){
 .picker-modal{width:100vw;height:100dvh;border-radius:0}
 .picker-columns{display:block;padding:10px;overflow-x:hidden;overflow-y:auto}
 .picker-col{width:100%;min-width:0;max-height:none;margin-bottom:12px;border-radius:10px}
 .picker-col-head{height:auto;min-height:88px;flex-basis:auto}
 .picker-col-list{overflow:visible;padding-top:5px}
 .picker-opt-icon{flex-basis:74px}
 .picker-opt[data-paction=radio] .picker-opt-icon::after{left:42px}
 .picker-foot{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;flex:0 0 auto;min-height:180px;padding:10px;gap:8px}
 .picker-foot>img{grid-column:1;grid-row:1;width:54px;height:50px;border-radius:10px}
 .picker-foot-info{grid-column:2;grid-row:1}
 .picker-foot .pname{font-size:13px;line-height:18px}
 .picker-foot .pfrom{font-size:11px;margin-top:2px}
 .picker-foot-meta{gap:15px;margin-top:4px}
 .picker-foot .pprice{font-size:18px;line-height:23px}
 .picker-foot button.cancel{grid-column:1/2;grid-row:2;font-size:15px;min-height:50px;padding:8px}
 .picker-foot button.incluir{grid-column:2;grid-row:2;font-size:16px;min-height:50px;padding:8px 14px}
 .picker-foot button.incluir strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.picker-opt{transition:none}}
