/* ========================= 
   BAOJIA ABOUT - SECTION 05 
   FROM STOCK TO SHIPMENT 
========================= */ 
 
.baojia-fulfillment { 
  width: 100%; 
  background: #f7f7f5; 
  padding: 76px 24px 82px; 
  box-sizing: border-box; 
  font-family: Arial, Helvetica, sans-serif; 
} 
 
.baojia-fulfillment * { 
  box-sizing: border-box; 
} 
 
.baojia-fulfillment .fulfillment-inner { 
  width: 100%; 
  max-width: 1360px; 
  margin: 0 auto; 
} 
 
 
/* ========================= 
   HEADING 
========================= */ 
 
.baojia-fulfillment .fulfillment-heading { 
  max-width: 700px; 
  margin: 0 auto 44px; 
  text-align: center; 
} 
 
.baojia-fulfillment .fulfillment-eyebrow { 
  display: block; 
  margin-bottom: 10px; 
  color: #2475df; 
  font-size: 17px; 
  line-height: 1.2; 
  font-weight: 700; 
  letter-spacing: 1.5px; 
  text-transform: uppercase; 
} 
 
.baojia-fulfillment .fulfillment-title { 
  margin: 0 0 14px 0 !important; 
  padding: 0 !important; 
  color: #0b2345 !important; 
  font-size: 21px !important; 
  line-height: 1.35 !important; 
  font-weight: 700 !important; 
  letter-spacing: -0.2px !important; 
} 
 
.baojia-fulfillment .fulfillment-intro { 
  max-width: 620px; 
  margin: 0 auto; 
  color: #6a7583; 
  font-size: 15px; 
  line-height: 1.7; 
} 
 
 
/* ========================= 
   MAIN LAYOUT 
========================= */ 
 
.baojia-fulfillment .fulfillment-main { 
  display: grid; 
  grid-template-columns: 1.05fr 0.95fr; 
  align-items: stretch; 
  gap: 54px; 
} 
 
 
/* ========================= 
   WAREHOUSE IMAGE 
========================= */ 
 
.baojia-fulfillment .warehouse-photo { 
  position: relative; 
  width: 100%; 
  min-height: 500px; 
  overflow: hidden; 
  border-radius: 10px; 
  background: #e8ebee; 
} 
 
.baojia-fulfillment .warehouse-photo img { 
  width: 100%; 
  height: 100%; 
  min-height: 500px; 
  display: block; 
  object-fit: cover; 
  object-position: center center; 
} 
 
 
/* SMALL LABEL ON IMAGE */ 
 
.baojia-fulfillment .warehouse-label { 
  position: absolute; 
  left: 22px; 
  bottom: 22px; 
  padding: 10px 15px; 
  background: rgba(11, 35, 69, 0.90); 
  color: #ffffff; 
  font-size: 12px; 
  line-height: 1.3; 
  font-weight: 600; 
  letter-spacing: 0.4px; 
  border-radius: 4px; 
} 
 
 
/* ========================= 
   PROCESS LIST 
========================= */ 
 
.baojia-fulfillment .process-list { 
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  align-content: center; 
  border-top: 1px solid #dce2e8; 
} 
 
.baojia-fulfillment .process-item { 
  position: relative; 
  min-height: 155px; 
  padding: 27px 24px 25px 0; 
  border-bottom: 1px solid #dce2e8; 
} 
 
.baojia-fulfillment .process-item:nth-child(odd) { 
  padding-right: 30px; 
} 
 
.baojia-fulfillment .process-item:nth-child(even) { 
  padding-left: 30px; 
  border-left: 1px solid #dce2e8; 
} 
 
 
/* ========================= 
   NUMBER 
========================= */ 
 
.baojia-fulfillment .process-number { 
  margin-bottom: 12px; 
  color: #2475df; 
  font-size: 16px; 
  line-height: 1; 
  font-weight: 700; 
  letter-spacing: 1px; 
} 
 
 
/* ========================= 
   STEP TITLE 
========================= */ 
 
.baojia-fulfillment .process-title { 
  margin: 0 0 8px 0 !important; 
  padding: 0 !important; 
  color: #0b2345 !important; 
  font-size: 16px !important; 
  line-height: 1.35 !important; 
  font-weight: 700 !important; 
} 
 
 
/* ========================= 
   STEP TEXT 
========================= */ 
 
.baojia-fulfillment .process-text { 
  margin: 0; 
  color: #687482; 
  font-size: 13px; 
  line-height: 1.6; 
} 
 
 
/* ========================= 
   TABLET 
========================= */ 
 
@media screen and (max-width: 992px) { 
 
  .baojia-fulfillment { 
    padding: 60px 22px 66px; 
  } 
 
  .baojia-fulfillment .fulfillment-main { 
    grid-template-columns: 1fr; 
    gap: 38px; 
  } 
 
  .baojia-fulfillment .warehouse-photo { 
    min-height: auto; 
  } 
 
  .baojia-fulfillment .warehouse-photo img { 
    min-height: 0; 
    aspect-ratio: 16 / 9; 
  } 
 
  .baojia-fulfillment .fulfillment-title { 
    font-size: 21px !important; 
  } 
 
} 
 
 
/* ========================= 
   MOBILE 
========================= */ 
 
@media screen and (max-width: 640px) { 
 
  .baojia-fulfillment { 
    padding: 48px 18px 54px; 
  } 
 
  .baojia-fulfillment .fulfillment-heading { 
    margin-bottom: 30px; 
    text-align: left; 
  } 
 
  .baojia-fulfillment .fulfillment-eyebrow { 
    font-size: 14px; 
  } 
 
  .baojia-fulfillment .fulfillment-title { 
    font-size: 21px !important; 
  } 
 
  .baojia-fulfillment .fulfillment-intro { 
    font-size: 14px; 
    line-height: 1.7; 
  } 
 
  .baojia-fulfillment .fulfillment-main { 
    gap: 30px; 
  } 
 
  .baojia-fulfillment .warehouse-photo { 
    border-radius: 8px; 
  } 
 
  .baojia-fulfillment .warehouse-photo img { 
    width: 100%; 
    aspect-ratio: 4 / 3; 
    object-fit: cover; 
  } 
 
  .baojia-fulfillment .warehouse-label { 
    left: 14px; 
    bottom: 14px; 
    padding: 8px 11px; 
    font-size: 11px; 
  } 
 
  .baojia-fulfillment .process-list { 
    grid-template-columns: 1fr; 
  } 
 
  .baojia-fulfillment .process-item { 
    min-height: auto; 
    padding: 22px 0; 
    border-left: none !important; 
  } 
 
  .baojia-fulfillment .process-item:nth-child(odd), 
  .baojia-fulfillment .process-item:nth-child(even) { 
    padding-left: 0; 
    padding-right: 0; 
  } 
 
  .baojia-fulfillment .process-number { 
    margin-bottom: 9px; 
    font-size: 15px; 
  } 
 
  .baojia-fulfillment .process-title { 
    font-size: 16px !important; 
  } 
 
  .baojia-fulfillment .process-text { 
    font-size: 13px; 
  } 
 
}