.pickup-page{background:#edf3f5;color:#071e24;font-family:Arial,Helvetica,sans-serif}.pickup-page *{box-sizing:border-box}.pickup-header{height:82px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:#05272d}.pickup-brand{width:250px;flex-shrink:0}.pickup-brand img{display:block;width:100%}.pickup-header nav{display:flex;gap:clamp(13px,2vw,35px);align-items:center}.pickup-header nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.pickup-header nav a.current{border-bottom:3px solid #65ef50;padding-bottom:8px}.pickup-header nav a:hover{color:#65ef50}.pickup-hero{min-height:435px;background:linear-gradient(90deg,#031d23 0%,rgba(3,29,35,.94) 26%,rgba(3,29,35,.65) 49%,rgba(3,29,35,.07) 85%),url("assets/GetRecycled Van at Sunset Office Park.png") center 54%/cover no-repeat;color:white;display:flex;align-items:center}.pickup-hero-content{width:min(610px,60%);padding:38px 0 42px clamp(25px,5vw,78px)}.eyebrow{text-transform:uppercase;color:#65ef50;letter-spacing:1px;font-weight:900;font-size:14px;margin:0 0 10px}.pickup-hero h1{font-size:clamp(42px,4.2vw,69px);line-height:.98;letter-spacing:-2px;margin:0;font-weight:900}.pickup-hero-content>p:not(.eyebrow){font-size:clamp(16px,1.4vw,20px);line-height:1.4;max-width:515px;margin:22px 0}.pickup-actions{display:flex;gap:12px;flex-wrap:wrap}.pickup-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:7px;font-weight:800;text-decoration:none}.pickup-button.green{background:#65ef50;color:#082225}.pickup-button.outline{border:1px solid white;color:white;background:rgba(2,24,29,.5)}.pickup-button:hover{filter:brightness(1.12)}.pickup-steps{background:#003139;color:white;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:21px max(24px,5vw)}.pickup-steps>div{display:flex;align-items:center;gap:15px}.pickup-steps b{background:#65ef50;color:#082225;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.pickup-steps strong{display:block;font-size:19px}.pickup-steps small{display:block;font-size:13px;line-height:1.35;margin-top:4px}.pickup-wrap{max-width:1380px;margin:auto}.pickup-process{background:#062e34;color:white;padding:45px 30px 50px;scroll-margin-top:20px}.pickup-process h2{font-size:clamp(27px,3vw,40px);margin:0 0 23px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid article{border:1px solid #37616a;border-radius:12px;padding:22px;background:#093c43}.process-grid article>span{color:#65ef50;font-size:22px;font-weight:900}.process-grid h3{font-size:19px;margin:12px 0}.process-grid p{font-size:14px;line-height:1.55;color:#e0eeee;margin:0}.pickup-form-area{padding:30px clamp(15px,3vw,45px) 55px;scroll-margin-top:12px}.pickup-form{background:#fff;border-radius:17px;box-shadow:0 8px 35px rgba(9,34,40,.1);padding:clamp(20px,3vw,42px)}.form-heading h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1px;margin:0 0 4px}.form-heading>p:last-child{margin:0 0 27px;color:#42545c}.pickup-form .eyebrow{color:#1b8e2d}.pickup-form fieldset{border:0;min-width:0;padding:0;margin:0}.pickup-form legend{font-size:20px;font-weight:900;padding:0;margin-bottom:7px}.pickup-form legend small{font-size:13px;font-weight:600;color:#62717a}.section-symbol{color:#198c2d;font-size:27px;vertical-align:middle;margin-right:6px}.pickup-form fieldset>p{font-size:13px;color:#475a64;line-height:1.5;margin:0 0 15px}.form-split{display:grid;gap:28px;border-bottom:1px solid #cbd8de;padding-bottom:24px;margin-bottom:24px}.inventory-split{grid-template-columns:36% 1fr}.detail-split{grid-template-columns:58% 1fr}.upload-panel{border-right:1px solid #d2dce0!important;padding-right:28px!important}.upload-zone{border:2px dashed #389347;background:#f6fbf6;border-radius:12px;min-height:225px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;cursor:pointer;text-align:center;padding:20px}.upload-zone:hover{background:#e8f8e8}.upload-icon{font-size:48px;color:#278b31;line-height:1}.upload-zone strong{font-size:19px}.upload-zone>span:not(.upload-icon):not(.file-select){font-size:13px}.file-select{border:1px solid #218b2c;color:#146f24;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:800}.upload-panel input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.upload-panel input[type=file]:focus-visible+.hint{outline:2px solid #198c2d}.hint{font-size:12px!important;color:#63757b!important;margin-top:11px!important}.selected-files{list-style:none;padding:0;margin:8px 0;color:#174f2a;font-size:12px;overflow-wrap:anywhere}.selected-files li{padding:4px 0}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.inventory-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f2;font-size:13px;font-weight:700}.inventory-row input{width:72px;flex-shrink:0}.pickup-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.pickup-form select,.pickup-form textarea{font:inherit;font-size:13px;color:#0d2b33;background:#fff;border:1px solid #b8c9d0;border-radius:6px;padding:10px 11px;min-height:40px;width:100%}.pickup-form input:focus-visible,.pickup-form select:focus-visible,.pickup-form textarea:focus-visible{outline:2px solid #208f35;outline-offset:1px}.pickup-form input::placeholder,.pickup-form textarea::placeholder{color:#76868f}.pickup-form textarea{resize:vertical}.stack-label{display:block;font-weight:800;font-size:13px;margin:15px 0 7px}.fields{display:grid;gap:13px 18px;margin-bottom:14px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.fields label{font-size:13px;font-weight:800;display:block}.fields input,.fields select{display:block;margin-top:7px}.fields em{color:#bd2727;font-style:normal}.checks,.radio-stack{display:grid;gap:10px;margin:15px 0}.checks label,.radio-stack label,.report-choice{font-size:13px;line-height:1.4;display:flex;align-items:flex-start;gap:8px;cursor:pointer}.pickup-form input[type=checkbox],.pickup-form input[type=radio]{accent-color:#198d2e;width:16px;height:16px;flex-shrink:0;margin:1px 0}.side-fields{display:grid;gap:26px;align-content:start}.report-choice{font-weight:700}.report-choice small{color:#52636b;font-weight:400}.contact-fields{border-bottom:1px solid #cbd8de!important;padding-bottom:16px!important}.form-footer{text-align:center;padding:24px 0 0}.submit-preview{border:0;border-radius:7px;background:#237d20;color:white;font-weight:900;font-size:16px;padding:16px 35px;opacity:1;cursor:pointer}.review-warning{color:#975b13;font-size:13px;font-weight:800}.fine-print{font-size:12px;font-style:italic;color:#53646b;max-width:780px;margin:15px auto;line-height:1.5}.contact-fallback{font-size:13px}.contact-fallback a{color:#187d29;font-weight:800}.pickup-footer{text-align:center;background:#05272d;color:#d4e4e7;padding:25px 15px;font-size:13px}@media(max-width:1050px){.pickup-header{height:auto;min-height:85px;flex-wrap:wrap;padding-block:15px}.pickup-header nav{flex-wrap:wrap}.inventory-split{grid-template-columns:1fr}.upload-panel{border-right:0!important;border-bottom:1px solid #d2dce0!important;padding:0 0 25px!important}.upload-zone{min-height:180px}.detail-split{grid-template-columns:1fr}.side-fields{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.pickup-header{align-items:flex-start}.pickup-brand{width:215px}.pickup-header nav{gap:13px}.pickup-header nav a{font-size:12px}.pickup-hero{min-height:485px;background-position:60% center}.pickup-hero-content{width:100%;padding:45px 22px;background:linear-gradient(90deg,rgba(3,29,35,.94),rgba(3,29,35,.64))}.pickup-hero h1{font-size:46px}.pickup-steps{grid-template-columns:1fr;gap:20px}.process-grid,.side-fields,.inventory-grid,.fields.two,.fields.three{grid-template-columns:1fr}.pickup-process{padding:35px 20px}.pickup-form-area{padding:18px 12px 35px}.pickup-form{padding:20px 16px}.pickup-form legend{font-size:18px}.inventory-row input{width:90px}.pickup-button{font-size:13px}}
/* Business Pickup review polish: readable inventory, fixed quantity fields */
@media(min-width:1051px){.inventory-split{grid-template-columns:minmax(310px,34%) minmax(0,1fr);gap:34px}.upload-panel{padding-right:34px!important}}
.inventory-grid{column-gap:28px;row-gap:3px}
.inventory-row{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:12px;min-height:47px;padding:8px 0;font-size:13px;line-height:1.25}
.inventory-row input,.pickup-form .inventory-row input:not([type=checkbox]):not([type=radio]):not([type=file]){width:78px;min-width:0;padding:9px 10px}
.inventory-panel>p{max-width:720px;line-height:1.55}
@media(max-width:700px){.inventory-grid{grid-template-columns:1fr}.inventory-row{grid-template-columns:minmax(0,1fr) 88px}.inventory-row input,.pickup-form .inventory-row input:not([type=checkbox]):not([type=radio]):not([type=file]){width:88px}}

/* Accessible category examples and optional customer questions */
.asset-label{display:inline-flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.asset-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;border:1px solid #21883a;border-radius:50%;color:#187b2e;font-weight:900;font-size:11px;line-height:1;cursor:help;background:#eff9ef}
.asset-help:focus-visible{outline:2px solid #187b2e;outline-offset:3px}
.asset-tip{display:none;position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);z-index:20;width:230px;max-width:min(230px,75vw);background:#073139;color:white;border-radius:8px;box-shadow:0 6px 22px rgba(0,0,0,.23);padding:11px 13px;font-size:12px;line-height:1.45;font-weight:400;text-align:left;pointer-events:none}
.asset-help:hover .asset-tip,.asset-help:focus .asset-tip,.asset-help:focus-within .asset-tip{display:block}
.inventory-row:nth-child(even) .asset-tip{left:auto;right:-4px;transform:none}
.customer-questions{padding:0 0 24px!important;margin:0 0 24px!important;border-bottom:1px solid #cbd8de!important}
.customer-questions textarea{max-width:100%}
@media(max-width:700px){.asset-tip{left:0;transform:none}.inventory-row:nth-child(even) .asset-tip{left:0;right:auto}}

/* Approved pickup visual master — November 2026 */
.pickup-hero{background-image:linear-gradient(90deg,rgba(2,35,41,.38) 0%,rgba(2,35,41,.08) 38%,rgba(2,35,41,0) 65%),url("assets/getrecycled-business-pickup-hero-v2.png"),url("assets/GetRecycled Van at Sunset Office Park.png");background-position:center,center center,center;background-size:cover,cover,cover;min-height:430px}
.pickup-hero-content{width:min(600px,41%);padding-left:clamp(25px,6vw,105px)}
.pickup-hero h1{font-size:clamp(42px,4vw,65px)}
.pickup-hero-content>p:not(.eyebrow){max-width:470px}
.pickup-steps{grid-template-columns:minmax(180px,1.15fr) repeat(3,minmax(0,1fr));align-items:center;gap:25px;padding:20px clamp(25px,5vw,90px)}
.pickup-steps .steps-intro{display:flex;flex-direction:column;gap:5px;border-right:1px solid #4db4b6;padding-right:22px}
.pickup-steps .steps-intro span{color:#65ef50;font-size:12px;font-weight:900;letter-spacing:.5px}
.pickup-steps .steps-intro strong{font-size:clamp(18px,1.6vw,27px);line-height:1.1}
.pickup-steps>div:not(.steps-intro){align-items:flex-start;gap:13px}
.pickup-steps>div:not(.steps-intro) b{height:40px;width:40px}
.pickup-steps>div:not(.steps-intro) strong{font-size:clamp(15px,1.15vw,19px)}
.pickup-steps>div:not(.steps-intro) small{font-size:12px;line-height:1.45}
.pickup-form-area{background:#e5f2fa}
.pickup-form{max-width:1530px;margin:auto}
@media(max-width:1000px){.pickup-steps{grid-template-columns:repeat(3,1fr)}.pickup-steps .steps-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid #4db4b6;padding:0 0 12px}.pickup-steps .steps-intro strong br{display:none}.pickup-hero-content{width:55%}}
@media(max-width:700px){.pickup-hero{background-position:center,right 35% center,center;min-height:460px}.pickup-hero-content{width:100%;background:linear-gradient(90deg,rgba(2,35,41,.96),rgba(2,35,41,.65) 80%,rgba(2,35,41,.35));padding:35px 22px}.pickup-steps{grid-template-columns:1fr;gap:18px}.pickup-steps .steps-intro{grid-column:auto}.pickup-steps>div:not(.steps-intro){align-items:center}}

/* Hero crop correction: preserve the full employee and readable headline. */
.pickup-hero{min-height:520px;background-color:#06282d;background-image:linear-gradient(90deg,#06282d 0%,#06282d 28%,rgba(6,40,45,.96) 39%,rgba(6,40,45,.5) 52%,rgba(6,40,45,0) 70%),url("assets/getrecycled-business-pickup-hero-v2.png");background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}
.pickup-hero-content{width:min(610px,43%);position:relative;z-index:1}
@media(max-width:1000px){.pickup-hero{min-height:470px;background-image:linear-gradient(90deg,#06282d 0%,rgba(6,40,45,.96) 35%,rgba(6,40,45,.35) 75%),url("assets/getrecycled-business-pickup-hero-v2.png")}.pickup-hero-content{width:min(580px,62%)}}
@media(max-width:700px){.pickup-hero{min-height:480px;background-position:center,right center;background-size:100% 100%,auto 100%;background-image:linear-gradient(90deg,rgba(6,40,45,.96) 0%,rgba(6,40,45,.86) 55%,rgba(6,40,45,.45) 100%),url("assets/getrecycled-business-pickup-hero-v2.png")}.pickup-hero-content{width:100%;background:none}}

/* Edge-to-edge hero refinement: photograph extends left with a soft teal blend. */
.pickup-hero{background-image:linear-gradient(90deg,#06282d 0%,rgba(6,40,45,.98) 18%,rgba(6,40,45,.88) 32%,rgba(6,40,45,.50) 46%,rgba(6,40,45,.10) 64%,rgba(6,40,45,0) 80%),url("assets/getrecycled-business-pickup-hero-v2.png");background-size:100% 100%,auto 118%;background-position:center,right center;background-repeat:no-repeat}
@media(max-width:1000px){.pickup-hero{background-image:linear-gradient(90deg,#06282d 0%,rgba(6,40,45,.94) 32%,rgba(6,40,45,.45) 65%,rgba(6,40,45,.08) 100%),url("assets/getrecycled-business-pickup-hero-v2.png");background-size:100% 100%,auto 110%}}
@media(max-width:700px){.pickup-hero{background-image:linear-gradient(90deg,rgba(6,40,45,.97) 0%,rgba(6,40,45,.89) 53%,rgba(6,40,45,.48) 100%),url("assets/getrecycled-business-pickup-hero-v2.png");background-size:100% 100%,auto 100%}}

/* Composition correction: no scaling distortion or aggressive zoom. Keep the van visible. */
.pickup-hero{background-image:linear-gradient(90deg,#06282d 0%,rgba(6,40,45,.98) 19%,rgba(6,40,45,.82) 33%,rgba(6,40,45,.30) 51%,rgba(6,40,45,0) 72%),url("assets/getrecycled-business-pickup-hero-v2.png");background-size:100% 100%,auto 100%;background-position:center,right 42px center;background-repeat:no-repeat;background-color:#06282d}
@media(max-width:1000px){.pickup-hero{background-image:linear-gradient(90deg,#06282d 0%,rgba(6,40,45,.94) 34%,rgba(6,40,45,.45) 67%,rgba(6,40,45,.08) 100%),url("assets/getrecycled-business-pickup-hero-v2.png");background-size:100% 100%,auto 100%;background-position:center,right center}}
@media(max-width:700px){.pickup-hero{background-image:linear-gradient(90deg,rgba(6,40,45,.97) 0%,rgba(6,40,45,.89) 53%,rgba(6,40,45,.48) 100%),url("assets/getrecycled-business-pickup-hero-v2.png");background-size:100% 100%,auto 100%;background-position:center,right center}}

/* V3 hero: show full image height on large screens, lighten employee. */
.pickup-hero{min-height:clamp(420px,33vw,540px);background-color:#06282d;background-image:linear-gradient(90deg,#06282d 0%,rgba(6,40,45,.97) 18%,rgba(6,40,45,.88) 28%,rgba(6,40,45,.42) 39%,rgba(6,40,45,.08) 52%,rgba(6,40,45,0) 65%),url("assets/getrecycled-business-pickup-hero-v3.png");background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}
.pickup-hero-content{width:min(610px,43%);position:relative;z-index:1}
@media(max-width:1000px){.pickup-hero{background-position:center,right center}.pickup-hero-content{width:min(580px,60%)}}
@media(max-width:700px){.pickup-hero{min-height:470px;background-image:linear-gradient(90deg,rgba(6,40,45,.96),rgba(6,40,45,.76) 60%,rgba(6,40,45,.3)),url("assets/getrecycled-business-pickup-hero-v3.png");background-size:100% 100%,auto 100%;background-position:center,right center}.pickup-hero-content{width:100%;background:none}}

/* Give the four process cards room to breathe on wider screens. */
@media(min-width:1051px){.pickup-process .pickup-wrap{max-width:1530px}.process-grid{gap:clamp(22px,2vw,34px)}.process-grid article{padding:clamp(25px,2.3vw,36px)}}

/* Pickup form final review: file removal and concise privacy note. */
.selected-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.remove-upload{border:1px solid #b9cbd0;background:#fff;color:#16424a;border-radius:7px;padding:5px 10px;cursor:pointer;font:inherit;font-size:12px}
.remove-upload:hover,.remove-upload:focus-visible{border-color:#256b77;text-decoration:underline}
.privacy-note{font-size:12px;line-height:1.5;color:#53676c;margin:12px 0}

/* Match the approved homepage header on Business Pickup. Hero remains untouched. */
@media(min-width:1051px){
  .pickup-header{height:108px;padding:0 clamp(42px,4vw,76px);gap:0;justify-content:initial;background:#061c21}
  .pickup-brand{display:block;width:clamp(250px,18vw,315px);flex:0 0 auto;line-height:0}
  .pickup-header nav{margin-left:auto;gap:clamp(27px,2.4vw,48px);height:100%}
  .pickup-header nav a{position:relative;font-size:15px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.45)}
  .pickup-header nav a.current{border-bottom:0;padding-bottom:0}
  .pickup-header nav a.current:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:3px;background:var(--green);border-radius:999px}
}
@media(min-width:1051px) and (max-width:1250px){
  .pickup-header{padding-inline:34px}
  .pickup-brand{width:250px}
  .pickup-header nav{gap:23px}
  .pickup-header nav a{font-size:13px}
}

.submit-preview:disabled{opacity:.6;cursor:wait}
.submit-preview:not(:disabled):hover{filter:brightness(1.08)}