:root{--primary-red:#be170f;--dark-red:#8f120b;--light-red:#e3261b;--primary-green:#17693e;--dark-green:#0d5430;--cream:#fffaf4;--soft-cream:#fff3e4;--white:#fff;--text:#242424;--muted:#767676;--line:#e9e4de;--success-bg:#dff3e4;--success-text:#176b3c}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#pedido-detalhe-modal{inset:0!important;padding:0!important;align-items:flex-start!important;justify-content:center!important;background:rgba(35,18,8,.54)!important;overflow:hidden!important}
#pedido-detalhe-modal .pedido-detalhe-content{width:100%!important;max-width:480px!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--cream)!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:0 0 50px rgba(39,20,5,.25)!important;scroll-behavior:smooth}
#pedido-detalhe-modal .modal-handle,#pedido-detalhe-modal>.pedido-detalhe-content>.modal-header{display:none!important}
#pedido-detalhe-site{min-height:100%;background:var(--cream)}
.order-tracking-page{position:relative;min-height:100%;overflow:hidden;background:var(--cream);color:var(--text);font-family:Inter,Poppins,Arial,sans-serif;padding-bottom:108px}
.tracking-cover{position:relative;height:180px;padding-top:max(18px,env(safe-area-inset-top));background:linear-gradient(135deg,var(--dark-red),#c51d13);border-radius:0 0 52% 17%/0 0 28% 17%;overflow:hidden}
.tracking-pizza-pattern{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle at 20% 28%,transparent 0 20px,#fff 21px 23px,transparent 24px),radial-gradient(circle at 79% 65%,transparent 0 25px,#fff 26px 28px,transparent 29px);background-size:150px 120px;transform:rotate(-8deg)}
.tracking-brand-logo{position:absolute;z-index:2;left:50%;top:max(17px,env(safe-area-inset-top));transform:translateX(-50%);width:170px;height:92px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(50,0,0,.3));border-radius:18px}
.tracking-round-btn{position:absolute;z-index:3;top:max(28px,calc(env(safe-area-inset-top) + 10px));width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;font-size:24px;cursor:pointer;transition:.2s ease}.tracking-round-btn:hover{background:rgba(255,255,255,.22)}.tracking-round-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.tracking-back{left:20px}.tracking-close{right:20px}
.tracking-order-identity{position:relative;z-index:4;display:grid;grid-template-columns:126px minmax(0,1fr);gap:18px;align-items:center;min-height:120px;margin-top:-44px;padding:0 22px}.tracking-hero-product{width:120px;height:120px;border:8px solid #fff;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff3e4;box-shadow:0 8px 24px rgba(70,35,10,.18);font-size:52px}.tracking-hero-product img{width:100%;height:100%;object-fit:cover}.tracking-order-copy{padding-top:32px;min-width:0}.tracking-order-copy h1{font-size:30px;line-height:1.05;overflow-wrap:anywhere}.tracking-order-copy h1 span{color:var(--primary-red)}.tracking-order-copy p{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:15px;line-height:1.3}
.tracking-main{display:grid;gap:16px;padding:0 14px 22px}.tracking-status-badge{justify-self:center;min-width:280px;max-width:100%;display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#b90f08,#df2016);box-shadow:0 8px 20px rgba(190,30,20,.22);transition:.25s ease}.tracking-status-badge.approved,.tracking-status-badge.completed{background:linear-gradient(135deg,#157341,#21a55e)}.tracking-status-badge.preparing{background:linear-gradient(135deg,#c55805,#f08a18)}.tracking-status-badge.delivery{background:linear-gradient(135deg,#1d5fae,#2f83de)}.tracking-status-badge.cancelled{background:linear-gradient(135deg,#8d1414,#c72a2a)}.tracking-status-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--primary-red);font-size:21px}.tracking-status-badge strong{display:block;font-size:17px;line-height:1.1}.tracking-status-badge small{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:13px;color:#fff}.tracking-status-badge small i{width:9px;height:9px;border-radius:50%;background:#44df7a;box-shadow:0 0 0 4px rgba(68,223,122,.16)}.tracking-status-badge .tracking-pix-scroll-message{display:block;max-width:255px;line-height:1.25}
.tracking-card{background:#fff;border:1px solid rgba(170,120,70,.1);border-radius:18px;box-shadow:0 6px 22px rgba(70,35,10,.08);animation:trackingCardIn .32s ease both}.tracking-timeline-card{padding:24px 10px}.tracking-timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.tracking-timeline::before,.tracking-timeline::after{content:"";position:absolute;left:10%;top:27px;height:4px;border-radius:999px}.tracking-timeline::before{right:10%;background:#e3e3e3}.tracking-timeline::after{width:var(--tracking-progress);max-width:80%;background:linear-gradient(90deg,#a81008,#df2b1f);transition:width .35s ease}.tracking-step{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;color:#777;min-width:0}.tracking-step-icon{width:54px;height:54px;border:4px solid #e3e3e3;border-radius:50%;display:grid;place-items:center;background:#fff;color:#777;font-size:19px;transition:.25s ease}.tracking-step strong{font-size:11px;line-height:1.15;overflow-wrap:anywhere}.tracking-step small{font-size:10px;color:#777}.tracking-step.done .tracking-step-icon{border-color:#c91c13;background:linear-gradient(135deg,#a81008,#df2b1f);color:#fff}.tracking-step.current .tracking-step-icon{box-shadow:0 0 0 5px #fff2ed,0 6px 18px rgba(190,23,15,.25);animation:trackingPulse 1.8s ease-in-out infinite}.tracking-step.current strong{color:#171717}.tracking-step.current small{padding:4px 7px;border-radius:8px;background:#e2f3e7;color:#176b3c;font-weight:800}
.tracking-estimate{position:relative;min-height:125px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:18px 130px 18px 20px;overflow:hidden;background:linear-gradient(90deg,#fff,#fff8eb)}.tracking-estimate::after{content:"";position:absolute;right:0;bottom:0;width:48%;height:62%;opacity:.28;background:linear-gradient(135deg,transparent 38%,#efd5ad 39% 43%,transparent 44%) 0 0/34px 34px}.tracking-estimate-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff1db;color:#7d5b30;font-size:22px}.tracking-estimate small{display:block;font-size:14px;color:#333}.tracking-estimate strong{display:block;margin-top:5px;color:var(--primary-green);font-size:28px;line-height:1;white-space:nowrap}.tracking-estimate img{position:absolute;z-index:2;right:-24px;bottom:0;width:140px;height:105px;object-fit:contain;object-position:center bottom}.tracking-estimate.pickup{grid-template-columns:56px 1fr;padding-right:20px}.tracking-estimate.pickup::after{display:none}
.tracking-customer-grid{display:grid;grid-template-columns:1fr 1fr;padding:12px}.tracking-info-cell{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:start;padding:14px 10px;min-width:0}.tracking-info-cell:nth-child(odd){border-right:1px solid #f0dfd2}.tracking-info-cell:nth-child(-n+2){border-bottom:1px solid #f0dfd2}.tracking-info-cell>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:18px}.tracking-info-cell>span.red{background:#fff0e6;color:#bb1810}.tracking-info-cell>span.green{background:#e4f7e9;color:#13a04a}.tracking-info-cell>span.gold{background:#fff0d6;color:#d88b00}.tracking-info-cell strong{display:block;font-size:14px}.tracking-info-cell p{margin-top:4px;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.tracking-info-cell a{display:inline-flex;margin-top:7px;padding:6px 9px;border-radius:9px;background:#e2f3e7;color:#176b3c;font-size:11px;font-weight:800;text-decoration:none}.tracking-payment-tag{display:inline-flex;margin-top:7px;padding:5px 9px;border-radius:9px;font-size:11px;font-weight:800}.tracking-payment-tag.paid{background:var(--success-bg);color:var(--success-text)}.tracking-payment-tag.pending{background:#fff0d5;color:#9b5d00}.tracking-payment-tag.delivery{background:#e7eef8;color:#28527e}.tracking-order-note{grid-column:1/-1;margin:4px 10px 8px;padding:12px;border-radius:12px;background:#fff7eb}.tracking-order-note p{margin-top:5px;color:#61452f;line-height:1.4}
.tracking-items-section h2{display:flex;align-items:center;gap:10px;margin:4px 4px 12px;font-size:24px;color:#202020}.tracking-items-section h2 i{color:#c21b12}.tracking-items-list{display:grid;gap:10px}.tracking-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;background:#fff;border:1px solid rgba(170,120,70,.1);border-radius:18px;box-shadow:0 6px 22px rgba(70,35,10,.08)}.tracking-item-image{width:70px;height:70px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff3e4;color:#be170f;font-size:28px}.tracking-item-image img{width:100%;height:100%;object-fit:cover}.tracking-item-copy{min-width:0}.tracking-item-copy strong{display:block;font-size:15px;line-height:1.25}.tracking-item-copy small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35}.tracking-item>b{color:#bd1a10;font-size:16px;white-space:nowrap}.tracking-item.gift{background:#f4fff6}
.tracking-pix-card{display:grid;gap:12px;justify-items:center;padding:18px;background:linear-gradient(180deg,#fff,#fff9e9)}.tracking-pix-heading{width:100%;display:flex;gap:11px;align-items:center}.tracking-pix-heading>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#13a67b;color:#fff}.tracking-pix-heading strong,.tracking-pix-heading small{display:block}.tracking-pix-heading small{margin-top:3px;color:var(--muted)}.tracking-pix-card>img{width:min(220px,68vw);aspect-ratio:1;object-fit:contain;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff}.tracking-pix-card label{width:100%;font-size:12px;font-weight:800}.tracking-pix-card textarea{width:100%;min-height:78px;resize:none;padding:11px;border:1px solid #ddc79f;border-radius:12px;background:#fff;font-size:11px}.tracking-pix-card button{width:100%;min-height:48px;border:0;border-radius:14px;background:#13a67b;color:#fff;font-weight:900}.tracking-pix-note{display:flex;gap:7px;align-items:center;text-align:center;color:var(--muted)}
.tracking-order-summary{display:grid;gap:10px;padding:16px}.tracking-order-summary h3{font-size:19px;margin-bottom:3px}.tracking-order-summary>div{display:flex;justify-content:space-between;gap:10px}.tracking-order-summary .total{padding-top:11px;border-top:1px dashed #dec9b6;font-size:20px;color:var(--primary-green)}.tracking-order-summary button{min-height:48px;margin-top:6px;border:1px solid #dec2ad;border-radius:14px;background:#fff;color:var(--primary-red);font-weight:900}
.tracking-cancelled{display:flex;gap:12px;padding:15px;border:1px solid #f1b5b0;border-radius:16px;background:#fff0ef;color:#8f120b}.tracking-cancelled>span{font-size:24px}.tracking-cancelled p{margin-top:4px;line-height:1.4}
.tracking-skeleton{display:grid;gap:14px;padding:24px}.tracking-skeleton div{height:120px;border-radius:18px;background:linear-gradient(90deg,#f2e9df 25%,#fff8f1 45%,#f2e9df 65%);background-size:220% 100%;animation:trackingSkeleton 1.2s linear infinite}.tracking-skeleton div:first-child{height:180px}.tracking-error{display:grid;justify-items:center;gap:14px;padding:40px 22px;text-align:center;color:#8f120b}.tracking-error>span{font-size:40px}.tracking-error button{min-height:46px;padding:0 22px;border:0;border-radius:14px;background:var(--primary-red);color:#fff;font-weight:800}
.tracking-bottom-bar{position:fixed;z-index:1000000;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:1fr;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 -5px 20px rgba(0,0,0,.08)}.tracking-bottom-bar button{min-height:58px;border-radius:18px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.tracking-bottom-bar .secondary{border:1.5px solid #debda9;background:#fff;color:#222}.tracking-bottom-bar .secondary i{color:#b71910}.tracking-bottom-bar .primary{border:0;background:linear-gradient(135deg,var(--primary-green),var(--dark-green));color:#fff}
@keyframes trackingPulse{50%{transform:scale(1.05)}}@keyframes trackingCardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes trackingSkeleton{to{background-position:-220% 0}}
@media(max-width:380px){.tracking-main{padding-inline:9px}.tracking-cover{height:165px}.tracking-brand-logo{width:145px}.tracking-round-btn{width:44px;height:44px}.tracking-back{left:12px}.tracking-close{right:12px}.tracking-order-identity{grid-template-columns:100px 1fr;gap:12px;padding-inline:14px}.tracking-hero-product{width:98px;height:98px}.tracking-order-copy h1{font-size:25px}.tracking-status-badge{min-width:0;width:calc(100% - 10px)}.tracking-timeline-card{padding-inline:5px}.tracking-step-icon{width:45px;height:45px;font-size:16px}.tracking-timeline::before,.tracking-timeline::after{top:23px}.tracking-step strong{font-size:9px}.tracking-step small{font-size:8px}.tracking-estimate{grid-template-columns:45px minmax(0,1fr);padding:16px 108px 16px 12px}.tracking-estimate-icon{width:44px;height:44px}.tracking-estimate strong{font-size:24px}.tracking-estimate img{right:-22px;width:118px}.tracking-estimate.pickup{grid-template-columns:45px 1fr;padding-right:12px}.tracking-item{grid-template-columns:58px 1fr}.tracking-item-image{width:56px;height:56px}.tracking-item>b{grid-column:2}.tracking-bottom-bar{padding-inline:8px;gap:7px}.tracking-bottom-bar button{font-size:11px}.tracking-customer-grid{grid-template-columns:1fr}.tracking-info-cell:nth-child(n){border-right:0;border-bottom:1px solid #f0dfd2}.tracking-info-cell:last-of-type{border-bottom:0}}
@media(min-width:481px){#pedido-detalhe-modal .pedido-detalhe-content{box-shadow:0 0 55px rgba(39,20,5,.32)!important}}
@media(prefers-reduced-motion:reduce){.order-tracking-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}