/* PreOrderDesk front-end.
   Brand colours live here — change these two to match your exact palette. */
:root{
	--pod-accent:#E07000;   /* brand orange */
	--pod-dark:#161616;     /* header / footer bar */
	--pod-save:#2E7D32;     /* you-save green */
	--pod-border:#e4e4e4;
	--pod-muted:#777;
}

.pod-root{max-width:1200px;margin:0 auto}
.pod-notice,.pod-success{padding:18px;border:1px solid var(--pod-border);border-radius:10px;margin:16px 0}
.pod-success{text-align:center}

/* Header band */
.pod-head{background:#fff;border:2px solid var(--pod-border);border-radius:10px;padding:14px 18px;color:#222}
.pod-ttl{margin:0 0 2px !important;font-size:20px;font-weight:700;line-height:1.2}
.pod-sub{margin:0 !important;font-size:13px;color:var(--pod-muted);line-height:1.3}

/* Table */
.pod-scroll{margin-top:14px;border:2px solid var(--pod-border);border-radius:10px;overflow:auto}
.pod-tbl{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}
.pod-tbl col.c-prod{width:38%}.pod-tbl col.c-pre{width:16%}.pod-tbl col.c-norm{width:16%}.pod-tbl col.c-save{width:14%}.pod-tbl col.c-qty{width:16%}
.pod-tbl thead th{position:sticky;top:0;background:#fff;color:#222;text-align:left;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:12px 12px;border-bottom:2px solid var(--pod-border);z-index:2}
.pod-tbl thead th.r{text-align:center}
.pod-tbl thead th.c{text-align:center}
.pod-tbl tbody td{border-bottom:1px solid var(--pod-border);padding:10px 12px;vertical-align:middle;background:#fff}
.pod-prod{display:flex;align-items:center;gap:12px}
.pod-prod-txt{min-width:0;text-align:left}
.pod-prod-txt>p{padding-left:0 !important;margin-left:0 !important;text-indent:0 !important}
.pod-img{width:46px;height:46px;object-fit:contain;border-radius:8px;background:#f5f5f5;flex-shrink:0;cursor:zoom-in}
/* Floating hover preview (appended to body, position:fixed so it never clips) */
.pod-img-float{position:fixed;z-index:99999;display:none;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 14px 44px rgba(0,0,0,.25);padding:8px;pointer-events:none}
.pod-img-float img{width:240px;height:240px;object-fit:contain;display:block}
.pod-nm{margin:0 0 4px !important;padding:0 !important;text-indent:0 !important;font-size:14px;font-weight:600;line-height:1.25}
.pod-sku{font-size:11px;color:var(--pod-muted);font-weight:400}
.pod-poos{font-size:10px;color:#8a5a00;background:#fff3df;border-radius:6px;padding:1px 6px}
.pod-carton{margin:0 0 2px !important;padding:0 !important;text-indent:0 !important;font-size:12px;color:var(--pod-muted);line-height:1.35}
.pod-ids{margin:0 0 2px !important;padding:0 !important;text-indent:0 !important;font-size:11px;color:#999;line-height:1.4}
.pod-unit{font-size:18px;font-weight:800;color:var(--pod-accent);line-height:1.15}
.pod-norm .pod-unit{color:#222;font-weight:800}
.pod-per{font-size:12px;color:var(--pod-muted);margin-top:2px}
/* Center the price columns on desktop so they fill the cell */
.pod-tbl td.pod-pre,.pod-tbl td.pod-norm{text-align:center}
.pod-tbl td.pod-pre .pod-per,.pod-tbl td.pod-norm .pod-per{text-align:center}
.pod-save{text-align:center;font-weight:800;color:var(--pod-save);font-size:18px}
.pod-req{display:block;margin-top:4px;font-size:10px;font-weight:600;color:#a32d2d}
.pod-req-line{margin:3px 0 0 !important;padding:0 !important;font-size:10px;font-weight:600;color:#a32d2d;line-height:1.3}

/* Stepper — !important to defeat theme button styling that hides the +/- glyphs */
.pod-step{display:flex;align-items:center;justify-content:center}
.pod-step .pod-sb{width:38px !important;min-width:38px;height:38px;padding:0 !important;margin:0 !important;
	font-size:20px !important;font-weight:700 !important;line-height:1 !important;
	color:#222 !important;background:#fff !important;border:1px solid #bbb !important;box-shadow:none !important;
	cursor:pointer;display:flex;align-items:center;justify-content:center}
.pod-step .pod-sb:first-child{border-radius:8px 0 0 8px !important;border-right:none !important}
.pod-step .pod-sb:last-child{border-radius:0 8px 8px 0 !important;border-left:none !important}
.pod-step .pod-sb:hover{background:#f3f3f3 !important}
.pod-step .pod-qi{width:52px !important;height:38px;text-align:center;border:1px solid #bbb !important;
	font-size:15px !important;color:#222 !important;background:#fff !important;-moz-appearance:textfield}
.pod-step .pod-qi::-webkit-outer-spin-button,.pod-step .pod-qi::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Sticky footer cart */
.pod-foot{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:14px;background:#fff;border:2px solid var(--pod-border);border-radius:10px;padding:16px 18px}
.pod-cart{color:#222;font-weight:700;font-size:14px}
.pod-stat{color:var(--pod-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;text-align:center}
.pod-stat b{display:block;color:#222;font-size:17px;font-weight:700;text-transform:none;letter-spacing:0;margin-top:2px}
.pod-stat.save b{color:var(--pod-save)}
.pod-stat.val b{color:var(--pod-accent)}
.pod-go{display:flex;flex-direction:column;align-items:center;gap:4px}
.pod-go #f-submit{height:44px;padding:0 28px;border:none;border-radius:8px;background:var(--pod-accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.pod-go #f-submit:disabled{opacity:.5;cursor:not-allowed}
.pod-clr{background:none;border:none;color:#9a9a9a;font-size:12px;cursor:pointer}
.pod-go-link{display:inline-block;padding:10px 20px;background:var(--pod-accent);color:#fff;border-radius:8px;text-decoration:none}

/* Submitted-pre-order notice on the ordering page */
.pod-submitted-note{margin:12px 0 0;background:#eef9f0;border:1px solid #bfe6c7;color:#236b34;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.45}
.pod-submitted-note b{color:#1b5527}

/* Tips modal */
.pod-modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999}
.pod-modal{background:#fff;border-radius:12px;padding:22px;max-width:420px;width:90%}
.pod-modal h3{margin:0 0 8px;font-size:18px}
.pod-modal p{margin:0 0 18px;color:#444;line-height:1.5}
.pod-modal-btns{display:flex;justify-content:flex-end;gap:10px}
.pod-modal-btns button{padding:9px 18px;border-radius:8px;cursor:pointer;border:1px solid #ccc;background:#fff}
.pod-modal-btns .pod-ok{background:var(--pod-accent);color:#fff;border-color:var(--pod-accent)}

/* My Account: list + view */
.pod-head-img{width:54px;height:54px;object-fit:contain;border-radius:8px;background:#f5f5f5;margin-right:14px}
.pod-head{display:flex;align-items:center}
.pod-list td,.pod-view td{vertical-align:middle}
.pod-view-btn{background:var(--pod-accent) !important;color:#fff !important;border:none !important}

.pod-view-page .pod-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.pod-view-title{margin:0 0 6px !important;font-size:20px;font-weight:700}
.pod-view-status{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#eee;color:#444}
.pod-st-pending{background:#fff3df;color:#8a5a00}
.pod-st-supplied{background:#e6f4ea;color:#1e7e34}
.pod-st-partially_supplied{background:#e7f0fb;color:#1c5fb0}
.pod-view-actions{display:flex;gap:10px;align-items:center}
.pod-btn{display:inline-block;padding:10px 20px;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer}
.pod-btn-edit{background:#fff;color:#222;border:2px solid var(--pod-border)}
.pod-btn-dl{background:var(--pod-accent);color:#fff}
.pod-view-page .pod-sub{color:var(--pod-accent);font-weight:700}
.pod-view-totals{text-align:right;font-size:16px;margin-top:14px}
.pod-view-totals strong{color:var(--pod-accent)}
.pod-view-note{color:var(--pod-muted);font-size:13px}

@media (max-width:782px){
	.pod-scroll{border:none;border-radius:0;overflow:visible}
	.pod-tbl,.pod-tbl tbody,.pod-tbl tr,.pod-tbl td{display:block;width:auto}
	.pod-tbl thead{display:none}
	.pod-tbl col{width:auto}
	.pod-tbl tbody tr{border:2px solid var(--pod-border);border-radius:12px;margin-bottom:12px;padding:12px;background:#fff}
	.pod-tbl tbody td{border:none;border-top:1px solid var(--pod-border);padding:9px 2px;display:flex;justify-content:space-between;align-items:center;gap:12px}
	/* product cell spans full width on top, no top rule */
	.pod-tbl tbody td:first-child{display:block;padding-top:0;border-top:none}
	.pod-prod{align-items:flex-start}
	/* labels for each stacked price/qty cell */
	.pod-tbl tbody td.pod-pre::before{content:"Preorder price"}
	.pod-tbl tbody td.pod-norm::before{content:"Normal price"}
	.pod-tbl tbody td.pod-save::before{content:"You save"}
	.pod-tbl tbody td.c-qty-cell::before,.pod-tbl tbody td:last-child::before{content:"Quantity"}
	.pod-tbl tbody td.pod-pre::before,.pod-tbl tbody td.pod-norm::before,
	.pod-tbl tbody td.pod-save::before,.pod-tbl tbody td:last-child::before{
		color:var(--pod-muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;flex-shrink:0}
	/* values: unit price on line 1 (with label), /carton wraps beneath, right-aligned */
	.pod-tbl td.pod-pre,.pod-tbl td.pod-norm{flex-wrap:wrap;align-items:baseline}
	.pod-pre .pod-unit,.pod-norm .pod-unit{text-align:right}
	.pod-pre .pod-per,.pod-norm .pod-per{flex-basis:100%;text-align:right;margin-top:1px}
	.pod-save{font-size:15px}
	.pod-step{justify-content:flex-end}

	.pod-toolbar{flex-direction:column;align-items:stretch}
	.pod-search{min-width:0;width:100%}
	.pod-avail{align-self:flex-start;justify-content:flex-start}

	/* Compact sticky cart — sits above the theme's own sticky footer (offset is configurable) */
	.pod-root{padding-bottom:calc(124px + 70px)}
	.pod-foot{position:fixed;left:0;right:0;bottom:70px;width:100%;z-index:9999;margin:0;border:0;border-radius:0;border-top:1px solid var(--pod-border);
		display:grid;grid-template-columns:auto 1fr;grid-template-areas:"sstat total" "clear submit";align-items:center;column-gap:14px;row-gap:4px;
		padding:9px 14px;background:#fff;box-shadow:0 -6px 18px rgba(0,0,0,.12)}
	.pod-foot .pod-cart{display:none}
	.pod-foot .pod-stat:not(.save):not(.val){display:none}
	.pod-foot .pod-stat{font-size:10px}
	.pod-foot .pod-stat b{font-size:15px;margin-top:0}
	.pod-foot .pod-stat.save{grid-area:sstat;justify-self:center}
	.pod-foot .pod-stat.val{grid-area:total;justify-self:center}
	.pod-foot .pod-go{display:contents}
	.pod-foot #f-submit{grid-area:submit;justify-self:stretch;width:100%;height:42px;font-size:14px;padding:0 12px}
	.pod-foot .pod-clr{grid-area:clear;justify-self:start;font-size:11px}
}

/* Landing tweaks on small screens */
@media (max-width:640px){
	.pod-mine-wrap{border:none;border-radius:0;overflow:visible}
	.pod-mine thead{display:none}
	.pod-mine,.pod-mine tbody,.pod-mine tr,.pod-mine td{display:block;width:auto}
	.pod-mine tr{border:2px solid #cfcfcf;border-radius:12px;margin-bottom:12px;padding:8px}
	.pod-mine td{border:none !important;display:flex;justify-content:space-between;gap:12px;padding:7px 8px;white-space:normal}
	.pod-mine td::before{content:attr(data-label);color:#777;font-size:12px;text-transform:uppercase;letter-spacing:.03em;font-weight:600}
	.pod-mine-actions{justify-content:flex-end}
	.pod-hero{margin-bottom:24px}
}

/* ===== Landing page ===== */
.pod-land{--pod-red:#e2231a;--pod-red-dark:#b81b15;--pod-green:#2faa4d;max-width:1180px;margin:0 auto;color:#1d2124}
.pod-land *{box-sizing:border-box}

/* Hero */
.pod-hero{display:grid;grid-template-columns:1fr 375px;max-height:500px;background:#fff;border:1px solid var(--pod-border);border-radius:18px;overflow:hidden;margin:8px 0 34px}
.pod-hero-l{padding:18px 40px;display:flex;flex-direction:column;justify-content:center}
.pod-hero-eyebrow{display:inline-block;align-self:flex-start;color:var(--pod-red);font-size:14px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;border-bottom:3px solid var(--pod-red);padding-bottom:7px;margin-bottom:8px}
.pod-hero-h1{margin:0 0 6px !important;font-size:44px;line-height:1.04;font-weight:900 !important;letter-spacing:-1px;text-transform:uppercase;color:#101010}
.pod-hero-h1 .pod-hero-red{display:block;color:var(--pod-red)}
.pod-hero-sub{font-size:19px;line-height:1.3;margin:0 0 12px !important;color:#222;max-width:560px}
.pod-hero-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 10px}
.pod-feat{text-align:center;padding:0 16px;border-right:1.5px solid var(--pod-border)}
.pod-feat:last-child{border-right:0}
.pod-feat-ic{width:56px;height:56px;margin:0 auto 8px;background:#fde9e9;border-radius:50%;display:grid;place-items:center}
.pod-feat-ic svg{width:30px;height:30px;stroke:var(--pod-red);fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.pod-feat h3{font-size:15px;line-height:1.1;margin:0 0 6px;font-weight:900;text-transform:uppercase;color:#101010}
.pod-feat p{font-size:13px;line-height:1.3;margin:0;color:#444}
.pod-hero-note{display:flex;align-items:center;gap:12px;background:#fde9e9;border-radius:10px;padding:10px 16px;font-size:13px;line-height:1.3;color:#222}
.pod-hero-note svg{flex:0 0 26px;width:26px;height:26px;stroke:var(--pod-red);fill:none;stroke-width:4}
/* right panel: supplied image */
.pod-hero-r{position:relative;background:#c10303;overflow:hidden}
.pod-hero-r-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.pod-hero-mobile{display:none}

/* Sections */
.pod-section{margin:0 0 40px;text-align:center}
.pod-camps-first{border-top:2px solid var(--pod-border);padding-top:30px}
.pod-sec-title{font-size:26px;font-weight:800 !important;text-transform:uppercase;margin:0 0 4px !important;position:relative;display:inline-block;padding:0 18px}
.pod-sec-sub{color:#777;margin:0 0 22px !important;font-size:14px}

/* Current campaign cards */
.pod-camp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,300px));gap:22px;justify-content:start;align-items:stretch;text-align:left}
.pod-camp-card{border:1px solid var(--pod-border);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .15s,box-shadow .15s}
.pod-camp-card-link{cursor:pointer}
.pod-camp-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.10)}
.pod-camp-imgwrap{position:relative}
.pod-camp-img{width:100%;height:190px;object-fit:cover;background:#f5f5f5;display:block}
.pod-camp-ph{display:flex;align-items:center;justify-content:center;color:#bbb;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:13px}
.pod-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;padding:4px 10px;border-radius:6px}
.pod-badge-open{background:var(--pod-green)}
.pod-badge-ordered{top:12px;right:auto;left:12px;background:#1d2124}
.pod-camp-ordered{font-size:12.5px;color:var(--pod-green);font-weight:600;margin:2px 0 0 !important}
.pod-badge-arrived{position:static;background:#777}
.pod-badge-closed{position:static;background:#b0b0b0}
.pod-camp-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:7px;flex:1}
.pod-camp-name{font-weight:800 !important;font-size:16px;margin:0 !important;color:#1d2124;text-transform:uppercase;line-height:1.2}
.pod-camp-meta{font-size:13px;color:#555;margin:0 !important;display:flex;gap:6px;align-items:center}
.pod-camp-desc{font-size:13px;color:#666;margin:4px 0 0 !important;line-height:1.4}
.pod-camp-btn{margin-top:auto;display:inline-block;text-align:center;background:#fff;color:var(--pod-red) !important;border:1.5px solid var(--pod-red);padding:11px 14px;border-radius:8px;text-decoration:none !important;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.03em}
.pod-camp-btn:hover{background:var(--pod-red);color:#fff !important}
.pod-camp-btn-off{background:#eee;border-color:#ddd;color:#999 !important;cursor:default}

/* Past campaigns */
.pod-past-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;text-align:left}
.pod-past-card{display:flex;gap:12px;align-items:center;background:#fafafa;border:1px solid var(--pod-border);border-radius:12px;padding:16px}
.pod-past-ic{font-size:22px}
.pod-past-body{flex:1}
.pod-past-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pod-past-top strong{text-transform:uppercase;font-size:14px}
.pod-past-eta{margin:4px 0 0 !important;font-size:12px;color:#777}
.pod-past-link{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:var(--pod-red) !important;text-decoration:none !important}

/* CTA */
.pod-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--pod-red);color:#fff;border-radius:16px;padding:30px 40px;margin-top:8px}
.pod-cta-text{display:flex;align-items:center;gap:22px}
.pod-cta-ic{display:inline-flex;color:#fff;flex-shrink:0}
.pod-cta-ic svg{display:block}
.pod-cta-copy{display:flex;flex-direction:column;justify-content:center;gap:3px}
.pod-cta-copy strong{font-size:23px;font-weight:800;line-height:1.2;margin:0 !important}
.pod-cta-copy span{font-size:15px;opacity:.92;line-height:1.35;margin:0 !important}
.pod-cta-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--pod-red) !important;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.04em;padding:16px 30px;border-radius:8px;text-decoration:none !important;white-space:nowrap}
.pod-cta-btn:hover{background:#fff5f4;color:var(--pod-red-dark) !important}
.pod-cta-arrow{font-size:18px;line-height:1}

@media(max-width:900px){
	.pod-hero{display:none}
	.pod-hero-mobile{display:block;width:100%;height:auto;border-radius:18px;margin:8px 0 34px}
}
@media(max-width:640px){
	.pod-camp-grid{justify-content:center}
	.pod-cta{flex-direction:column;text-align:center;align-items:center;gap:10px;padding:18px 16px;border-radius:14px}
	.pod-cta-text{flex-direction:column;align-items:center;gap:6px}
	.pod-cta-ic{margin-bottom:2px}
	.pod-cta-ic svg{width:30px;height:30px}
	.pod-cta-copy{align-items:center;gap:3px}
	.pod-cta-copy strong{font-size:17px;line-height:1.25}
	.pod-cta-copy span{font-size:12.5px;line-height:1.3}
	.pod-cta-btn{padding:11px 20px;font-size:12.5px}
}
@media(max-width:480px){
	.pod-hero-h1{font-size:28px}
	.pod-hero-feats{grid-template-columns:1fr 1fr}
}

/* My pre-orders table on the landing page */
.pod-sep-top{border-top:2px solid #d9d9d9;padding-top:36px;margin-top:8px}
.pod-mine-wrap{overflow:hidden;border:2px solid #cfcfcf;border-radius:12px}
.pod-mine{width:100%;border-collapse:separate;border-spacing:0;text-align:left;background:#fff;margin:0}
/* reset any theme-added (often dotted) cell borders, then apply our own */
.pod-land .pod-mine th,.pod-land .pod-mine td{border:0}
.pod-land .pod-mine thead th{background:#1d2124;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:12px 14px;white-space:nowrap;border-right:1px solid #3a3f44}
.pod-land .pod-mine thead th:last-child{border-right:0}
.pod-land .pod-mine td{padding:12px 14px;border-top:1px solid #d9d9d9;border-right:1px solid #ececec;font-size:14px;white-space:nowrap}
.pod-land .pod-mine td:last-child{border-right:0}
.pod-mine-status{display:inline-block;background:#fff3df;color:#8a5a00;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}
.pod-mine-actions{display:flex;gap:8px;align-items:center}
.pod-mine-view{display:inline-block;background:var(--pod-red);color:#fff !important;font-weight:700;font-size:12px;text-transform:uppercase;padding:7px 14px;border-radius:7px;text-decoration:none !important}
.pod-mine-view:hover{background:var(--pod-red-dark);color:#fff !important}
.pod-mine-edit{display:inline-block;background:#fff;color:#1d2124 !important;border:1.5px solid #cfcfcf;font-weight:700;font-size:12px;text-transform:uppercase;padding:6px 14px;border-radius:7px;text-decoration:none !important}
.pod-mine-edit:hover{background:#f3f3f3;color:#1d2124 !important}

/* ---- Keep white text on orange through hover/focus (defeat theme) ---- */
.pod-go #f-submit,.pod-go #f-submit:hover,.pod-go #f-submit:focus,
.pod-go-link,.pod-go-link:hover,.pod-go-link:focus,
.pod-btn-dl,.pod-btn-dl:hover,.pod-btn-dl:focus,
.pod-view-btn,.pod-view-btn:hover,.pod-view-btn:focus,
.pod-modal-btns .pod-ok,.pod-modal-btns .pod-ok:hover,.pod-modal-btns .pod-ok:focus{color:#fff !important}
.pod-go #f-submit:hover,.pod-go-link:hover,.pod-btn-dl:hover,.pod-view-btn:hover,
.pod-modal-btns .pod-ok:hover{background:#c96400 !important}

/* Tips Cancel button visible */
.pod-modal-btns .pod-cancel,.pod-modal-btns .pod-cancel:hover,.pod-modal-btns .pod-cancel:focus{color:#222 !important;background:#fff !important;border:1px solid #ccc !important}
.pod-modal-btns .pod-cancel:hover{background:#f3f3f3 !important}

/* Clear all items: text-link style, no red hover */
.pod-clr,.pod-clr:hover,.pod-clr:focus{background:none !important;border:none !important;box-shadow:none !important;color:#777 !important;text-decoration:underline}

/* Edit (outline) button stays readable on hover */
.pod-btn-edit,.pod-btn-edit:hover,.pod-btn-edit:focus{color:#222 !important;background:#fff !important}

/* ---- Search / filter toolbar ---- */
.pod-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.pod-search{flex:1;min-width:220px;padding:10px 12px;border:2px solid var(--pod-border);border-radius:8px;font-size:14px}
.pod-avail{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#444;white-space:nowrap}
.pod-step-locked .pod-sb{color:#bbb !important;background:#f3f3f3 !important;border-color:#ddd !important;cursor:not-allowed}
.pod-step-locked .pod-qi{background:#f3f3f3 !important;color:#999 !important;border-color:#ddd !important;cursor:not-allowed}

/* Back to pre-orders link on the ordering page */
.pod-back{display:inline-block;margin-bottom:12px;font-size:14px;font-weight:600;color:#555 !important;text-decoration:none !important}
.pod-back:hover{color:var(--pod-accent) !important}

/* Image lightbox (tap/click to open, works on mobile + desktop) */
.pod-lightbox{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.8);padding:24px}
.pod-lightbox-inner{position:relative;background:#fff;border-radius:14px;padding:12px;max-width:92vw;max-height:90vh}
.pod-lightbox-inner img{display:block;max-width:84vw;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:6px}
.pod-lightbox-close{position:absolute;top:8px;right:8px;width:34px;height:34px;padding:0;border:none;border-radius:50%;background:rgba(17,19,21,.6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0;transition:background .15s}
.pod-lightbox-close:hover{background:rgba(17,19,21,.9)}
.pod-lightbox-close svg{width:16px;height:16px;display:block}

/* View pre-order: back link + stacked price column */
.pod-view-back{display:inline-block;margin-bottom:14px;font-size:14px;font-weight:600;color:#555 !important;text-decoration:none !important}
.pod-view-back:hover{color:var(--pod-red) !important}
.pod-view-price{display:flex;flex-direction:column;line-height:1.2}
.pod-view-unit{font-weight:800;font-size:15px;color:#1d2124}
.pod-view-carton{font-size:12px;color:var(--pod-muted)}

/* Login-required gate on the campaign page */
.pod-gate{max-width:560px;margin:30px auto;text-align:center;background:#fff;border:1px solid var(--pod-border);border-radius:16px;padding:44px 32px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.pod-gate-ic{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#fdecec;color:var(--pod-red);margin-bottom:18px}
.pod-gate-h{font-size:24px;font-weight:800 !important;margin:0 0 10px !important;text-transform:none;letter-spacing:0}
.pod-gate-p{font-size:15px;color:#555;margin:0 auto 22px;max-width:420px;line-height:1.5}
.pod-gate-btn{display:inline-block;background:var(--pod-red);color:#fff !important;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:14px;padding:14px 38px;border-radius:9px;text-decoration:none !important}
.pod-gate-btn:hover{background:var(--pod-red-dark)}
.pod-gate-sub{font-size:13px;color:#777;margin:18px 0 0}
.pod-gate-sub a{color:var(--pod-red) !important;font-weight:600;text-decoration:none !important}
.pod-gate-sub a:hover{text-decoration:underline !important}