.tracking-head{text-align:center;margin-bottom:20px}.tracking-head h1{margin:2px 0}.tracking-head p{color:var(--muted)}.tracking-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;max-width:850px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px}.tracking-form label{font-size:11px;font-weight:800}.tracking-form input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:10px}.tracking-result{margin-top:24px}.tracking-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--paper)}.tracking-summary div{padding:13px;border-inline-end:1px solid var(--line)}.tracking-summary small,.tracking-summary b{display:block}.tracking-summary small{color:var(--muted)}.order-timeline{max-width:720px;margin:28px auto}.order-timeline>div{display:flex;gap:13px;position:relative;padding-bottom:25px;color:var(--muted)}.order-timeline>div:not(:last-child)::after{content:"";position:absolute;right:16px;top:32px;width:2px;height:calc(100% - 27px);background:var(--line)}.order-timeline i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;font-style:normal}.order-timeline span>*{display:block}.order-timeline small{font-size:10px}.order-timeline .done i{border-color:var(--green);background:var(--green);color:#fff}.order-timeline .done::after{background:var(--green)!important}.order-timeline .current b{color:var(--green)}.customer-note,.delivery-summary{border-inline-start:3px solid var(--green);background:var(--paper);padding:13px}.delivery-summary{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.article-grid article{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.article-grid img,.article-placeholder{width:100%;height:190px;object-fit:cover}.article-placeholder{display:grid;place-items:center;background:#102a4c;color:#58a2ff;font-size:70px;font-weight:900}.article-grid article>div:last-child{padding:14px}.article-grid article span{color:var(--blue);font-size:10px;font-weight:800}.article-grid h2{font-size:18px;margin:4px 0}.article-grid h2 a{color:var(--ink)}.article-grid p,.article-grid small{color:var(--muted);font-size:11px}.article-page{max-width:900px}.article-page>header{text-align:center}.article-page>header h1{font-size:38px;margin:5px}.article-page>header p{color:var(--muted)}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:8px;margin-top:22px}.article-body{margin-top:24px;font-size:16px;line-height:2;background:var(--paper);border:1px solid var(--line);padding:24px}
.comments-section{margin-top:34px;border-top:1px solid var(--line);padding-top:22px}.comments-section>article,.comment-review-list>article{margin-top:10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:13px}.comments-section article small{color:var(--muted);margin-inline-start:8px}.comments-section article p{margin:4px 0}.comments-section>form{display:grid;gap:10px;margin-top:18px}.comments-section textarea{display:block;width:100%;min-height:100px;margin-top:5px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:10px}.admin-reply{margin-top:8px;border-inline-start:3px solid var(--green);background:var(--surface);padding:8px}.stars,.rating-summary span{color:#f1b629}.rating-summary{display:flex;align-items:center;gap:5px}.rating-picker{display:flex;gap:6px;border:0;padding:0}.rating-picker label input{position:absolute;opacity:0}.rating-picker label span{display:block;border:1px solid var(--line);border-radius:5px;padding:7px;cursor:pointer}.rating-picker label:has(input:checked) span{border-color:#f1b629;color:#f1b629}.comment-review-list{display:grid;gap:10px}.comment-review-list article header,.comment-review-list article form{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.comment-review-list input,.comment-review-list select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;padding:8px}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.roles-grid>form{display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:15px}.roles-grid header{display:flex;justify-content:space-between}.roles-grid h2{margin:0;font-size:17px}.roles-grid label{display:flex;gap:7px;font-size:11px}.order-admin-list{display:grid;gap:12px}.order-admin-list article{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:15px}.order-admin-list article>header{display:flex;justify-content:space-between}.order-admin-list header small{display:block;color:var(--muted)}.order-admin-list article>form{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.order-admin-list label{font-size:10px}.order-admin-list input,.order-admin-list select{display:block;width:100%;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:8px}
@media(max-width:760px){.tracking-form{grid-template-columns:1fr}.tracking-summary{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr 1fr}.roles-grid{grid-template-columns:1fr}.order-admin-list article>form{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tracking-summary,.article-grid,.order-admin-list article>form{grid-template-columns:1fr}.article-page>header h1{font-size:28px}}
.role-assignments{margin-top:24px}.role-assignments td>small{display:block;color:var(--muted)}.role-options{display:flex;gap:8px;flex-wrap:wrap}.role-options label{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:5px;padding:5px 7px;font-size:10px}.role-options label:has(input:checked){border-color:var(--green);color:var(--green)}
.cart-continue{margin-top:22px;border-top:3px solid var(--green);background:var(--paper);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cart-continue h2{margin:0}.cart-continue p{margin:2px 0;color:var(--muted);font-size:11px}.cart-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;align-items:start}.cart-lines{display:grid;gap:10px}.cart-lines article{display:grid;grid-template-columns:90px 1fr auto auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:12px}.cart-lines article img{width:90px;height:90px;object-fit:contain;background:var(--surface);border-radius:6px}.cart-lines h2{font-size:16px;margin:0}.cart-lines p,.cart-lines span,.cart-lines small{display:block;color:var(--muted);font-size:10px;margin:2px 0}.remove-cart{border:0;background:transparent;color:#ff7566;cursor:pointer}.cart-total{display:grid;grid-template-columns:1fr auto;gap:3px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:16px}.cart-total strong{font-size:20px;color:var(--green)}.cart-total small{grid-column:1/-1}.empty-cart,.checkout-login{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:28px;text-align:center}.checkout-card{display:grid;gap:13px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:18px}.checkout-step{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:13px}.checkout-step:first-of-type{border-top:0;padding-top:0}.checkout-step i{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;background:var(--green);color:#fff;font-style:normal;font-weight:900}.checkout-step h2{font-size:16px;margin:0}.checkout-step p{font-size:10px;color:var(--muted);margin:0}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.checkout-fields label{font-size:10px;font-weight:800}.checkout-fields .full{grid-column:1/-1}.checkout-fields input,.checkout-fields textarea{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:9px}.checkout-fields textarea{min-height:70px;resize:vertical}.onepay-option{display:flex;align-items:center;gap:8px;border:1px solid var(--green);border-radius:7px;background:#16865f12;padding:12px}.onepay-option span>*{display:block}.onepay-option small{color:var(--muted)}.payment-account{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px dashed var(--green);border-radius:7px;padding:12px}.payment-account small{grid-column:1/-1;color:var(--muted)}.payment-account strong{font-size:20px;letter-spacing:0}.payment-account button{border:0;border-radius:5px;background:var(--green);color:#fff;padding:7px 12px;cursor:pointer}.receipt-drop{position:relative;display:grid;place-items:center;min-height:110px;border:2px dashed var(--line);border-radius:7px;text-align:center;cursor:pointer}.receipt-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.receipt-drop span{font-weight:900;color:var(--blue)}.receipt-drop small{color:var(--muted)}.checkout-submit{width:100%}.checkout-login{display:grid;gap:10px}.checkout-login h2,.checkout-login p{margin:0}.checkout-login p{color:var(--muted)}
@media(max-width:820px){.cart-layout{grid-template-columns:1fr}.cart-continue{align-items:stretch;flex-direction:column}.cart-lines article{grid-template-columns:70px 1fr auto}.cart-lines article img{width:70px;height:70px}.cart-lines article>form{grid-column:3}.checkout-fields{grid-template-columns:1fr}.checkout-fields .full{grid-column:auto}}
.checkout-feedback{border:1px solid var(--green);border-radius:6px;background:#16865f14;color:var(--green);padding:10px;font-size:11px;font-weight:800}.checkout-feedback.error{border-color:#ff7566;background:#ff756612;color:#ff9c94}.field-invalid input,.field-invalid textarea,.field-invalid.receipt-drop{border-color:#ff7566!important;box-shadow:0 0 0 2px #ff756622}.checkout-success-page{display:grid;place-items:center}.checkout-success{width:min(560px,100%);display:grid;justify-items:center;gap:10px;text-align:center;border:1px solid var(--line);border-top:4px solid #25d366;border-radius:8px;background:var(--paper);padding:34px 22px}.success-check{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;font-size:34px;font-weight:900}.checkout-success h1,.checkout-success p{margin:0}.checkout-success>strong{font-size:22px;color:var(--green)}.whatsapp-progress{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:10px;color:var(--muted);font-size:11px}.whatsapp-progress i{width:16px;height:16px;border:2px solid #25d366;border-top-color:transparent;border-radius:50%;animation:checkout-spin .8s linear infinite}.whatsapp-open{width:100%;background:#25d366}@keyframes checkout-spin{to{transform:rotate(360deg)}}

.cart-quantity{display:grid;gap:3px;color:var(--muted);font-size:10px;font-weight:700}.cart-quantity input{width:72px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:7px;text-align:center}.cart-update-button{grid-column:1/-1;justify-self:start;margin-top:8px}