/* Visual de entrega portado do ERP 2M Bronze; escopo restrito ao checkout. */
/* ===== Cards de frete cinematográficos (renderFrete) ===== */
  #co-ship{ perspective:900px; }
  #co-ship .motion-card{ --brand:#111; --brand2:#292929; position:relative; isolation:isolate;
    width:100%; height:76px; display:grid; grid-template-columns:76px 1fr auto; align-items:center;
    gap:11px; padding:8px 13px 8px 8px; border:0; border-radius:14px; margin:0;
    background:linear-gradient(110deg,var(--brand),var(--brand2)); color:#fff; text-align:left;
    cursor:pointer; overflow:hidden; box-shadow:0 5px 12px rgba(20,20,30,.15);
    transform-style:preserve-3d; transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease;
    animation:card-pulse 3.1s ease-in-out infinite; }
  #co-ship .motion-card:nth-child(2){ animation-delay:.35s }
  #co-ship .motion-card:nth-child(3){ animation-delay:.7s }
  #co-ship .motion-card:nth-child(4){ animation-delay:1.05s }
  #co-ship .motion-card:nth-child(5){ animation-delay:1.4s }
  #co-ship .motion-card:nth-child(6){ animation-delay:1.75s }
  #co-ship .motion-card:nth-child(7){ animation-delay:2.1s }
  #co-ship .mc-radio{ position:absolute; opacity:0; pointer-events:none; }
  #co-ship .motion-card::before{ content:''; position:absolute; z-index:-2; inset:0;
    background:radial-gradient(circle at 12% 50%,rgba(255,255,255,.22),transparent 32%);
    transform:scale(.8); opacity:.3; transition:.35s; }
  #co-ship .motion-card::after{ content:''; position:absolute; z-index:-1; left:88px; right:14px;
    bottom:12px; border-bottom:2px dashed rgba(255,255,255,.24); transform:scaleX(.25);
    transform-origin:left; opacity:0; transition:.35s; }
  #co-ship .motion-card:hover{ transform:translateY(-5px) rotateX(3deg) rotateY(-2deg);
    box-shadow:0 13px 24px rgba(20,20,30,.24); }
  #co-ship .motion-card:hover::before{ transform:scale(1.45); opacity:.6; }
  #co-ship .motion-card:hover::after,
  #co-ship .motion-card.sel::after{ transform:scaleX(1); opacity:1; }
  #co-ship .motion-card:active{ transform:translateY(-1px) scale(.985); }
  #co-ship .motion-card.sel{ animation:card-pulse 3.1s ease-in-out infinite;
    box-shadow:0 0 0 2px #fff,0 0 0 5px #860d25,0 12px 25px rgba(20,20,30,.24); }
  #co-ship .motion-card.lala{ --brand:#ed4e19; --brand2:#ff7a34 }
  #co-ship .motion-card.correios{ --brand:#ffd21e; --brand2:#ffc400 }
  #co-ship .motion-card.correios .card-copy strong,#co-ship .motion-card.correios .card-copy small,#co-ship .motion-card.correios .card-price{ color:#003399; }
  #co-ship .motion-card.loggi{ --brand:#008ebd; --brand2:#08c0ed }
  #co-ship .motion-card.jadlog{ --brand:#af0a26; --brand2:#e42b48 }
  #co-ship .motion-card.jet{ --brand:#c90e1c; --brand2:#f33a42 }
  #co-ship .motion-card.loja{ --brand:#14532d; --brand2:#22c55e }
  #co-ship .motion-card.uber{ --brand:#0a0a0a; --brand2:#242424 }
  #co-ship .motion-card.uber .pista{ bottom:12px; left:96px; right:12px; }
  #co-ship .motion-card.uber .ucar{ position:absolute; z-index:3; bottom:6px; left:-42px; font-size:28px; filter:drop-shadow(0 2px 1px rgba(0,0,0,.45)); }
  #co-ship .motion-card.uber .ucar.a{ animation:uber-drive 4.2s linear infinite; }
  #co-ship .motion-card.uber .ucar.b{ font-size:25px; bottom:9px; animation:uber-drive 5.4s linear infinite; animation-delay:-2.6s; }
  #co-ship .motion-card.uber .ucar.c{ font-size:22px; bottom:7px; animation:uber-drive 6.4s linear infinite; animation-delay:-4.2s; }
  @keyframes uber-drive{0%{left:calc(100% + 34px)}100%{left:-42px}}
  #co-ship .motion-card.motoboy{ --brand:#065f46; --brand2:#10b981 }
  #co-ship .motion-card.regiao{ --brand:#047857; --brand2:#10e56f; box-shadow:0 5px 14px rgba(0,0,0,.22),0 0 18px rgba(16,229,111,.42); }
  #co-ship .motion-card.motoneon,#co-ship .motion-card.retneon{ background-color:#080a54; background-image:linear-gradient(45deg,transparent 47%,#6672ff26 48%,#6672ff26 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#6672ff1f 48%,#6672ff1f 52%,transparent 53%); background-size:27px 27px; border:1px solid #6536cc; }
  #co-ship .motion-card.motoneon .brand-logo{ background:linear-gradient(145deg,#ff2dbd,#9228ed); color:#fff; box-shadow:0 0 13px #ff2dbd99; font-size:12px; line-height:1.1; }
  #co-ship .motion-card.retneon .brand-logo{ background:linear-gradient(145deg,#14b8a6,#22c55e); color:#fff; box-shadow:0 0 13px #22c55e88; font-size:10px; line-height:1.12; }
  #co-ship .motion-card.motoneon .route,#co-ship .motion-card.retneon .map{ position:absolute; z-index:1; inset:3px 5px 3px 74px; width:calc(100% - 79px); height:calc(100% - 6px); }
  #co-ship .motion-card.motoneon .path{ fill:none; stroke:url(#grad); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:250; stroke-dashoffset:250; filter:url(#glow); animation:mdraw 4.8s ease-in-out infinite; }
  #co-ship .motion-card.motoneon .bike{ filter:url(#glow); }
  #co-ship .motion-card.motoneon .finish{ animation:mfinish 4.8s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
  #co-ship .motion-card.regneon{ background-color:#080a54; background-image:linear-gradient(45deg,transparent 47%,#6672ff26 48%,#6672ff26 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#6672ff1f 48%,#6672ff1f 52%,transparent 53%); background-size:27px 27px; border:1px solid #6536cc; }
  #co-ship .motion-card.regneon .brand-logo{ background:linear-gradient(145deg,#14b8a6,#22c55e); color:#fff; box-shadow:0 0 13px #22c55e88; font-size:9px; line-height:1.12; }
  #co-ship .motion-card.regneon .route{ position:absolute; z-index:1; inset:3px 5px 3px 74px; width:calc(100% - 79px); height:calc(100% - 6px); }
  #co-ship .motion-card.regneon .path{ fill:none; stroke:url(#grad); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:250; stroke-dashoffset:250; filter:url(#glow); animation:mdraw 4.8s ease-in-out infinite; }
  #co-ship .motion-card.regneon .bike{ filter:url(#glow); }
  #co-ship .motion-card.regneon .finish{ animation:mfinish 4.8s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
  #co-ship .motion-card.retneon .route{ fill:none; stroke:url(#walk-grad); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:250; stroke-dashoffset:250; filter:url(#walk-glow); animation:wdraw 6s ease-in-out infinite; }
  #co-ship .motion-card.retneon .walker{ filter:url(#walk-glow); }
  #co-ship .motion-card.retneon .body{ animation:wbob .32s ease-in-out infinite alternate; transform-box:fill-box; transform-origin:center; }
  #co-ship .motion-card.retneon .arm1,#co-ship .motion-card.retneon .leg2{ animation:wstep .38s ease-in-out infinite alternate; transform-box:fill-box; transform-origin:top; }
  #co-ship .motion-card.retneon .arm2,#co-ship .motion-card.retneon .leg1{ animation:wstep .38s ease-in-out infinite alternate-reverse; transform-box:fill-box; transform-origin:top; }
  #co-ship .motion-card.retneon .store{ animation:wstore 6s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
  @keyframes mdraw{0%,8%{stroke-dashoffset:250}58%,82%{stroke-dashoffset:0}100%{stroke-dashoffset:-250}}
  @keyframes mfinish{0%,55%{opacity:.3;transform:scale(.7)}68%,88%{opacity:1;transform:scale(1.12)}100%{opacity:.3}}
  @keyframes wdraw{0%,8%{stroke-dashoffset:250}68%,87%{stroke-dashoffset:0}100%{stroke-dashoffset:-250}}
  @keyframes wbob{to{transform:translateY(-1.5px)}}
  @keyframes wstep{from{transform:rotate(-20deg)}to{transform:rotate(22deg)}}
  @keyframes wstore{0%,64%{opacity:.65;transform:scale(.9)}74%,91%{opacity:1;transform:scale(1.08)}100%{opacity:.65;transform:scale(.9)}}
  #co-ship .motion-card.vanloja{ --brand:#0f766e; --brand2:#14b8a6 }
  #co-ship .indicacao-info{ margin:1px 0 3px; padding:9px 12px; border:1px solid var(--linha,#e6e6e6); border-radius:11px; background:var(--card,#fff); font-size:12.5px; line-height:1.6; color:var(--texto,#333); }
  #co-ship .indicacao-info a{ color:#0f766e; font-weight:800; text-decoration:none; white-space:nowrap; }
  body.loja.escuro #co-ship .indicacao-info a{ color:#4ade80; }
  #co-ship .motion-card.coopervan{ --brand:#047857; --brand2:#14b8a6; background:linear-gradient(110deg,#047857,#0f9f8d 50%,#14b8a6); border:1px solid #34d399; }
  #co-ship .motion-card.coopervan .card-copy,#co-ship .motion-card.coopervan .card-price{ align-self:start; padding-top:6px; }
  #co-ship .motion-card.coopervan .brand-stage{ align-self:center; }
  #co-ship .motion-card.coopervan .brand-logo{ width:54px; height:54px; border-radius:50%; padding:0; background:#fff; overflow:hidden; box-shadow:0 4px 12px #003f3766; }
  #co-ship .motion-card.coopervan .brand-logo .cooper-logo{ width:100%; height:100%; object-fit:cover; display:block; }
  #co-ship .motion-card.coopervan .road{ position:absolute; z-index:1; left:95px; right:62px; bottom:7px; height:30px; border-bottom:5px solid #263238; background:linear-gradient(180deg,transparent 55%,#37474f 56%); transform:skewX(-10deg); }
  #co-ship .motion-card.coopervan .road::after{ content:""; position:absolute; left:0; right:0; bottom:7px; border-top:2px dashed #fff9; }
  #co-ship .motion-card.coopervan .terminal{ position:absolute; z-index:4; right:6px; bottom:4px; width:46px; height:38px; filter:drop-shadow(0 3px 3px #00332e99); }
  #co-ship .motion-card.coopervan .terminal .building{ fill:#f8fafc; stroke:#065f46; stroke-width:2; }
  #co-ship .motion-card.coopervan .terminal .roof{ fill:#facc15; stroke:#854d0e; stroke-width:2; }
  #co-ship .motion-card.coopervan .terminal .door{ fill:#0f766e; }
  #co-ship .motion-card.coopervan .terminal-sign{ font:900 5px Arial; fill:#064e3b; }
  #co-ship .motion-card.coopervan .fleet{ position:absolute; z-index:3; left:95px; right:54px; bottom:4px; height:34px; overflow:hidden; }
  #co-ship .motion-card.coopervan .van{ position:absolute; left:-52px; width:40px; height:22px; filter:drop-shadow(0 2px 1px #002c2777); }
  #co-ship .motion-card.coopervan .v1{ bottom:1px; animation:cv-drive 7s linear 0s infinite; }
  #co-ship .motion-card.coopervan .v2{ bottom:11px; animation:cv-drive 7s linear -1.4s infinite; }
  #co-ship .motion-card.coopervan .v3{ bottom:4px; animation:cv-drive 7s linear -2.8s infinite; }
  #co-ship .motion-card.coopervan .v4{ bottom:14px; animation:cv-drive 7s linear -4.2s infinite; }
  #co-ship .motion-card.coopervan .v5{ bottom:7px; animation:cv-drive 7s linear -5.6s infinite; }
  #co-ship .motion-card.coopervan .wheel{ transform-box:fill-box; transform-origin:center; animation:cv-spin .45s linear infinite; }
  @keyframes cv-drive{0%{left:-52px;transform:translateY(0)}48%{transform:translateY(-2px)}100%{left:calc(100% + 8px);transform:translateY(0)}}
  @keyframes cv-spin{to{transform:rotate(360deg)}}
  @media(prefers-reduced-motion:reduce){ #co-ship .motion-card.coopervan .van,#co-ship .motion-card.coopervan .wheel{ animation:none } #co-ship .motion-card.coopervan .v4,#co-ship .motion-card.coopervan .v5{ display:none } }
  #co-ship .motion-card.retloja{ --brand:#14532d; --brand2:#22c55e }
  .frete-ordenar.sel{ border-color:#16a34a !important; background:rgba(22,163,74,.13) !important; color:#16a34a !important; font-weight:800; }
  body.loja.escuro .frete-ordenar.sel{ border-color:#22c55e !important; background:rgba(34,197,94,.18) !important; color:#4ade80 !important; }
  #co-ship .motion-card.retloja .brand-logo{ font-size:10px; line-height:1.12; letter-spacing:-.2px; color:#166534; }
  #co-ship .motion-card .scene{ position:absolute; z-index:3; left:-80px; bottom:2px; width:74px; height:47px; animation:scene-trip 6.5s ease-in-out infinite; }
  #co-ship .motion-card .scene svg{ width:100%; height:100%; overflow:visible; }
  #co-ship .motion-card .scene .customer{ animation:customer-move 6.5s ease-in-out infinite; }
  #co-ship .motion-card .scene .parcel{ animation:parcel-pass 6.5s linear infinite; }
  #co-ship .motion-card .scene .hands{ animation:hands-pass 6.5s ease-in-out infinite; transform-origin:center; }
  #co-ship .motion-card .scene .spark{ animation:spark 6.5s linear infinite; transform-origin:center; }
  @keyframes scene-trip{0%{left:-102px}30%,67%{left:80px}100%{left:calc(100% + 8px)}}
  @keyframes customer-move{0%,28%{transform:translateX(0)}35%,67%{transform:translateX(20px)}75%,100%{transform:translateX(0)}}
  @keyframes parcel-pass{0%,35%{transform:translateX(0);opacity:1}48%,72%{transform:translateX(-22px);opacity:1}78%,100%{transform:translateX(-22px);opacity:0}}
  @keyframes hands-pass{0%,35%,70%,100%{transform:none}46%,56%{transform:translateX(-7px)}}
  @keyframes spark{0%,42%,58%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.4)}}
  @media(prefers-reduced-motion:reduce){ #co-ship .motion-card .scene,#co-ship .motion-card .scene *{ animation:none!important } #co-ship .motion-card .scene{ left:calc(100% - 110px) } }
  #co-ship .motion-card.total{ --brand:#7c2d12; --brand2:#c2410c }
  #co-ship .motion-card.azul{ --brand:#003c8f; --brand2:#1565c0 }
  #co-ship .motion-card.latam{ --brand:#1b0088; --brand2:#3d2bb3 }
  #co-ship .motion-card .plane{ position:absolute; z-index:3; left:-56px; bottom:4px; width:54px; height:30px; filter:drop-shadow(0 3px 3px rgba(0,0,0,.3)); animation:plane-fly 3.8s ease-in-out infinite; }
  #co-ship .motion-card .plane svg{ display:block; width:100%; height:100%; overflow:visible; }
  @keyframes plane-fly{0%{left:-56px;bottom:2px;transform:rotate(-3deg)}45%{bottom:22px;transform:rotate(-8deg)}100%{left:calc(100% + 16px);bottom:34px;transform:rotate(-9deg)}}
  #co-ship .motion-card.loja .brand-logo{ font-size:10px; line-height:1.1; letter-spacing:-.2px; }
  #co-ship .motion-card.loja .scene{ position:absolute; z-index:3; left:-104px; bottom:2px; width:96px; height:58px; animation:scene-trip 6.6s ease-in-out infinite; }
  #co-ship .motion-card.loja .scene svg{ display:block; width:100%; height:100%; overflow:visible; }
  #co-ship .motion-card.loja .scene .sc-cust{ animation:sc-cust 6.6s ease-in-out infinite; }
  #co-ship .motion-card.loja .scene .sc-parc{ animation:sc-parc 6.6s linear infinite; }
  #co-ship .motion-card.loja .scene .sc-hand{ animation:sc-hand 6.6s ease-in-out infinite; transform-origin:center; }
  #co-ship .motion-card.loja .scene .sc-spark{ animation:sc-spark 6.6s linear infinite; transform-origin:center; }
  @keyframes scene-trip{0%{left:-104px}30%,67%{left:78px}100%{left:calc(100% + 8px)}}
  @keyframes sc-cust{0%,28%{transform:translateX(0)}35%,67%{transform:translateX(20px)}75%,100%{transform:translateX(0)}}
  @keyframes sc-parc{0%,35%{transform:translateX(0);opacity:1}48%,72%{transform:translateX(-22px);opacity:1}78%,100%{transform:translateX(-22px);opacity:0}}
  @keyframes sc-hand{0%,35%,70%,100%{transform:none}46%,56%{transform:translateX(-7px)}}
  @keyframes sc-spark{0%,42%,58%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.4)}}
  #co-ship .motion-card.motoboy .brand-logo{ font-size:13px }
  #co-ship .motion-card.regiao .brand-logo{ font-size:9px; line-height:1.15; letter-spacing:-.2px }
  #co-ship .motion-card .pista{ position:absolute; z-index:1; left:92px; right:10px; bottom:9px; border-top:2px dashed rgba(255,255,255,.26); }
  #co-ship .motion-card .vento{ position:absolute; z-index:2; left:-70px; bottom:23px; width:44px; border-top:2px solid rgba(255,255,255,.6); box-shadow:0 7px 0 rgba(255,255,255,.38); opacity:0; animation:moto-vento 3.7s linear infinite; }
  #co-ship .motion-card.regiao .vento{ animation-duration:4.4s }
  #co-ship .motion-card .moto{ position:absolute; z-index:3; left:-70px; bottom:8px; width:44px; height:28px; filter:drop-shadow(0 3px 2px rgba(0,0,0,.35)); animation:moto-correr 3.7s ease-in-out infinite; }
  #co-ship .motion-card.regiao .moto{ animation:moto-correr-reg 4.4s cubic-bezier(.4,0,.2,1) infinite; }
  #co-ship .motion-card .moto::before{ content:""; display:block; width:44px; height:28px; background-repeat:no-repeat; background-position:center; background-size:contain; transform-origin:76% 85%; animation:moto-empina 3.7s ease-in-out infinite; }
  #co-ship .motion-card.motoboy .moto::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 52'%3E%3Ccircle cx='19' cy='39' r='10' fill='%23111827' stroke='%2360a5fa' stroke-width='4'/%3E%3Ccircle cx='70' cy='39' r='10' fill='%23111827' stroke='%2360a5fa' stroke-width='4'/%3E%3Cpath d='M20 38h18l10-16h15l8 16M38 38l-7-18h15l9 18' fill='%232563eb' stroke='%2393c5fd' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M51 21l8-11h13' fill='none' stroke='%23111827' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='52' cy='8' r='6' fill='%23fbbf24'/%3E%3Cpath d='M50 14l-8 14 15 3' fill='none' stroke='%23f97316' stroke-width='6' stroke-linecap='round'/%3E%3Crect x='28' y='10' width='17' height='14' rx='2' fill='%23facc15' stroke='%23a16207' stroke-width='2'/%3E%3C/svg%3E") }
  #co-ship .motion-card.regiao .moto::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 52'%3E%3Ccircle cx='19' cy='39' r='10' fill='%23111827' stroke='%23fbbf24' stroke-width='4'/%3E%3Ccircle cx='70' cy='39' r='10' fill='%23111827' stroke='%23fbbf24' stroke-width='4'/%3E%3Cpath d='M20 38h18l10-16h15l8 16M38 38l-7-18h15l9 18' fill='%23f97316' stroke='%23fde047' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M51 21l8-11h13' fill='none' stroke='%23111827' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='52' cy='8' r='6' fill='%2322c55e'/%3E%3Cpath d='M50 14l-8 14 15 3' fill='none' stroke='%2316a34a' stroke-width='6' stroke-linecap='round'/%3E%3Crect x='27' y='8' width='19' height='16' rx='2' fill='%23fb923c' stroke='%239a3412' stroke-width='2'/%3E%3C/svg%3E") }
  @keyframes moto-correr{0%{left:-70px}42%{bottom:9px}55%{bottom:14px}100%{left:calc(100% + 12px);bottom:9px}}
  @keyframes moto-correr-reg{0%{left:-70px}38%{bottom:8px}43%{bottom:14px}49%{bottom:8px}100%{left:calc(100% + 12px)}}
  @keyframes moto-empina{0%,38%,68%,100%{transform:rotate(0)}46%,58%{transform:rotate(-18deg)}}
  @keyframes moto-vento{0%{left:-115px;opacity:0}10%,82%{opacity:1}100%{left:calc(100% - 25px);opacity:0}}
  /* Modo escuro: o toggle Entrega/Retirar (o "Entrega" ficava branco no escuro). */
  body.loja.escuro .entrega-opts .radio{ background:var(--card); color:var(--texto); border-color:var(--linha); }
  .entrega-opts .radio.sel{ border-color:#16a34a !important; background:rgba(22,163,74,.12) !important; color:#16a34a !important; box-shadow:0 3px 12px rgba(22,163,74,.16) !important; }
  body.loja.escuro .entrega-opts .radio.sel{ border-color:#22c55e !important; background:rgba(34,197,94,.16) !important; color:#4ade80 !important; }
  .entrega-opts .radio .eo-lb{ display:flex; flex-direction:column; align-items:center; line-height:1.1; }
  .entrega-opts .radio .eo-lb small{ font-weight:600; font-size:10px; opacity:.72; margin-top:2px; }
  .entrega-opts .radio:not(.sel){ background:rgba(109,15,31,.06); border-color:rgba(109,15,31,.45); animation:eo-chama 2.4s ease-in-out infinite; }
  body.loja.escuro .entrega-opts .radio:not(.sel){ background:rgba(231,154,159,.09); border-color:rgba(231,154,159,.4); }
  @keyframes eo-chama{0%,100%{box-shadow:0 0 0 0 rgba(109,15,31,0)}50%{box-shadow:0 0 0 3px rgba(109,15,31,.15)}}
  @media(prefers-reduced-motion:reduce){ .entrega-opts .radio:not(.sel){ animation:none } }
  #co-ship .motion-card.geral{ --brand:#374151; --brand2:#4b5563 }
  #co-ship .brand-stage{ position:relative; height:56px; display:grid; place-items:center; }
  #co-ship .brand-logo{ position:relative; z-index:3; width:72px; height:42px; display:grid;
    place-items:center; border-radius:8px; background:#fff; color:var(--brand); font-size:12px;
    font-weight:900; letter-spacing:-.35px; box-shadow:0 3px 8px rgba(0,0,0,.18); overflow:hidden;
    transition:transform .35s cubic-bezier(.2,1.4,.4,1); }
  #co-ship .brand-logo.big{ font-size:16px }
  #co-ship .brand-logo .mc-logo-img{ max-width:90%; max-height:80%; object-fit:contain; }
  #co-ship .motion-card:hover .brand-logo{ transform:translateY(-4px) rotate(-3deg) scale(1.06); }
  #co-ship .motion-card .brand-logo{ animation:logo-react 3.4s ease-in-out infinite; }
  #co-ship .card-copy{ position:relative; z-index:4; min-width:0; }
  #co-ship .card-copy strong,#co-ship .card-copy small{ display:block; white-space:nowrap;
    overflow:hidden; text-overflow:ellipsis; }
  #co-ship .card-copy strong{ font-size:13px; }
  #co-ship .card-copy small{ margin-top:3px; color:rgba(255,255,255,.88); font-size:12px; }
  #co-ship .card-copy small{ white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.16; font-size:11px; }
  #co-ship .card-price{ position:relative; z-index:4; padding-right:2px; font-size:14px;
    font-weight:850; white-space:nowrap; }
  #co-ship .vehicle{ position:absolute; z-index:2; left:-45px; bottom:2px; font-size:30px;
    filter:drop-shadow(0 3px 2px rgba(0,0,0,.3)); opacity:0; }
  #co-ship .vehicle-icon{ display:inline-block; transform:scaleX(-1); }
  #co-ship .motion-card .plane .vehicle-icon{ transform:none; }
  /* Veiculos tingidos na cor da marca (filtro aproximado sobre o emoji). */
  #co-ship .motion-card.correios .vehicle-icon{ filter:brightness(1.18) sepia(1) saturate(7) hue-rotate(3deg); }
  #co-ship .motion-card.jadlog .vehicle-icon,#co-ship .motion-card.jet .vehicle-icon{ filter:sepia(1) saturate(8) hue-rotate(-28deg) brightness(.92); }
  #co-ship .motion-card.loggi .vehicle-icon{ filter:sepia(1) saturate(6) hue-rotate(150deg) brightness(1.06); }
  #co-ship .motion-card.azul .vehicle-icon,#co-ship .motion-card.latam .vehicle-icon{ filter:sepia(1) saturate(6) hue-rotate(185deg) brightness(.96); }
  #co-ship .motion-card.total .vehicle-icon{ filter:sepia(1) saturate(7) hue-rotate(-18deg) brightness(1.02); }
  #co-ship .motion-card.vanloja .vehicle-icon{ filter:sepia(1) saturate(5) hue-rotate(120deg) brightness(1); }
  #co-ship .motion-card .vehicle{ opacity:1; }
  #co-ship .motion-card .car{ animation:car-fleet 3.1s ease-in-out infinite; }
  #co-ship .motion-card .bike{ animation:bike-wheelie 2.75s ease-in-out infinite; }
  #co-ship .motion-card .van{ animation:van-bounce 3.3s cubic-bezier(.4,0,.2,1) infinite; }
  #co-ship .motion-card .scooter{ animation:blue-scooter 2.65s ease-in-out infinite; }
  #co-ship .motion-card .truck{ animation:truck-load 3.5s ease-in-out infinite; }
  #co-ship .motion-card:nth-child(2) .vehicle{ animation-delay:.5s }
  #co-ship .motion-card:nth-child(3) .vehicle{ animation-delay:1s }
  #co-ship .motion-card:nth-child(4) .vehicle{ animation-delay:1.6s }
  #co-ship .motion-card:nth-child(5) .vehicle{ animation-delay:.8s }
  #co-ship .motion-card:nth-child(6) .vehicle{ animation-delay:1.35s }
  #co-ship .motion-card:nth-child(7) .vehicle{ animation-delay:.3s }
  #co-ship .motion-card:nth-child(8) .vehicle{ animation-delay:1.8s }
  #co-ship .motion-card:nth-child(9) .vehicle{ animation-delay:.65s }
  #co-ship .motion-card:nth-child(10) .vehicle{ animation-delay:1.15s }
  #co-ship .dust{ position:absolute; z-index:1; left:92px; bottom:10px; color:rgba(255,255,255,.55); opacity:0; }
  #co-ship .motion-card .dust{ animation:dust 3s linear infinite; }
  #co-ship .package{ position:absolute; z-index:2; right:17px; top:-30px; font-size:19px; opacity:0; }
  #co-ship .motion-card.correios .package,#co-ship .motion-card.jadlog .package{
    animation:package-drop 3.3s ease-in-out infinite; }
  @keyframes card-pulse{0%,100%{transform:translateY(0) rotateZ(0)}45%{transform:translateY(-3px) rotateZ(-.35deg)}55%{transform:translateY(-3px) rotateZ(.35deg)}}
  @keyframes logo-react{0%,26%,100%{transform:none}40%{transform:translateY(-7px) rotate(-5deg) scale(1.08)}55%{transform:translateY(-2px) rotate(3deg)}70%{transform:none}}
  @keyframes car-fleet{0%{left:-45px;transform:scale(.9)}30%{left:27%;transform:scale(1)}48%{left:42%;transform:scale(1.04)}70%{left:67%;transform:scale(1)}100%{left:calc(100% + 12px);transform:scale(.9)}}
  @keyframes bike-wheelie{0%{left:-45px;transform:rotate(0)}34%{transform:rotate(0)}49%{left:43%;transform:rotate(-28deg) translateY(-8px)}65%{transform:rotate(-8deg) translateY(-2px)}100%{left:calc(100% + 12px);transform:rotate(0)}}
  @keyframes van-bounce{0%{left:-45px;transform:translateY(0)}40%{transform:translateY(0)}48%{transform:translateY(-5px) rotate(-3deg)}56%{transform:translateY(0) rotate(2deg)}100%{left:calc(100% + 12px)}}
  @keyframes blue-scooter{0%{left:-45px;transform:skewX(0)}25%{transform:skewX(-8deg)}48%{left:55%;transform:skewX(5deg) translateY(-4px)}100%{left:calc(100% + 12px);transform:skewX(0)}}
  @keyframes truck-load{0%{left:-45px}36%,56%{left:45%}48%{transform:translateY(-2px)}100%{left:calc(100% + 12px)}}
  @keyframes package-drop{0%,32%{top:-30px;opacity:0;transform:rotate(0)}43%{top:31px;opacity:1;transform:rotate(10deg)}58%{top:31px;opacity:1;transform:rotate(-5deg)}72%,100%{top:31px;opacity:0}}
  @keyframes dust{0%{left:90px;opacity:0}25%{opacity:.6}100%{left:78%;opacity:0}}
  @media(prefers-reduced-motion:reduce){
    #co-ship .motion-card,#co-ship .brand-logo{ animation:none!important; transition:none; }
    #co-ship .motion-card.sel .vehicle,#co-ship .motion-card.sel .package,
    #co-ship .motion-card.sel .dust,#co-ship .motion-card.sel .brand-logo{ animation:none!important; }
    #co-ship .motion-card.sel .vehicle{ opacity:1; left:calc(100% - 38px); }
  }
  

/* Adaptação à largura do checkout e navegação por teclado. */
#co-ship{display:block;margin:12px 0}
#co-ship .co-delivery-group{display:grid;gap:6px;margin:0 0 12px}
#co-ship .co-delivery-group h3{font-size:13px;color:var(--muted);margin:2px 0 0;font-weight:600}
#co-ship .motion-card{box-sizing:border-box;min-height:76px;height:76px;grid-template-columns:76px minmax(0,1fr) auto;gap:11px;padding:8px 13px 8px 8px}
#co-ship .motion-card.sel{box-shadow:0 0 0 2px var(--paper),0 0 0 4px #22c55e}
#co-ship .motion-card:focus-within{outline:3px solid #38bdf8;outline-offset:3px}
#co-ship .brand-logo{width:72px;height:42px;border:0;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.18);color:var(--brand)}
#co-ship .brand-logo img{display:block;max-width:90%;max-height:80%;object-fit:contain}
#co-ship .brand-stage{height:56px}
#co-ship .card-copy strong{white-space:nowrap;line-height:1.25;font-size:13px}
#co-ship .card-copy small{font-size:11px;line-height:1.16;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#co-ship .card-price{font-size:14px;white-space:nowrap;align-self:center;padding-top:0}
#co-ship .card-price s{display:block;font-size:11px;opacity:.7}
#co-ship .co-via-logo{display:block;max-width:58px;max-height:16px;margin-top:3px;background:#172441;border-radius:4px;padding:1px 3px;box-sizing:border-box}
#co-ship .co-route-scene{position:absolute;z-index:1;left:82px;bottom:0;width:calc(100% - 88px);height:70px;object-fit:fill;pointer-events:none;opacity:.55}
#co-ship .co-delivery-info{padding:14px;border:1px solid var(--line);border-radius:14px;font-size:12px;line-height:1.6;background:var(--surface);margin:8px 0 16px}
.co-delivery-info{padding:14px;border:1px solid var(--line);border-radius:14px;font-size:12px;line-height:1.6;margin:8px 0 16px}
.co-delivery-info p{margin:8px 0}.co-delivery-info ol{padding-left:18px;margin:8px 0}.co-delivery-info small{display:block;color:var(--muted);margin-top:10px}
.co-delivery-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.co-delivery-actions a,.co-delivery-actions button{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--paper);color:var(--ink)}
#co-ship .motion-card .ucar{font-size:20px!important}
@media(max-width:390px){#co-ship .motion-card{grid-template-columns:58px minmax(0,1fr) auto;padding-right:10px;gap:6px}#co-ship .brand-logo{width:54px}#co-ship .brand-logo img{max-width:49px}#co-ship .card-price{font-size:12px}#co-ship .card-copy strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){#co-ship .motion-card *,#co-ship .motion-card{animation:none!important;transition:none!important}#co-ship .co-route-scene{display:none}}