/* Guest packet storefront: no external fonts or framework required. */
:root{--cream:#f3efe6;--forest:#2c4234;--add:#334d3a;--ink:#28372b;--muted:#58634f;--paper:#fffdf7;--line:#d7d7c8;--error:#8b251d;color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body{margin:0;padding-bottom:7rem}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:not(:disabled):active,a:active{opacity:.7}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--add);text-underline-offset:.2em}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.15;margin:0 0 .8rem}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.7rem,3vw,2.2rem)}h3{font-size:2rem}p{line-height:1.55}fieldset{border:0;padding:0;margin:1.2rem 0}legend,label{font-size:.9rem;font-weight:600}legend{margin-bottom:.6rem}label{display:block}input,select,textarea{max-width:100%;border:1px solid #aeb8a6;border-radius:.45rem;color:var(--ink);background:#fff;padding:.8rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b88436;outline-offset:3px}input[aria-invalid="true"]{border-color:var(--error)}[hidden]{display:none!important}.page-shell{width:min(1060px,calc(100% - 2rem));margin:1.5rem auto}.hero{border-radius:1rem;padding:2.1rem 2.5rem;background:var(--forest);color:var(--paper);margin-bottom:2.5rem}.hero p{margin:.5rem 0}.hero .eyebrow{color:#d8dbba}.hero-note{color:#e1e5d9;font-size:.95rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700;color:var(--muted);margin:0 0 .75rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.3rem}.section-heading p{color:var(--muted)}.coffee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.coffee-card{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:1rem}.packet-stage{display:flex;align-items:center;justify-content:center;height:240px;background:#e8e8da}.coffee-card:nth-child(2) .packet-stage{background:#e9dfcf}.packet-image{width:210px;height:220px;object-fit:contain}.card-content{padding:1.6rem}.choices{display:flex;gap:.55rem}.choices label{position:relative;flex:1}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;text-align:center;padding:.8rem .5rem;border:1px solid var(--line);border-radius:.4rem;font-size:.88rem;font-weight:500}.choices input:checked+span{background:var(--forest);border-color:var(--forest);color:white}.choices input:focus-visible+span{outline:3px solid #b88436;outline-offset:3px}.choices input:disabled+span{opacity:.4;text-decoration:line-through}.purchase-row{display:flex;align-items:end;justify-content:space-between;gap:1rem}.quantity-stepper{display:flex;align-items:center;border:1px solid #aeb8a6;border-radius:.45rem;margin-top:.45rem;overflow:visible;background:white}.quantity-stepper button{border:0;background:transparent;min-width:44px;min-height:44px;font-size:1.2rem;color:var(--forest);border-radius:.4rem}.quantity-stepper input{width:65px;text-align:center;border:0;border-radius:0;padding:.6rem .1rem;-moz-appearance:textfield}.quantity-stepper input::-webkit-inner-spin-button{appearance:none}.card-pricing{text-align:right}.card-pricing strong{display:block;font-size:1.35rem}.card-pricing span{font-size:.8rem;color:var(--muted)}.variant-status{font-size:.8rem;color:var(--muted);min-height:1.4em;margin:.8rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.3rem;border:1px solid transparent;border-radius:.45rem;font-weight:600;text-decoration:none}.primary{background:var(--add);color:white}.primary:hover:not(:disabled){background:#24392b}.secondary{background:transparent;border-color:var(--forest);color:var(--forest)}.add-to-basket{width:100%}.text-button{border:0;background:transparent;color:var(--forest);min-height:44px;text-decoration:underline;text-underline-offset:.2em;padding:.4rem .2rem}.panel{background:var(--paper);padding:2rem;border:1px solid var(--line);border-radius:1rem;margin:1.5rem 0}.details{margin-top:2rem}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0}.full-width{grid-column:1/-1}.field-group label{margin-bottom:.5rem}.field-group input,.field-group textarea{width:100%}.field-group textarea{min-height:90px;resize:vertical}.field-error{color:var(--error);font-size:.9rem}.error-summary{padding:1.2rem;border:2px solid var(--error);color:var(--error);border-radius:.5rem;margin-bottom:1.5rem;background:#fff7f3}.error-summary h2{font-size:1.5rem}.error-summary a{color:inherit}.errorlist{padding-left:1.2rem}.fallback-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:1rem;margin-bottom:1rem}.fallback-row select,.fallback-row input{width:100%;margin-top:.5rem}.sticky-basket{position:fixed;z-index:10;bottom:0;left:0;width:100%;background:var(--paper);border-top:1px solid var(--line);padding:1rem max(1rem,calc((100vw - 1000px)/2));box-shadow:0 -4px 20px #28372b0d;display:flex;justify-content:space-between;align-items:center;gap:1rem}.sticky-basket strong,.sticky-basket span{display:block}.sticky-basket span{font-size:.9rem;margin-top:.2rem}dialog{width:min(620px,calc(100% - 2rem));max-height:85dvh;border:1px solid var(--line);border-radius:1rem;background:var(--paper);color:var(--ink);padding:1.7rem;overflow-y:auto}dialog::backdrop{background:#14201999}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dialog-heading h2{margin:0}.basket-line{padding:1.1rem 0;border-bottom:1px solid var(--line)}.basket-line h3{font:600 1.05rem system-ui;margin-bottom:.3rem}.basket-line p{margin:.2rem 0 .8rem;font-size:.9rem;color:var(--muted)}.basket-line-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.basket-line-controls .quantity-stepper{margin:0}.basket-line-price{margin-left:auto;font-weight:600}.basket-total-row{display:flex;justify-content:space-between;margin:1.5rem 0;font-size:1.2rem}#continue-details{width:100%}footer{text-align:center;margin:2rem 0;color:var(--muted);font-size:.9rem}.review-shell{max-width:860px}.review-shell .hero{margin-bottom:1.5rem}.notice{background:#e8eede;padding:1rem;border-radius:.4rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:1.4rem 0 2rem;font-size:.95rem}th,td{padding:1rem .5rem;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.number{text-align:right;white-space:nowrap}.delivery-summary{margin:1.2rem 0 2rem}.delivery-summary>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1rem;padding:.65rem 0}.delivery-summary dt{font-size:.9rem;font-weight:600}.delivery-summary dd{margin:0;overflow-wrap:anywhere}.preserve-lines{white-space:pre-wrap}.review-actions{display:flex;justify-content:space-between;gap:1rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:1rem;background:white;padding:1rem;z-index:30}.skip-link:focus{top:1rem}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:640px){.page-shell{margin:1rem auto}.hero{padding:1.7rem 1.4rem;margin-bottom:1.8rem}.coffee-grid{grid-template-columns:1fr;gap:1.2rem}.section-heading{display:block}.section-heading>p{font-size:.9rem}.packet-stage{height:205px}.packet-image{height:190px}.card-content{padding:1.3rem}.panel{padding:1.3rem}.details-grid{grid-template-columns:1fr}.delivery-summary>div{grid-template-columns:1fr;gap:.3rem}.review-actions{flex-direction:column-reverse}.sticky-basket{padding:.85rem 1rem}.sticky-basket .button{padding:.7rem 1rem}.fallback-row{grid-template-columns:minmax(0,1fr) 80px}dialog{padding:1.2rem}.basket-line-controls{gap:.7rem}.basket-line-price{margin-left:0}.dialog-heading h2{font-size:1.7rem}}

/* Approved browse-first layout: compact packet artwork alongside product identity. */
.brand-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 3px 22px}.wordmark{font:24px Georgia,serif;text-decoration:none;color:var(--ink);line-height:1.1}.wordmark span{display:block;font:9px system-ui,sans-serif;letter-spacing:.15em;margin-top:6px}.help-link{font-size:12px;border:1px solid #b6b9a5;border-radius:8px;padding:11px 13px;text-decoration:none}.hero{padding:24px 26px;margin-bottom:24px}.hero h1{font-size:36px;margin:9px 0}.hero-note{font-size:13px}.section-heading h2{font-size:25px}.section-heading{margin-bottom:18px}.section-heading>p{font-size:12px;line-height:1.45}.card-content{padding:20px}.product-top{display:flex;gap:17px;align-items:center}.packet-stage{height:172px;flex:0 0 138px;border-radius:10px;background:#eee8dc}.packet-image{width:130px;height:165px;object-fit:contain}.product-copy{min-width:0}.product-copy h3{font-size:27px;margin:0 0 8px}.product-copy .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:8px}.product-description{font-size:12px;color:var(--muted);margin:0 0 12px;line-height:1.45}.packet-price{font-size:23px}.per-packet{font-size:12px;color:var(--muted)}fieldset{margin:14px 0}.card-pricing span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.selection-total{font-size:21px}.delivery-note{font-size:12px;color:var(--muted);line-height:1.5}.keep-shopping{width:100%;padding:12px;margin-top:8px}.basket-toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);background:var(--forest);color:var(--paper);padding:13px 18px;border-radius:10px;z-index:20;box-shadow:0 5px 24px #18231b30;font-size:13px;width:max-content;max-width:90%}.product-description,.variant-status{line-height:1.45}.brand-bar a:focus-visible{outline:3px solid #b88436;outline-offset:3px}
@media(max-width:600px){.page-shell{width:calc(100% - 32px);margin:16px auto}.hero{padding:23px 20px}.hero h1{font-size:29px}.brand-bar{padding-bottom:18px}.wordmark{font-size:22px}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading>p{display:none}.section-heading .eyebrow{display:none}.card-content{padding:16px}.product-top{gap:12px}.packet-stage{flex-basis:115px;height:151px}.packet-image{width:112px;height:147px}.product-copy h3{font-size:24px}.product-description{font-size:12px}.packet-price{font-size:20px}.product-copy .eyebrow{font-size:8px}.coffee-grid{gap:16px}.purchase-row{align-items:flex-end}.selection-total{font-size:20px}.card-pricing{min-width:0}.variant-status{font-size:12px;margin:11px 0}.coffee-card .button.primary{font-size:14px}.hero-note{font-size:12px}}
@media(max-width:360px){.packet-stage{flex-basis:95px}.packet-image{width:95px}.product-copy h3{font-size:21px}.per-packet{display:block}}
