#chipak-paper-bags{--bags-ink:#173044;--bags-muted:#4e6574;--bags-line:#d5e0e6;--bags-green:#245b44;box-sizing:border-box;clear:both;float:none;grid-column:1/-1;width:100%;max-width:1220px;margin:32px auto;padding:clamp(16px,3vw,34px);color:var(--bags-ink);background:#fff;border:1px solid var(--bags-line);border-radius:22px;box-shadow:0 12px 40px #1730440d;font-family:inherit;line-height:1.85;direction:rtl;text-align:right}
#chipak-paper-bags *{box-sizing:border-box;font-family:inherit}
#chipak-paper-bags [hidden]{display:none!important}
#chipak-paper-bags :is(h2,h3,h4,p,legend,label,strong){color:inherit}
#chipak-paper-bags>h2,#chipak-paper-bags .cp-bags-intro h2{margin:0 0 8px;color:var(--bags-ink);font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.5}
#chipak-paper-bags>p,#chipak-paper-bags .cp-bags-intro p{margin:0 0 22px;color:var(--bags-muted)}
#chipak-paper-bags :is(button,input,select){font:inherit;font-size:1rem;box-shadow:none}
#chipak-paper-bags :is(button,input,select):focus-visible{outline:3px solid #a57b21;outline-offset:3px}
#chipak-paper-bags button{min-height:46px;padding:10px 18px;color:#fff;background:#173f57;border:1px solid #173f57;border-radius:10px;cursor:pointer;line-height:1.6;font-weight:700;white-space:normal;text-transform:none}
#chipak-paper-bags button:not(:disabled):hover{background:#245873;color:#fff}
#chipak-paper-bags button:disabled{cursor:default;opacity:.55}
#chipak-paper-bags .cp-bags-secondary{background:#fff;color:#173f57;border-color:#8da7b6}
#chipak-paper-bags .cp-bags-secondary:not(:disabled):hover{background:#edf3f6;color:#173f57}
.cp-bags-row{min-width:0;margin:0 0 20px;padding:0;border:1px solid var(--bags-line);border-radius:16px;background:#fff;overflow:hidden}
.cp-bags-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cp-bags-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 18px;background:#f0f5f7;border-bottom:1px solid var(--bags-line)}
.cp-bags-row-head strong{display:flex;align-items:center;gap:10px;font-size:.95rem}
.cp-bags-row-head strong span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:#fff;background:#245873;border-radius:8px;font-size:.85rem}
#chipak-paper-bags .cp-bags-remove{min-height:40px;padding:4px 9px;background:#fff;color:#84333e;border-color:#dbc5c8;font-size:.82rem}
#chipak-paper-bags .cp-bags-remove:not(:disabled):hover{background:#fff4f5;color:#71303a}
.cp-bags-row-body{padding:20px}
/* Photos belong to the selected size; controls keep their state when browsing them. */
.cp-bags-selection{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.cp-bags-selection.has-images{grid-template-columns:180px minmax(0,1fr)}
.cp-bags-media-slot:empty{display:none}
#chipak-paper-bags .cp-bags-media{margin:0;min-width:0;background:#fff}
#chipak-paper-bags .cp-bags-photo{display:block;width:100%;height:180px;max-width:100%;margin:0;padding:7px;object-fit:contain;background:#fff;border:1px solid var(--bags-line);border-radius:12px}
.cp-bags-thumbnails{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:8px}
#chipak-paper-bags .cp-bags-thumbnails button{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:2px;background:#fff;border:1px solid var(--bags-line);border-radius:7px}
#chipak-paper-bags .cp-bags-thumbnails button[aria-pressed=true]{border:2px solid #a57b21;background:#fcf6e8}
#chipak-paper-bags .cp-bags-thumbnails button:hover{background:#f0f5f7}
#chipak-paper-bags .cp-bags-thumbnails img{display:block;width:100%;height:100%;margin:0;object-fit:contain;background:#fff;border-radius:4px}
#chipak-paper-bags .cp-bags-media figcaption{margin:5px 0 0;text-align:center;font-size:.75rem;color:var(--bags-muted)}
.cp-bags-fields{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}
.cp-bags-fields>div{min-width:0}
.cp-bags-fields label{display:block;margin:0 0 6px;font-size:.93rem;font-weight:700}
#chipak-paper-bags select,#chipak-paper-bags input[type=text]{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;margin:0;padding:8px 11px;color:var(--bags-ink);background:#fff;border:1px solid #aabecb;border-radius:9px;line-height:1.6}
#chipak-paper-bags input[aria-invalid=true]{border:2px solid #b33f4c;background:#fff8f8}
.cp-bags-dimensions,.cp-bags-fit,.cp-bags-step{margin:7px 0 0;font-size:.8rem;color:var(--bags-muted)!important;overflow-wrap:anywhere}
.cp-bags-fit{margin-top:3px}
.cp-bags-weight{display:grid;grid-template-columns:46px minmax(0,1fr) auto 46px;align-items:center;gap:7px}
#chipak-paper-bags .cp-bags-weight button{min-height:48px;padding:4px;font-size:1.3rem;background:#edf3f6;color:#173f57;border-color:#bfced7}
#chipak-paper-bags .cp-bags-weight button:not(:disabled):hover{background:#dfeaf0}
#chipak-paper-bags .cp-bags-weight input{text-align:center;direction:ltr;font-weight:800}
.cp-bags-weight>span{font-size:.86rem;color:var(--bags-muted)}
.cp-bags-error{margin:7px 0 0;color:#972e3b!important;font-size:.8rem}
.cp-bags-error:empty{display:none}
.cp-bags-price{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:18px 0;padding:13px 16px;background:#edf7f1;border:1px solid #c9e0d3;border-radius:11px;color:#245b44}
.cp-bags-price>div{display:flex;flex-direction:column;gap:1px}
.cp-bags-price span{font-size:.79rem}
.cp-bags-price strong{font-size:1.15rem;font-weight:800}
.cp-bags-price p{margin:0;font-size:.87rem;font-weight:700}
.cp-bags-print{min-width:0;margin:18px 0 0;padding:13px 14px;border:1px solid var(--bags-line);border-radius:11px;background:#fff}
.cp-bags-print legend{width:auto;margin:0;padding:0 7px;font-size:.89rem;font-weight:800}
.cp-bags-print-options{display:grid;grid-template-columns:.72fr 1.15fr 1.05fr;gap:10px}
.cp-bags-print-options label{display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:10px;cursor:pointer;border:1px solid #cedae1;border-radius:9px;background:#f8fafb;font-size:.85rem;line-height:1.65}
.cp-bags-print-options label:has(input:checked){border-color:#a88637;background:#fcf6e8;box-shadow:inset 0 0 0 1px #a88637}
#chipak-paper-bags input[type=radio]{position:static;appearance:auto;display:inline-block;width:18px;height:18px;min-height:18px;margin:0;flex-shrink:0;accent-color:#173f57;opacity:1}
.cp-bags-print p{margin:10px 0 0;color:var(--bags-muted)!important;font-size:.8rem}
.cp-bags-row-base{margin:14px 0 0;font-size:.87rem;font-weight:700}
.cp-bags-note{margin:15px 0;font-size:.8rem;color:var(--bags-muted)!important}
.cp-bags-status{margin:18px 0 12px;min-height:24px;color:var(--bags-green);font-size:.87rem;font-weight:700;overflow-wrap:anywhere}
.cp-bags-status.is-error{color:#972e3b}
.cp-bags-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
#chipak-paper-bags .cp-bags-actions button{min-height:54px}
#chipak-paper-bags [data-buy]{background:#c89536;color:#132c3d;border-color:#b7862d}
#chipak-paper-bags [data-buy]:not(:disabled):hover{background:#d6a746;color:#132c3d}
.cp-bags-review{padding:20px;background:#f3faf6;border:1px solid #b7d6c5;border-radius:15px}
#chipak-paper-bags .cp-bags-review h3{margin:0 0 12px;font-size:1.15rem;color:#245b44}
.cp-bags-review article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #d0e2d9}
.cp-bags-review article>div{min-width:0}
.cp-bags-review article p{margin:3px 0 0;font-size:.82rem;color:var(--bags-muted)!important}
.cp-bags-review article strong{font-size:.93rem}
.cp-bags-line-total{white-space:nowrap}
.cp-bags-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:17px;font-weight:800}
.cp-bags-total strong{font-size:1.3rem;color:#245b44!important}
.cp-bags-review-note{margin:12px 0 0;font-size:.77rem;color:var(--bags-muted)!important}
.chipak-paper-bags-product #chipak-paper-bags{grid-column:1/-1;float:none;clear:both}
@media(max-width:700px){#chipak-paper-bags{margin:22px auto;border-radius:16px}.cp-bags-row-body{padding:14px}.cp-bags-selection.has-images{grid-template-columns:minmax(0,1fr)}.cp-bags-media-slot{width:180px;max-width:100%;margin:0 auto}.cp-bags-fields{grid-template-columns:1fr;gap:16px}.cp-bags-row-head{padding:10px 14px}.cp-bags-print-options{grid-template-columns:1fr}.cp-bags-print-options label{min-height:48px}.cp-bags-price{align-items:flex-start}.cp-bags-actions{grid-template-columns:1fr}.cp-bags-review{padding:15px}.cp-bags-review article{align-items:flex-start;flex-direction:column;gap:8px}.cp-bags-total strong{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){#chipak-paper-bags *{scroll-behavior:auto;transition:none}}
