:root{--ink:#183c34;--muted:#6b7970;--paper:#f8f8f2;--line:#dfe4d9;--lime:#d9ed84;--soft:#eef2e6;--white:#fff;--radius:16px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a,button{touch-action:manipulation}button,input,select,textarea{outline-offset:4px}:focus-visible{outline:2px solid #2f775d}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}p{line-height:1.65}button{border:0;background:transparent}img{display:block;max-width:100%}[hidden]{display:none!important}.preview-strip{text-align:center;background:var(--ink);color:#e8efdc;font-size:11px;letter-spacing:.015em;padding:9px 18px;line-height:1.5}.preview-strip span{padding:0 10px;color:var(--lime)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 5.2%;border-bottom:1px solid var(--line);background:var(--paper)}.wordmark{font-weight:800;font-size:31px;letter-spacing:-.065em;line-height:.9}.wordmark span{display:block;font-size:8px;letter-spacing:.23em;margin:10px 0 0 2px;font-weight:500}.site-header nav{display:flex;gap:30px;font-size:13px;align-items:center}.site-header nav a:hover,.text-button:hover{color:#497742}.cart-link{background:var(--white);border:1px solid var(--line);padding:12px 16px;border-radius:50px;font-size:13px;white-space:nowrap;display:flex;gap:14px;align-items:center}.cart-link span{display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;min-width:23px;height:23px;font-size:11px}.hero{max-width:1600px;margin:auto;padding:60px 6% 48px;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;min-height:510px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;margin-bottom:20px}.hero h1{font-size:clamp(45px,4.7vw,77px);line-height:1.03;letter-spacing:-.065em;margin-bottom:25px;font-weight:500}.hero h1 span,.page-heading h1 span,.receipt-heading h1 span{color:#82944d}.hero-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:440px;line-height:1.8;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:13px 22px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;line-height:1.4}.primary{background:var(--ink);color:#fff}.primary:hover{background:#295448}.secondary{background:#fff;border-color:var(--line)}.secondary:hover{background:var(--soft)}.full{width:100%}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:10px;color:var(--muted)}.hero-meta i{width:3px;height:3px;background:var(--muted);border-radius:50%}.hero-art{height:370px;position:relative}.art-circle{position:absolute;width:90%;height:92%;background:#e4eccd;border-radius:50%;left:10%;top:0}.hero-crab{position:absolute;width:88%;height:250px;object-fit:contain;top:3px;left:4%;mix-blend-mode:multiply;transform:rotate(-7deg)}.hero-mini{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:16px;background:#fff;padding:13px 22px 13px 13px;border:1px solid var(--line);border-radius:13px;transform:rotate(3deg);box-shadow:0 15px 24px #183c3408}.hero-mini img{width:152px;height:98px;object-fit:contain}.hero-mini span{font-size:12px;line-height:1.6}.art-note{position:absolute;right:0;bottom:34px;font-size:8px;letter-spacing:.16em;transform:rotate(-90deg);transform-origin:100% 100%}.catalog-section{padding:48px 5.2% 62px;max-width:1700px;margin:auto;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2,.how-it-works h2{font-size:34px;font-weight:500;margin-bottom:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:12px;color:var(--muted);margin:0}.catalog-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:18px}.search{display:flex;align-items:center;gap:12px;padding:0 15px;background:#fff;border:1px solid var(--line);border-radius:8px;width:430px;max-width:75%;font-size:22px}.search input{border:0;background:transparent;padding:15px 0;width:100%;outline:0;font-size:12px}.catalog-count{font-size:12px;color:var(--muted);white-space:nowrap}.category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.category-tabs button{font-size:11px;padding:10px 13px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.category-tabs button:hover{border-color:var(--ink)}.category-tabs .active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.product-card{min-width:0;background:white;border:1px solid #e4e8de;border-radius:13px;overflow:hidden;transition:border-color .18s,transform .18s}.product-card:hover{border-color:#a7b990;transform:translateY(-3px)}.product-picture{width:100%;aspect-ratio:1.15;background:#fff;display:block;padding:22px;position:relative;border-bottom:1px solid #f1f2eb}.product-picture img{height:100%;width:100%;object-fit:contain}.featured-tag{position:absolute;top:13px;left:13px;font-size:9px;padding:5px 8px;border-radius:4px;background:var(--lime)}.product-info{padding:17px}.sku{font-size:10px;letter-spacing:.06em;color:var(--muted)}.product-info h3{font-size:15px;line-height:1.4;letter-spacing:-.015em;margin:8px 0;min-height:42px}.pack-label{font-size:11px;color:var(--muted);margin:0 0 18px;min-height:18px}.product-actions{display:flex;justify-content:space-between;align-items:center;gap:6px}.text-button{font-size:12px;padding:0;text-decoration:underline;text-underline-offset:5px;line-height:1.6}.add-small{display:flex;gap:6px;align-items:center;border-radius:6px;background:var(--soft);font-size:11px;padding:9px 13px;white-space:nowrap}.add-small:hover{background:var(--lime)}.added-dot{width:6px;height:6px;border-radius:50%;background:#388453}.pagination{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:36px;font-size:12px}.pagination button{padding:8px;font-size:12px}.pagination button:disabled{cursor:default}.how-it-works{background:var(--soft);padding:55px 8%;border-top:1px solid var(--line)}.how-it-works h2{margin-bottom:36px}.how-it-works>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7%}.how-it-works article{border-top:1px solid #cad6b9;padding-top:22px}.how-it-works article>span{font-size:11px;color:#697b4e}.how-it-works h3{font-size:18px;margin:15px 0 10px}.how-it-works article p{font-size:13px;color:var(--muted);max-width:310px}.site-footer{padding:40px 5.2% 28px;display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);background:#f3f4ec}.site-footer b{font-size:23px;letter-spacing:-.055em}.site-footer p,.site-footer a{font-size:11px;color:var(--muted)}.site-footer>div:nth-child(2){display:flex;flex-direction:column;gap:11px;align-items:end}.site-footer>p{grid-column:1/-1;margin-bottom:0;padding-top:22px;border-top:1px solid var(--line)}.loading{padding:100px;text-align:center}.page-shell{max-width:1500px;margin:auto;padding:52px 5.2% 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px}.page-heading h1{font-size:38px;line-height:1.15;margin-bottom:14px;font-weight:500}.page-heading .eyebrow{margin-bottom:12px}.page-heading p{font-size:13px;color:var(--muted);margin-bottom:0}.enquiry-layout{display:grid;grid-template-columns:1.45fr 1fr;align-items:start;gap:26px}.panel{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:26px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-heading h2{font-size:20px;margin-bottom:0}.panel-heading>span{font-size:11px;color:var(--muted)}.cart-row{display:grid;grid-template-columns:85px 1fr 106px;gap:18px;padding:24px 0;border-top:1px solid var(--line);align-items:start}.cart-thumb{background:#fff;padding:0;align-self:start}.cart-thumb img{width:85px;height:90px;object-fit:contain}.cart-product h3{font-size:15px;line-height:1.4;margin:6px 0}.cart-product p{margin-bottom:10px}.small{font-size:11px;line-height:1.6}.muted{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.5}input,select,textarea{width:100%;min-width:0;border:1px solid #d6dfd3;padding:11px 12px;border-radius:6px;background:#fff;font-size:13px;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:#6c936c}.cart-controls{display:flex;flex-direction:column;gap:9px}.cart-controls input,.cart-controls select{padding:8px;font-size:12px}.line-note{font-size:10px;color:var(--muted);margin-top:13px}.line-note input{font-size:11px;padding:8px}.remove-button{font-size:10px;color:#8f584b;text-align:left;padding:3px 0}.selection-foot{background:var(--paper);border-radius:8px;padding:16px;font-size:12px}.selection-foot b{padding:0 5px}.selection-foot p{font-size:10px;color:var(--muted);margin:8px 0 0}.notice{border:1px solid #e0e5ce;background:#f3f6e8;padding:18px;border-radius:9px;font-size:12px;line-height:1.7}.notice p{margin:5px 0 0}.freight-note{margin-top:18px}.contact-panel h2{font-size:25px;font-weight:500;margin-bottom:24px}.contact-panel .eyebrow{margin-bottom:10px}.contact-panel form{display:flex;flex-direction:column;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-help{font-size:10px;color:var(--muted);line-height:1.7;margin:-6px 0 0}.check{display:flex;flex-direction:row;align-items:start;gap:10px;font-size:10px}.check input{width:15px;height:15px;flex-shrink:0;accent-color:var(--ink);margin-top:1px;padding:0}.form-error{font-size:12px;color:#a83c2b;white-space:pre-wrap;margin:0;line-height:1.6}.empty-state{text-align:center;padding:90px 30px;grid-column:1/-1}.empty-state h1{font-size:40px}.empty-state p{color:var(--muted);font-size:14px}.empty-state .button{margin-top:15px}.receipt-page{max-width:1200px}.receipt-heading{text-align:center;margin-bottom:40px}.success-icon{display:grid;place-items:center;border-radius:50%;background:var(--lime);width:44px;height:44px;margin:0 auto 24px;font-size:22px}.receipt-heading h1{font-size:40px;font-weight:500;line-height:1.2}.receipt-heading p{font-size:13px;color:var(--muted)}.reference{display:inline-flex;align-items:center;gap:24px;padding:16px 20px;border:1px solid var(--line);background:#fff;border-radius:8px}.reference strong{font-size:19px;letter-spacing:.01em}.receipt-actions{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}.receipt-page>.panel,.receipt-page>.notice{margin-bottom:24px}.quote-wait{text-align:center;background:#f1f4e7}.quote-wait h2{font-weight:500;font-size:25px;margin:12px 0}.quote-wait p{font-size:13px;color:var(--muted)}.status-dot{display:inline-block;width:8px;height:8px;background:#78934b;border-radius:50%}.receipt-line{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);padding:20px 0}.receipt-line img{width:70px;height:70px;object-fit:contain}.receipt-line h3{font-size:14px;margin:5px 0}.receipt-line p{font-size:11px;color:var(--muted);margin:4px 0}.receipt-line>b{font-size:12px}.receipt-contact{border-top:1px solid var(--line);padding-top:20px;font-size:12px}.receipt-contact p{margin:8px 0 0}.quotation>p{font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-weight:500;color:var(--muted);font-size:10px;background:var(--paper);padding:13px 12px;white-space:nowrap}td{padding:16px 12px;border-bottom:1px solid var(--line);line-height:1.65}tr:last-child td{border-bottom:0}.quote-total{display:flex;justify-content:space-between;gap:20px;padding:20px 12px;border-top:1px solid var(--line);font-size:17px}.freight-details{font-size:12px;padding:10px 0}.product-dialog{padding:0;max-width:1000px;width:90vw;border:0;border-radius:18px;color:var(--ink);overflow:auto;max-height:90vh;box-shadow:0 30px 100px #05130c40}.product-dialog[open]{display:grid;grid-template-columns:1fr 1.05fr}.product-dialog::backdrop,.image-dialog::backdrop{background:#102d28a6;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:15px;top:12px;width:32px;height:32px;background:var(--paper);border-radius:50%;font-size:23px;z-index:1}.detail-image{display:grid;place-items:center;padding:35px;background:#fff;min-width:0}.detail-image button{padding:0;width:100%;text-align:center}.detail-image img{object-fit:contain;max-height:450px;width:100%}.detail-image span{display:block;font-size:10px;color:var(--muted);margin-top:20px}.detail-copy{padding:45px 35px;background:var(--paper)}.detail-copy h2{font-size:29px;font-weight:500;line-height:1.2;margin:10px 0 18px}.detail-copy>p{font-size:12px;color:var(--muted)}.detail-copy .eyebrow{font-size:9px}.spec-list{margin:24px 0;font-size:11px}.spec-list>div{display:grid;grid-template-columns:1fr 1.4fr;gap:15px;padding:11px 0;border-top:1px solid var(--line);line-height:1.7}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0}.detail-copy form .form-row{margin-bottom:16px}.detail-copy>.small{margin-top:15px;margin-bottom:0}.image-dialog{width:90vw;height:90vh;max-width:1400px;padding:0;border:0;border-radius:12px;color:var(--ink)}.viewer-toolbar{height:57px;background:var(--paper);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.viewer-toolbar>div{display:flex;gap:8px}.viewer-toolbar button{padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:5px}.viewer-scroll{height:calc(100% - 57px);overflow:auto;display:grid;place-items:safe center;background:#fff;padding:20px}.viewer-scroll img{object-fit:contain;max-height:100%;width:auto;max-width:100%;transform-origin:center}.viewer-scroll img.zoom-2{max-width:none;max-height:none;width:1200px}.viewer-scroll img.zoom-3{max-width:none;max-height:none;width:1800px}.viewer-scroll img.zoom-4{max-width:none;max-height:none;width:2400px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);z-index:10000;max-width:90vw;padding:14px 22px;color:#fff;background:var(--ink);border:1px solid #668777;border-radius:10px;box-shadow:0 5px 30px #0d30203d;opacity:0;pointer-events:none;transition:.2s;font-size:12px;line-height:1.5}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Local sales desk */
.staff-body{background:#f3f5ef}.staff-header{padding:22px 4%;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.staff-brand{font-size:19px;font-weight:600;letter-spacing:-.02em}.staff-brand span{font-size:11px;font-weight:400;margin-left:18px;color:#c8d8b8}.staff-header nav{display:flex;align-items:center;gap:20px;font-size:12px}.staff-header button{color:white;font-size:12px}.staff-shell{max-width:1550px;margin:auto;padding:32px 4% 60px}.staff-top{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:24px}.staff-top h1{font-size:30px;margin-bottom:10px}.staff-top p{font-size:12px;color:var(--muted);margin:0}.login-panel{max-width:420px;margin:80px auto;padding:35px}.login-panel h1{font-size:26px}.login-panel p{font-size:12px;color:var(--muted)}.login-panel form{display:flex;flex-direction:column;gap:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:12px;text-align:left;padding:20px}.stat span{font-size:11px;color:var(--muted)}.stat b{font-size:29px;display:block;margin-top:10px;font-weight:500}.stat.active{border-color:#8da46d;background:#f0f4e3}.inbox-layout{display:grid;grid-template-columns:310px 1fr;gap:22px;align-items:start}.inbox-list{display:flex;flex-direction:column;gap:10px}.inquiry-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px;text-align:left}.inquiry-item.active{border-color:#7d9666;background:#f4f8e9;box-shadow:inset 3px 0 var(--ink)}.inquiry-item h3{font-size:14px;margin:10px 0 5px;letter-spacing:0}.inquiry-item p{font-size:11px;margin:5px 0;color:var(--muted)}.inquiry-item>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.inquiry-item time{font-size:10px;color:var(--muted)}.pill{font-size:10px;background:var(--soft);color:#4f6a39;padding:5px 9px;border-radius:20px;white-space:nowrap}.pill.new{background:#f9eeca;color:#866329}.pill.quoted{background:#dff0dd;color:#316c41}.pill.processing{background:#e6edf4;color:#476181}.detail-stack{display:flex;flex-direction:column;gap:20px}.detail-stack h2{font-size:21px}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.customer-grid p{margin:4px 0;color:var(--muted);overflow-wrap:anywhere}.customer-grid b{font-weight:500}.detail-stack .notice{margin-top:15px}.claim-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.claim-form label{flex:1;min-width:140px}.claim-form .button{flex:0 0 auto}.claim-form .check{flex-basis:100%;min-width:0}.staff-selected{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.staff-selected h3{font-size:13px}.staff-selected .receipt-line{grid-template-columns:55px 1fr auto;gap:14px}.staff-selected .receipt-line img{width:55px;height:55px}.review-card{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;background:#fff;overflow:hidden}.review-card summary{cursor:pointer;padding:15px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none}.review-card summary::before{content:'+';color:var(--muted)}.review-card[open] summary::before{content:'−'}.review-card summary>span:first-of-type{flex:1}.review-form{padding:0 18px 18px}.review-form .notice{margin:0 0 16px;font-size:11px}.fields-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fields-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.review-form>.form-row,.review-form>.check{margin-top:16px}.review-form .button{margin-top:15px}.quote-form{display:flex;flex-direction:column;gap:17px}.quote-form fieldset{border:1px solid var(--line);border-radius:8px;padding:16px;margin:0;min-width:0}.quote-form legend{font-size:12px;padding:0 7px;color:var(--muted)}.quote-form label{font-size:11px}.quote-form .button-row{display:flex;gap:12px;flex-wrap:wrap}.inline-help{font-size:11px;color:var(--muted);margin:12px 0 0}.quote-preview{padding:20px;border:1px solid #b3c599;border-radius:10px;background:#f8faef;margin-top:20px}.quote-preview h3{font-size:18px;margin-bottom:14px}.quote-preview .check{font-size:12px;margin:18px 0}.quote-preview .notice{font-size:11px;margin-bottom:15px}.event-list{list-style:none;padding:0;margin:0}.event-list li{border-left:2px solid #d4dfc6;padding:0 0 22px 18px;font-size:12px}.event-list li:last-child{padding-bottom:0}.event-list time{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.event-list p{font-size:11px;color:var(--muted);margin:5px 0 0}.customer-folder{font-size:11px;line-height:1.7;background:var(--paper);padding:13px;border-radius:7px;white-space:pre-wrap}.staff-placeholder{text-align:center;padding:90px 20px;color:var(--muted);border:1px dashed #c9d5bd;border-radius:12px;font-size:14px}.staff-quote-result{margin-bottom:18px;background:var(--soft);padding:18px;border-radius:9px;font-size:12px}.staff-quote-result .button{margin-top:10px}.tiny{font-size:10px}.spaced{margin-top:15px}
@media(min-width:1600px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.site-header nav{gap:18px}.hero{padding-top:45px;gap:3%}.hero-art{height:320px}.hero-crab{height:210px}.hero-mini img{width:115px;height:90px}.hero-mini{padding-right:15px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.enquiry-layout{grid-template-columns:1.1fr 1fr;gap:18px}.panel{padding:20px}.cart-row{grid-template-columns:55px 1fr 85px;gap:12px}.cart-thumb img{width:55px;height:65px}.inbox-layout{grid-template-columns:260px 1fr}.fields-3{grid-template-columns:1fr 1fr}}@media(max-width:760px){.preview-strip{font-size:9px;padding:7px 12px}.site-header{padding:19px 5%;gap:15px;flex-wrap:wrap}.wordmark{font-size:27px}.site-header nav{order:3;width:100%;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding-top:15px;margin-top:2px;gap:8px}.cart-link{padding:9px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding:36px 6% 28px;gap:10px}.hero h1{font-size:53px;margin-bottom:18px}.hero-copy>p:not(.eyebrow){font-size:13px;max-width:450px}.hero-meta{font-size:9px;margin-top:21px}.hero-art{height:255px;margin:12px 5% 0}.art-circle{width:80%;height:95%;left:15%}.hero-crab{width:85%;height:200px;top:0;left:5%}.hero-mini{bottom:0;left:0}.hero-mini img{width:90px;height:55px}.hero-mini span{font-size:10px}.art-note{bottom:20px;font-size:7px}.catalog-section{padding:32px 5% 40px}.section-heading{align-items:start;gap:18px;margin-bottom:22px}.section-heading h2{font-size:27px}.section-heading>p{display:none}.section-heading .eyebrow{font-size:8px;margin-bottom:12px}.category-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:8px;margin-bottom:18px;scrollbar-width:thin}.category-tabs button{padding:9px 12px;font-size:10px}.search{max-width:83%;width:100%}.search input{font-size:11px;padding:13px 0}.catalog-count{font-size:10px}.catalog-tools{gap:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px}.product-info{padding:13px}.product-picture{padding:15px;aspect-ratio:1.05}.featured-tag{top:8px;left:8px;font-size:8px;padding:4px 6px}.sku{font-size:9px}.product-info h3{font-size:13px;min-height:37px;margin:7px 0}.pack-label{font-size:10px;min-height:16px;margin-bottom:14px}.product-actions .text-button{font-size:10px}.add-small{font-size:10px;padding:8px 10px}.pagination{gap:20px;font-size:11px;margin-top:24px}.pagination button{font-size:11px}.how-it-works{padding:35px 6%}.how-it-works h2{font-size:28px;line-height:1.2;margin-bottom:25px}.how-it-works>div{grid-template-columns:1fr;gap:18px}.how-it-works article{padding-top:17px}.how-it-works h3{font-size:17px;margin:10px 0 6px}.how-it-works article p{font-size:12px;margin-bottom:0;max-width:none}.site-footer{grid-template-columns:1fr;padding:28px 6%;gap:18px}.site-footer>div:nth-child(2){align-items:start}.site-footer>p{padding-top:18px}.page-shell{padding:32px 5% 45px}.page-heading{display:block;margin-bottom:23px}.page-heading h1{font-size:31px}.page-heading>.text-button{display:inline-block;margin-top:17px}.enquiry-layout{grid-template-columns:1fr;gap:20px}.panel{padding:18px;border-radius:12px}.panel-heading{gap:10px}.panel-heading h2{font-size:18px}.panel-heading>span{font-size:10px}.cart-row{grid-template-columns:55px 1fr 86px;gap:12px;padding:20px 0}.cart-product h3{font-size:13px}.cart-controls label{font-size:10px}.cart-controls input,.cart-controls select{font-size:11px}.line-note{font-size:9px}.line-note input{padding:7px;font-size:10px}.contact-panel{padding:23px}.receipt-heading h1{font-size:32px}.reference{gap:18px;padding:14px}.reference strong{font-size:16px}.reference .text-button{font-size:10px}.receipt-actions{flex-direction:column;align-items:stretch;max-width:320px;margin:22px auto 0}.receipt-actions>.text-button{margin:12px 0}.receipt-line{grid-template-columns:55px 1fr auto;gap:12px}.receipt-line img{width:55px;height:55px}.receipt-line h3{font-size:12px}.receipt-line>b{font-size:10px;max-width:80px;text-align:right}.receipt-line p{font-size:10px}.quote-wait h2{font-size:22px}.quote-wait p{font-size:12px}.quotation .panel-heading{align-items:start;flex-direction:column}.quote-total{font-size:15px}.product-dialog[open]{display:block;max-height:92vh;width:94vw}.detail-image{padding:30px 35px 20px}.detail-image img{max-height:230px}.detail-image span{margin-top:10px}.detail-copy{padding:26px}.detail-copy h2{font-size:25px}.detail-copy .eyebrow{margin-bottom:12px}.image-dialog{width:96vw;height:86vh}.viewer-toolbar{padding:10px;font-size:10px;gap:8px}.viewer-toolbar>span{max-width:55%;overflow:hidden;max-height:30px}.viewer-toolbar button{padding:6px 9px}.viewer-toolbar>div{gap:4px}.staff-header{padding:18px 5%}.staff-brand{font-size:15px}.staff-brand span{display:block;margin:7px 0 0;font-size:9px}.staff-header nav{font-size:10px;gap:10px;flex-wrap:wrap;justify-content:end}.staff-header button{font-size:10px}.staff-shell{padding:25px 5% 40px}.staff-top h1{font-size:25px}.staff-top .button{font-size:11px;padding:10px 13px;min-height:40px}.stats{gap:9px}.stat{padding:15px}.stat span{font-size:10px}.stat b{font-size:24px}.inbox-layout{grid-template-columns:1fr}.inbox-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;max-height:320px;overflow:auto}.inquiry-item{padding:13px}.inquiry-item h3{font-size:12px}.inquiry-item p{font-size:10px}.inquiry-item>div{gap:5px;flex-wrap:wrap}.inquiry-item .sku{font-size:8px}.pill{font-size:9px;padding:4px 7px}.customer-grid{gap:10px;font-size:11px}.fields-3,.fields-2{grid-template-columns:1fr 1fr}.claim-form{gap:10px}.staff-top{gap:15px}.login-panel{margin:35px auto;padding:27px}.staff-placeholder{padding:45px 20px}.staff-selected .receipt-line{gap:10px}.review-card summary{font-size:11px;padding:13px}.quote-form fieldset{padding:13px}.quote-preview{padding:14px}.table-scroll table{font-size:11px}th{font-size:9px;padding:11px 9px}td{padding:13px 9px}}

.search{flex-direction:row}.art-note{writing-mode:vertical-rl;transform:none;top:130px;bottom:auto;right:0}

.site-footer .sales-email {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.site-footer .sales-email {
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
}
@media (max-width: 760px) {
  .site-footer { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
}

.header-actions { display:flex; align-items:center; gap:18px; }
.header-email { display:flex; align-items:center; gap:8px; white-space:nowrap; font-size:12px; line-height:1.4; }
.header-email svg { flex:none; }
.header-email-label { color:var(--muted); }
.header-email strong { font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.carton-picker { display:grid; grid-template-columns:minmax(110px,1fr) 1.4fr; align-items:center; gap:20px; }
.piece-count { display:flex; flex-direction:column; gap:4px; line-height:1.45; }
.piece-count strong { font-size:14px; font-weight:650; }
.piece-count small { color:var(--muted); font-size:11px; }
.carton-review { font-size:11px; color:#815d2a; line-height:1.5; }
.cart-controls { min-width:0; }
.cart-controls .piece-count { margin-top:4px; }
#selection-totals > span { font-weight:600; }
@media (max-width:1200px) {
  .site-header { flex-wrap:wrap; gap:18px; }
  .site-header nav { order:3; width:100%; justify-content:center; gap:30px; border-top:1px solid var(--line); padding-top:16px; }
}
@media (max-width:620px) {
  .header-actions { width:100%; justify-content:space-between; gap:10px; }
  .header-email { gap:6px; font-size:12px; }
  .header-email-label { display:none; }
  .header-email svg { width:16px; height:16px; }
  .header-actions .cart-link { gap:7px; padding:8px 10px; }
  .cart-row { grid-template-columns:54px minmax(0,1fr); }
  .cart-controls { grid-column:1 / -1; display:grid; grid-template-columns:minmax(85px,1fr) minmax(0,1fr); gap:10px 16px; align-items:center; }
  .cart-controls .remove-button { grid-column:2; text-align:left; }
  .cart-controls .carton-review { grid-column:1 / -1; }
}
@media (max-width:380px) {
  .header-email { font-size:10px; gap:4px; }
  .header-actions { gap:6px; }
  .header-actions .cart-link { padding:7px 8px; font-size:10px; gap:5px; }
  .header-actions .cart-link span { min-width:20px; height:20px; }
}

.spec-list dd{white-space:pre-line;overflow-wrap:anywhere}.spec-notes{font-size:13px;line-height:1.6;color:var(--muted);padding-left:20px}.spec-basis{margin-bottom:8px}.product-play h2{font-size:21px;margin-top:24px}.product-play p{font-size:15px;line-height:1.65}.variant-spec{padding:14px 0;border-bottom:1px solid var(--line)}.variant-spec h3{font-size:16px}.variant-spec p{font-size:13px}.detail-copy{min-width:0}