/* 24hourprintshop.com — shop, cart, checkout and orders admin. Builds on styles.css variables. */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.shop-main{padding-bottom:70px}
.cart-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;margin-right:-10px;white-space:nowrap}
.cart-link:hover{color:#c23c1a}
.cart-count{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;font-size:10px}
.site-header{gap:24px}

/* hero + speed strip */
.shop-hero{padding-block:4px 50px;border-bottom:1px solid var(--line)}
.shop-hero .eyebrow{display:flex;align-items:center;gap:8px;margin:18px 0 20px}
.shop-hero h1{max-width:900px}
.shop-hero.compact h1{font-size:clamp(40px,4.6vw,64px);letter-spacing:-2.8px}
.shop-intro{font-size:14px;line-height:1.8;color:var(--muted);max-width:560px;margin-top:22px}
.speed-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--ink);margin-top:34px;background:#fcfbf7}
.speed-strip>div{padding:16px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.speed-strip>div:last-child{border-right:0}
.speed-strip strong{font-family:var(--display);font-size:28px;letter-spacing:-1.2px;line-height:1}
.speed-strip>div:first-child{background:var(--lime)}
.speed-strip span{font-size:10px;font-weight:600;letter-spacing:.3px;color:var(--muted)}
.shop-section{padding-top:55px}

/* product + category cards */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.product-card{display:flex;flex-direction:column;gap:10px;padding:22px 20px;min-height:250px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}
.product-card:hover{background:#eeede2}
.product-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:6px}
.product-sku{font-size:8px;letter-spacing:.8px;color:var(--muted)}
.product-card h3{font-size:20px;letter-spacing:-.8px;line-height:1.12}
.product-card p{font-size:11px;line-height:1.65;color:var(--muted)}
.product-price{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.8px;margin-top:auto}
.product-price span{font-family:var(--body);font-size:10px;font-weight:600;letter-spacing:.4px;color:var(--muted)}
.speed-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.4px;padding:5px 8px;background:#e6e7dc;white-space:nowrap}
.speed-badge.express{background:var(--lime)}
.speed-badge.rush{background:#ffd9c9}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.category-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:150px;padding:24px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.category-card:hover{background:#eeede2}
.category-card h3{font-size:21px;letter-spacing:-.8px;line-height:1.1;max-width:80%}
.category-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.category-pills a{font-size:10px;font-weight:600;padding:9px 12px;border:1px solid var(--line)}
.category-pills a:hover{background:#eeede2}
.category-pills a[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* product page */
.page-title{font-size:clamp(40px,4.4vw,60px);letter-spacing:-2.6px;line-height:1.05;margin-bottom:32px}
.product-layout{display:grid;grid-template-columns:1fr minmax(340px,440px);gap:70px;align-items:start;padding-top:10px}
.product-badges{display:flex;gap:8px;margin-bottom:20px}
.product-info h1{font-size:clamp(40px,4.4vw,62px);letter-spacing:-2.6px;line-height:1.05}
.product-short{font-family:var(--display);font-size:21px;letter-spacing:-.6px;line-height:1.35;margin-top:20px;max-width:620px}
.product-desc{font-size:14px;line-height:1.85;color:var(--muted);margin-top:16px;max-width:620px}
.product-info h2{font-size:22px;letter-spacing:-.8px;margin-top:38px}
.product-flag{margin-top:18px;padding:12px 15px;background:#e9edcf;font-size:12px;font-weight:600}
.product-desc .article-link{margin-top:0;display:inline}
.spec-list{padding-left:18px;margin-top:12px;font-size:13px;line-height:1.9;color:var(--muted)}
.spec-list strong{color:var(--ink);font-weight:600}
.speed-callout{margin-top:45px;padding:26px 28px;background:var(--ink);color:var(--paper);position:relative}
.speed-callout .tiny-cross{position:absolute;right:22px;top:16px;font-size:34px}
.speed-callout h2{margin-top:0;font-size:26px;color:var(--paper);padding-right:44px}
.speed-callout p{font-size:12px;line-height:1.8;color:#d5d9ca;margin-top:10px;max-width:520px}
.product-buy{position:sticky;top:20px}
.configurator{border:1px solid var(--ink);background:#fcfbf7;padding:26px;display:flex;flex-direction:column;gap:16px}
.configurator>label,.configurator .dims label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600}
.dims{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
.dims>span{padding-bottom:12px;color:var(--muted)}
.field-note{font-size:10px;line-height:1.7;color:var(--muted)}
.breaks{display:flex;flex-wrap:wrap;gap:6px;font-size:10px}
.breaks>span{padding:6px 8px;background:#efefe6}
.breaks>span:first-child{background:transparent;padding-left:0;font-weight:700;width:100%}
.speed-choice{border:0;padding:0;margin:0;display:grid;gap:8px}
.speed-choice legend{font-size:11px;font-weight:600;margin-bottom:8px}
.speed-choice label{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #bfc1b4;cursor:pointer;background:#fff}
.speed-choice label:has(input:checked){border-color:var(--ink);background:#f1f4dc;box-shadow:inset 3px 0 0 var(--orange)}
.speed-choice input{width:auto;accent-color:var(--orange)}
.speed-choice span{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:12px}
.speed-choice small{font-size:10px;color:var(--muted);text-align:right}
.price-box{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:4px}
.price-box .eyebrow{font-size:9px;display:block}
#price{display:block;font-family:var(--display);font-size:40px;font-weight:600;letter-spacing:-1.8px;line-height:1.1;transition:opacity .15s}
#price.is-loading{opacity:.4}
.price-note{display:block;font-size:10px;color:var(--muted);min-height:14px}
.price-box .button{white-space:nowrap}
.button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.button[aria-busy=true]{opacity:.7;cursor:progress;transform:none}
.config-status{font-size:11px;line-height:1.7;color:#a23517;min-height:1em}
.config-status.is-success{color:#386037}
.config-status .text-link{margin-left:6px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* cart */
.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:start}
.cart-lines{display:flex;flex-direction:column;gap:18px}
.cart-line{border:1px solid var(--line);background:#fcfbf7;padding:22px 24px}
.cart-line-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.cart-line h2{font-size:22px;letter-spacing:-.8px}
.cart-line h2 a:hover{color:#c23c1a}
.cart-summary{list-style:none;padding:0;margin:10px 0 0;font-size:11px;line-height:1.75;color:var(--muted)}
.cart-notes{font-size:11px;margin-top:8px;font-style:italic}
.cart-line-price{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.cart-line-price strong{font-family:var(--display);font-size:22px;letter-spacing:-.6px}
.uploader{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.uploader .eyebrow{font-size:9px;margin-bottom:10px}
.dropzone{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-align:center;padding:20px;border:1.5px dashed #a9ac9c;cursor:pointer;font-size:12px;transition:background .2s}
.dropzone:hover,.dropzone.is-over{background:#f1f4dc;border-color:var(--ink)}
.dropzone input{position:absolute;width:1px;height:1px;opacity:0}
.dropzone:focus-within{outline:3px solid #237ca2;outline-offset:3px}
.dropzone small{font-size:9px;color:var(--muted)}
.file-list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}
.file-list li{display:flex;align-items:center;gap:12px;font-size:11px;padding:8px 10px;background:#efefe6}
.file-list li>span,.file-list li>a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.file-list li small{font-size:10px;color:var(--muted)}
.file-list li.is-error{background:#ffebe1}
.file-list li.is-error small{color:#923412}
.file-list li.no-files{background:transparent;color:var(--muted);padding-left:0}
.file-list progress{width:90px;height:6px;accent-color:var(--orange)}
.file-list .quiet-button{font-size:18px;padding:0 4px;line-height:1}
.cart-total{border:1px solid var(--ink);padding:24px;background:#fcfbf7;display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}
.cart-total .eyebrow{font-size:9px}
.total-row{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.total-row.grand{border-top:1px solid var(--line);padding-top:12px;font-size:14px}
.total-row.grand strong{font-family:var(--display);font-size:26px;letter-spacing:-1px}
.cart-total .button{width:100%;margin-top:6px}
.cart-total .text-link{justify-content:center}

/* checkout */
.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:start}
.checkout-fields fieldset{border:0;border-top:1px solid var(--ink);padding:22px 0 30px;margin:0}
.checkout-fields legend{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.8px;padding-right:12px}
.checkout-fields .form-grid{margin-top:8px}
.checkout-fields .form-grid .full{grid-column:1/-1}
.form-grid label.split{flex-direction:row;gap:12px}
.form-grid label.split>span{display:flex;flex-direction:column;gap:7px;flex:1}
.delivery-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.delivery-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #bfc1b4;background:#fff;cursor:pointer}
.delivery-option:has(input:checked){border-color:var(--ink);background:#f1f4dc;box-shadow:inset 3px 0 0 var(--orange)}
.delivery-option.is-unavailable{opacity:.6}
.delivery-option input{width:auto;accent-color:var(--orange)}
.delivery-option>span{display:flex;flex-direction:column;gap:3px;flex:1;font-size:12px}
.delivery-option small{font-size:10px;color:var(--muted)}
.delivery-option small:empty{display:none}
.delivery-reason{color:#923412!important}
.delivery-option em{font-style:normal;font-weight:700;font-size:12px;white-space:nowrap}
.address-fields{margin-top:20px}
.address-fields .eyebrow{font-size:9px;margin-bottom:6px}
.notes-label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;margin-top:20px}
.card-container{min-height:90px;margin-top:10px}
.summary-lines{list-style:none;padding:0;margin:0 0 6px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line);padding-bottom:14px}
.summary-lines li{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.summary-lines li>span{display:flex;flex-direction:column;gap:2px}
.summary-lines small{font-size:9px;color:var(--muted)}

/* order confirmation */
.order-page .eyebrow{margin-top:20px}
.order-page .page-title{margin-top:14px}
.order-ready{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;background:var(--lime);border:1px solid var(--ink);margin-bottom:34px;max-width:760px}
.order-ready strong{display:block;font-family:var(--display);font-size:26px;letter-spacing:-1px;margin-top:4px}
.order-ready p{font-size:11px;line-height:1.7;margin-top:6px}
.order-ready .eyebrow{font-size:9px;margin:0}
.order-items{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.order-items>li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}
.order-next{font-size:24px;letter-spacing:-.8px;margin-top:36px}
.next-steps{font-size:13px;line-height:1.9;color:var(--muted);padding-left:20px;margin-top:10px}

/* admin: orders */
.filter-link{padding:8px 10px;font-size:10px}
.filter-link[aria-current=page]{background:#e1e7d0;font-weight:700}
.admin-who{font-size:10px;color:#b9c3aa}
.admin-sidebar nav>a[aria-current]{background:#3c4735;color:#fff}
.orders-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:10px}
.orders-table th{text-align:left;font-size:9px;letter-spacing:.8px;color:var(--muted);padding:12px 10px;border-bottom:1px solid var(--line);font-weight:700}
.orders-table td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.orders-table td small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.orders-table tr:hover td{background:#eeeee5}
.orders-table .num{text-align:right;white-space:nowrap}
.status-pill{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.4px;padding:5px 8px;background:#e6e7dc;white-space:nowrap}
.status-paid{background:var(--orange);color:var(--ink)}
.status-in_production{background:#bed8e5}
.status-ready{background:var(--lime)}
.status-shipped{background:#d6e4c4}
.status-cancelled,.status-pending_payment{background:#ececec;color:var(--muted)}
.admin-order-grid{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start}
.admin-order-grid>section{display:flex;flex-direction:column;gap:14px}
.admin-item{border:1px solid var(--line);background:#fcfbf7;padding:18px 20px}
.admin-item h2{font-size:19px;letter-spacing:-.6px}
.admin-item h2 small{font-family:var(--body);font-size:9px;color:var(--muted);letter-spacing:.6px;margin-left:6px}
.admin-item .cart-line-head strong{font-family:var(--display);font-size:19px}
.admin-order-grid aside{display:flex;flex-direction:column;gap:14px}
.admin-card{border:1px solid var(--line);background:#fcfbf7;padding:18px 20px;font-size:12px;line-height:1.7}
.admin-card .eyebrow{font-size:8px;letter-spacing:1px;margin:10px 0 4px}
.admin-card .eyebrow:first-child{margin-top:0}
.admin-card a{text-decoration:underline;text-underline-offset:3px}
.status-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;margin-bottom:12px}
.status-form label.check{flex-direction:row;align-items:center;font-weight:500}
.status-form label.check input{width:auto}
.event-list{list-style:none;padding:0;margin:0;font-size:11px;display:flex;flex-direction:column;gap:8px}
.event-list span{color:var(--muted)}
.smtp-log{font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all;background:#20251f;color:#e6ead9;padding:14px;margin:8px 0 0;max-height:420px;overflow:auto}
.event-list li.is-failed span{color:#a23517;font-weight:600}
.email-settings{position:static}
.admin-notice a{text-decoration:underline}
.admin-pagination a{font-size:10px;font-weight:600}

@media(max-width:1100px){
  .product-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-layout{grid-template-columns:1fr minmax(320px,400px);gap:40px}
  .admin-order-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  .speed-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .speed-strip>div:nth-child(3){border-right:0}
  .speed-strip>div:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .product-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-layout,.cart-layout,.checkout-layout{grid-template-columns:1fr}
  .product-buy,.cart-total{position:static}
  .orders-table th:nth-child(4),.orders-table td:nth-child(4){display:none}
}
@media(max-width:650px){
  .cart-link{font-size:10px;margin-right:-6px}
  .speed-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .speed-strip>div{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)}
  .speed-strip>div:nth-child(2n){border-right:0!important}
  .speed-strip>div:last-child{grid-column:1/-1;border-bottom:0}
  .speed-strip strong{font-size:24px}
  .product-grid,.category-grid{grid-template-columns:1fr}
  .product-card{min-height:0}
  .configurator{padding:18px}
  .price-box{flex-direction:column;align-items:stretch}
  .price-box .button{justify-content:space-between}
  .cart-line{padding:18px}
  .cart-line-head{flex-direction:column}
  .cart-line-price{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
  .checkout-fields .form-grid{grid-template-columns:1fr}
  .order-items>li{flex-direction:column;gap:6px}
  .orders-table th:nth-child(3),.orders-table td:nth-child(3){display:none}
}

/* /admin/setup/ installation self-check */
.setup-check{width:min(560px,calc(100% - 40px))}
.setup-checklist{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--line)}
.setup-checklist li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.setup-checklist p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}
.check-icon{flex:0 0 26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:#e6e7dc}
.check-ok .check-icon,.check-done .check-icon{background:var(--lime)}
.check-warn .check-icon{background:#ffd9c9}
.check-fail .check-icon{background:#a23517;color:#fff}
.check-fail strong{color:#a23517}
.check-fail p{color:var(--ink)!important}
.setup-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:22px}