/* Loja Zipet — usa as variáveis do tema Zipet quando disponíveis */
.zpp-store,.zpp-checkout,.zpp-order,.zpp-pdp-sec{--zo:var(--orange,#F7941D);--zb:var(--brown,#542314);--zt:var(--teal,#36B9B8);--zl:var(--line,#EADCC8);--zm:var(--muted,#7A5B4A);--zc:var(--cream,#FFF7EC)}
.zpp-hcart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line,#EADCC8);background:#fff;color:var(--brown,#542314)}
.zpp-hcart__n{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--orange,#F7941D);color:#fff;font:700 .72rem/20px var(--f-head,sans-serif);text-align:center}
.zpp-hcart__n[hidden]{display:none}

/* Vitrine */
.zpp-store{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,340px));justify-content:center;gap:22px}
.zpp-prod{background:#fff;border:1px solid var(--zl);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.zpp-prod:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(84,35,20,.35)}
.zpp-prod__img{position:relative;display:block;aspect-ratio:1;background:linear-gradient(135deg,#FFF0DC,#E4F5F4)}
.zpp-prod__img img{width:100%;height:100%;object-fit:cover}
.zpp-prod__ph{display:block;width:100%;height:100%;min-height:200px}
.zpp-prod__badge{position:absolute;top:12px;left:12px;background:var(--zo);color:#fff;font:700 .75rem var(--f-head,sans-serif);padding:5px 12px;border-radius:999px}
.zpp-prod__badge--inline{position:static;display:inline-block;margin-bottom:10px}
.zpp-prod__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.zpp-prod__title{font-size:1.15rem;margin:0}
.zpp-prod__title a{color:var(--zb);text-decoration:none}
.zpp-prod__ex{color:var(--zm);font-size:.93rem;margin:0}
.zpp-prod__price{font-family:var(--f-head,sans-serif);color:var(--zb)}
.zpp-prod__price strong{font-size:1.45rem}
.zpp-prod__price s{color:var(--zm);font-size:.95rem}
.zpp-prod__price small{color:var(--zm);font-weight:500}
.zpp-prod__price--big strong{font-size:2.1rem}
.zpp-prod__tier{margin:0;font-size:.85rem;font-weight:600;color:var(--teal-dark,#23898A)}
.zpp-prod__more{font-size:.88rem;font-weight:600;color:var(--zm);text-decoration:none;margin-top:auto}
.zpp-buy{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.zpp-buy .zp-btn{flex:1;padding:.85em 1.1em;font-size:.95rem}
.zpp-buy .zp-btn.is-ok{background:#1d7d4f;border-color:#1d7d4f}
.zpp-qty{display:inline-flex;align-items:center;border:1.5px solid var(--zl);border-radius:999px;background:#fff;overflow:hidden}
.zpp-qty button{width:40px;height:44px;border:0;background:none;font-size:1.2rem;color:var(--zb);cursor:pointer}
.zpp-qty button:hover{background:var(--zc)}
.zpp-qty input{width:52px;text-align:center;border:0;font:700 1rem var(--f-head,sans-serif);color:var(--zb);-moz-appearance:textfield;background:none}
.zpp-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.zpp-cartbar{position:sticky;bottom:16px;z-index:30;margin:24px auto 0;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--brown,#542314);color:#fff;padding:12px 12px 12px 22px;border-radius:999px;box-shadow:0 18px 40px -16px rgba(0,0,0,.4)}
.zpp-cartbar[hidden]{display:none}
.zpp-cartbar .zp-btn{padding:.7em 1.2em}

/* Página do produto */
.zpp-crumbs{font-size:.88rem;color:var(--zm);margin-bottom:20px}
.zpp-crumbs a{color:var(--zm)}
.zpp-pdp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.zpp-pdp__main{border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--zl);aspect-ratio:1}
.zpp-pdp__main img{width:100%;height:100%;object-fit:cover}
.zpp-pdp__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.zpp-pdp__thumbs button{width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff}
.zpp-pdp__thumbs button.is-active{border-color:var(--zo)}
.zpp-pdp__thumbs img{width:100%;height:100%;object-fit:cover}
.zpp-pdp__info .zp-title{margin-bottom:10px}
.zpp-tiers{width:100%;max-width:360px;border-collapse:collapse;margin:16px 0;font-size:.92rem}
.zpp-tiers caption{text-align:left;font-weight:700;color:var(--zb);margin-bottom:6px}
.zpp-tiers td{padding:7px 10px;border-bottom:1px solid var(--zl)}
.zpp-tiers td:last-child{text-align:right;font-weight:700}
.zpp-buy--big{margin-top:18px}
.zpp-linetotal{font-weight:600;color:var(--zm);margin:10px 0 0}
.zpp-perks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.zpp-perks li{padding-left:26px;position:relative;color:var(--zm)}
.zpp-perks li::before{content:"✓";position:absolute;left:0;color:#fff;background:var(--zt);width:18px;height:18px;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;top:3px}
.zpp-pdp__desc{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin-top:48px;align-items:start}
.zpp-specs{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--zl);border-radius:16px;overflow:hidden}
.zpp-specs caption{text-align:left;font:700 1.1rem var(--f-head,sans-serif);color:var(--zb);margin-bottom:10px}
.zpp-specs th,.zpp-specs td{padding:10px 14px;border-bottom:1px solid var(--zl);text-align:left}
.zpp-specs th{color:var(--zm);font-weight:600;width:45%}

/* Checkout */
.zpp-co{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.zpp-co[hidden],.zpp-co__empty[hidden]{display:none}
.zpp-co__empty{text-align:center;padding:40px;background:#fff;border-radius:22px;border:1px solid var(--zl)}
.zpp-co__box{background:#fff;border:1px solid var(--zl);border-radius:22px;padding:clamp(18px,3vw,28px);margin-bottom:20px}
.zpp-co__box h2{font-size:1.2rem;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.zpp-co__box h2 span{width:30px;height:30px;border-radius:50%;background:var(--zb);color:#fff;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center}
.zpp-co__side{position:sticky;top:130px}
.zpp-line{display:grid;grid-template-columns:56px 1fr auto auto 32px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--zl)}
.zpp-line:last-child{border-bottom:0}
.zpp-line__img{width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--zc)}
.zpp-line__img img{width:100%;height:100%;object-fit:cover}
.zpp-line__name a{display:block;font-weight:700;color:var(--zb);text-decoration:none}
.zpp-line__name small{color:var(--zm)}
.zpp-line__total{font-family:var(--f-head,sans-serif);color:var(--zb);min-width:90px;text-align:right}
.zpp-line__rm{border:0;background:none;font-size:1.4rem;color:var(--zm);cursor:pointer;border-radius:50%;width:32px;height:32px}
.zpp-line__rm:hover{background:#FBE6E3;color:#9b2c1f}
.zpp-line .zpp-qty button{width:34px;height:38px}
.zpp-line .zpp-qty input{width:44px}
.zpp-f--third{flex:1 1 calc(33% - 11px)}
.zpp-f--twothird{flex:1 1 calc(66% - 6px)}
.zpp-f--sixth{flex:0 1 90px}
.zpp-f--full{flex:1 1 100%}
.zpp-f--link{display:flex;align-items:flex-end;padding-bottom:12px;font-size:.88rem}
.zpp-f--link a{color:var(--zm)}
.zpp-addr{display:flex;flex-wrap:wrap;gap:14px 16px;width:100%}
.zpp-addr[hidden]{display:none}
.zpp-cep{display:flex;gap:8px}
.zpp-cep input{flex:1;min-width:120px}
.zpp-btn2{border:1.5px solid var(--zb);background:#fff;color:var(--zb);border-radius:12px;padding:0 16px;font:600 .92rem var(--f-head,sans-serif);cursor:pointer}
.zpp-btn2:hover{background:var(--zb);color:#fff}
.zpp-hint{display:block;margin-top:6px;color:var(--zm);font-size:.85rem}
.zpp-ship{display:grid;gap:10px}
.zpp-shipopt{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1.5px solid var(--zl);border-radius:14px;cursor:pointer;transition:border-color .2s}
.zpp-shipopt:has(input:checked){border-color:var(--zo);background:var(--zc)}
.zpp-shipopt input{accent-color:var(--zo);width:18px;height:18px}
.zpp-shipopt__t{flex:1;display:flex;flex-direction:column}
.zpp-shipopt__t small{color:var(--zm)}
.zpp-shipopt__p{font:700 1rem var(--f-head,sans-serif);color:var(--zb)}
.zpp-sum__rows{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:16px 0}
.zpp-sum__rows dt{color:var(--zm)}
.zpp-sum__rows dd{margin:0;text-align:right;font-weight:600;color:var(--zb)}
.zpp-sum__rows .is-total{font:800 1.25rem var(--f-head,sans-serif);color:var(--zb);border-top:1px solid var(--zl);padding-top:10px}
.zpp-pixnote{background:#E4F5F4;border-radius:12px;padding:12px 14px;font-size:.88rem;color:#1d5f60;margin-bottom:14px}
.zpp-pixnote strong{display:inline-block;background:var(--zt);color:#fff;border-radius:6px;padding:1px 8px;margin-right:4px}
.zpp-consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--zm);margin-bottom:6px}
.zpp-consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--zo);flex:none}
.zpp-secure{font-size:.8rem;color:var(--zm);text-align:center;margin:10px 0 0}

/* Pedido */
.zpp-order{max-width:900px;margin:0 auto}
.zpp-order__head{text-align:center;margin-bottom:22px}
.zpp-order__head h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:4px 0}
.zpp-steps{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;counter-reset:s}
.zpp-steps li{text-align:center;font-size:.85rem;font-weight:600;color:var(--zm);position:relative;padding-top:44px}
.zpp-steps li span{position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--zl);display:flex;align-items:center;justify-content:center;font-weight:800}
.zpp-steps li.is-done span{background:var(--zt);border-color:var(--zt);color:#fff}
.zpp-steps li.is-cur{color:var(--zb)}
.zpp-steps li.is-cur span{background:var(--zo);border-color:var(--zo)}
.zpp-pix{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center}
.zpp-pix__qr{background:#fff;border:1px solid var(--zl);border-radius:18px;padding:10px;aspect-ratio:1}
.zpp-pix__qr svg{width:100%;height:100%;display:block}
.zpp-pix__info ol{padding-left:20px;color:var(--zm)}
.zpp-pix__info .zpp-copy{margin:14px 0}
.zpp-track{list-style:none;padding:0;margin:12px 0 0;border-left:3px solid var(--zt)}
.zpp-track li{padding:6px 0 10px 16px;position:relative}
.zpp-track li::before{content:"";position:absolute;left:-8px;top:10px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--zt)}
.zpp-track li:first-child::before{background:var(--zt)}
.zpp-track small{display:block;color:var(--zm)}
.zpp-otable td:last-child{text-align:right;white-space:nowrap}
.zpp-otable tr.is-total td{font:800 1.15rem var(--f-head,sans-serif);color:var(--zb)}

@media (max-width:900px){.zpp-co,.zpp-pdp,.zpp-pdp__desc{grid-template-columns:1fr}.zpp-co__side{position:static}}
@media (max-width:560px){
  .zpp-line{grid-template-columns:48px 1fr 32px;grid-template-areas:"img name rm" "img qty total"}
  .zpp-line__img{grid-area:img;width:48px;height:48px}.zpp-line__name{grid-area:name}.zpp-line .zpp-qty{grid-area:qty;justify-self:start}.zpp-line__total{grid-area:total}.zpp-line__rm{grid-area:rm}
  .zpp-pix{grid-template-columns:1fr}.zpp-pix__qr{max-width:240px;margin:0 auto}
  .zpp-f--third,.zpp-f--twothird{flex-basis:100%}
  .zpp-steps li{font-size:.72rem}
}
